From: <ult...@us...> - 2007-03-16 16:42:14
|
Revision: 320 http://svn.sourceforge.net/opengate/?rev=320&view=rev Author: ultrasick Date: 2007-03-16 09:42:13 -0700 (Fri, 16 Mar 2007) Log Message: ----------- uploaded the new login/options interface Modified Paths: -------------- trunk/data/GUI/docked/base/market/show (translate and then kill me).htm trunk/data/power_plants/contender.blend Added Paths: ----------- trunk/data/GUI/undocked/login/ trunk/data/GUI/undocked/login/graphic/ trunk/data/GUI/undocked/login/graphic/buttons/ trunk/data/GUI/undocked/login/graphic/buttons/categorie_marker/ trunk/data/GUI/undocked/login/graphic/buttons/categorie_marker/border.png trunk/data/GUI/undocked/login/graphic/buttons/categorie_marker/filling.png trunk/data/GUI/undocked/login/graphic/buttons/checkbox/ trunk/data/GUI/undocked/login/graphic/buttons/checkbox/selected.png trunk/data/GUI/undocked/login/graphic/buttons/checkbox/unselected.png trunk/data/GUI/undocked/login/graphic/everything.png trunk/data/GUI/undocked/login/graphic/stars.png trunk/data/GUI/undocked/login/graphic/status_bar/ trunk/data/GUI/undocked/login/graphic/status_bar/0.png trunk/data/GUI/undocked/login/graphic/status_bar/100.png trunk/data/GUI/undocked/login/graphic/status_bar/33.png trunk/data/GUI/undocked/login/graphic/status_bar/67.png trunk/data/GUI/undocked/login/graphic/white_25.png trunk/data/GUI/undocked/login/show (translate and then kill me).htm trunk/data/capacitors/summoner.blend Modified: trunk/data/GUI/docked/base/market/show (translate and then kill me).htm =================================================================== --- trunk/data/GUI/docked/base/market/show (translate and then kill me).htm 2007-03-14 20:42:11 UTC (rev 319) +++ trunk/data/GUI/docked/base/market/show (translate and then kill me).htm 2007-03-16 16:42:13 UTC (rev 320) @@ -1500,7 +1500,6 @@ z-index:14; " > - </div> <div id=Categorie_1_Caption Added: trunk/data/GUI/undocked/login/graphic/buttons/categorie_marker/border.png =================================================================== (Binary files differ) Property changes on: trunk/data/GUI/undocked/login/graphic/buttons/categorie_marker/border.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/data/GUI/undocked/login/graphic/buttons/categorie_marker/filling.png =================================================================== (Binary files differ) Property changes on: trunk/data/GUI/undocked/login/graphic/buttons/categorie_marker/filling.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/data/GUI/undocked/login/graphic/buttons/checkbox/selected.png =================================================================== (Binary files differ) Property changes on: trunk/data/GUI/undocked/login/graphic/buttons/checkbox/selected.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/data/GUI/undocked/login/graphic/buttons/checkbox/unselected.png =================================================================== (Binary files differ) Property changes on: trunk/data/GUI/undocked/login/graphic/buttons/checkbox/unselected.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/data/GUI/undocked/login/graphic/everything.png =================================================================== (Binary files differ) Property changes on: trunk/data/GUI/undocked/login/graphic/everything.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/data/GUI/undocked/login/graphic/stars.png =================================================================== (Binary files differ) Property changes on: trunk/data/GUI/undocked/login/graphic/stars.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/data/GUI/undocked/login/graphic/status_bar/0.png =================================================================== (Binary files differ) Property changes on: trunk/data/GUI/undocked/login/graphic/status_bar/0.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/data/GUI/undocked/login/graphic/status_bar/100.png =================================================================== (Binary files differ) Property changes on: trunk/data/GUI/undocked/login/graphic/status_bar/100.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/data/GUI/undocked/login/graphic/status_bar/33.png =================================================================== (Binary files differ) Property changes on: trunk/data/GUI/undocked/login/graphic/status_bar/33.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/data/GUI/undocked/login/graphic/status_bar/67.png =================================================================== (Binary files differ) Property changes on: trunk/data/GUI/undocked/login/graphic/status_bar/67.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/data/GUI/undocked/login/graphic/white_25.png =================================================================== (Binary files differ) Property changes on: trunk/data/GUI/undocked/login/graphic/white_25.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/data/GUI/undocked/login/show (translate and then kill me).htm =================================================================== --- trunk/data/GUI/undocked/login/show (translate and then kill me).htm (rev 0) +++ trunk/data/GUI/undocked/login/show (translate and then kill me).htm 2007-03-16 16:42:13 UTC (rev 320) @@ -0,0 +1,737 @@ +<html> +<head> + +<style> + div{ + font-family:Impact; + color:#88D997; + } + td{ + font-family:'Lucida Console'; + font-size:8pt; + color:#88D997; + } +</style> + +<script language="JavaScript" type="text/javascript"> + var language = 'english'; + + function Highlight(Object_ID, Flag){ + if(Flag=='true'){ + document.getElementById(Object_ID).style.border = '1px solid #BAEAC3'; + }else if(Flag=='false'){ + document.getElementById(Object_ID).style.border = '1px solid #88D997'; + } + } + + var Userdata_Save_Checked = true; + function Checkbox_Change(Object_ID){ + Checked = eval(Object_ID + '_Checked'); + + if(Checked==true){ + if(Object_ID=='Userdata_Save'){ + Userdata_Save_Checked = false; + } + + document.getElementById(Object_ID).src = 'graphic/buttons/checkbox/unselected.png'; + }else if(Checked==false){ + if(Object_ID=='Userdata_Save'){ + Userdata_Save_Checked = true; + } + + document.getElementById(Object_ID).src = 'graphic/buttons/checkbox/selected.png'; + } + } + + // Categorie stuff [start] + var Categorie_selected = 1; + + function Categorie_Fetch_Caption(ID){ + if(language=='english'){ + if(ID==1){ + Caption = 'Connect'; + }else if(ID==2){ + Caption = 'Graphic'; + }else if(ID==3){ + Caption = 'Sound'; + }else if(ID==4){ + Caption = 'Controls'; + }else if(ID==5){ + Caption = 'Credits'; + }else if(ID==6){ + Caption = 'Quit'; + } + }else if(language=='german'){ + if(ID==1){ + Caption = 'Verbinden'; + }else if(ID==2){ + Caption = 'Grafik'; + }else if(ID==3){ + Caption = 'Audio'; + }else if(ID==4){ + Caption = 'Steuerung'; + }else if(ID==5){ + Caption = 'Mitwirkende'; + }else if(ID==6){ + Caption = 'Verlassen'; + } + } + + return Caption; + } + + function Categorie_MouseOver(ID){ + if(ID!=Categorie_selected){ + document.getElementById('Categorie_' + ID + '_Caption').style.color = '#BAEAC3'; + + } + } + + function Categorie_MouseOut(ID){ + if(ID!=Categorie_selected){ + document.getElementById('Categorie_' + ID + '_Caption').style.color = '#88D997'; + } + } + + function Categorie_Click(ID){ + if(ID!=Categorie_selected){ + // Switch all categories to "mouseout" [start] + i = 1; + while(i<=6){ + document.getElementById('Categorie_' + i + '_Marker_Border').style.opacity = 0; + document.getElementById('Categorie_' + i + '_Caption').style.color = '#88D997'; + document.getElementById('Categorie_' + i + '_Marker_Filling').style.opacity = 0; + + // Weiterz\xE4hlen + i = eval(i + 1); + } + // Switch all categories to "mouseout" [end] + + // Change title + document.getElementById('Title_Caption').innerHTML = Categorie_Fetch_Caption(ID); + + // Switch the clicked on categorie to "selected" [start] + document.getElementById('Categorie_' + ID + '_Marker_Border').style.opacity = 1; + document.getElementById('Categorie_' + ID + '_Caption').style.color = '#BAEAC3'; + document.getElementById('Categorie_' + ID + '_Marker_Filling').style.opacity = 0.5; + + Categorie_selected = ID; + // Switch the clicked on categorei to "selected" [end] + } + } + // Categorie stuff [end] + + var Step = 0; + function Connect(){ + if(Step==0){ + document.getElementById('Connecting_Step_1_Caption').style.visibility = 'visible'; + document.getElementById('Connecting_Status_bar').style.visibility = 'visible'; + + window.setTimeout('Connect()', 1000); + }else if(Step==1){ + document.getElementById('Connecting_Step_1_OK').style.visibility = 'visible'; + document.getElementById('Connecting_Step_2_Caption').style.visibility = 'visible'; + document.getElementById('Connecting_Status_bar_Image').src = 'graphic/status_bar/33.png'; + + window.setTimeout('Connect()', 1000); + }else if(Step==2){ + document.getElementById('Connecting_Step_2_OK').style.visibility = 'visible'; + document.getElementById('Connecting_Step_3_Caption').style.visibility = 'visible'; + document.getElementById('Connecting_Status_bar_Image').src = 'graphic/status_bar/67.png'; + + window.setTimeout('Connect()', 1000); + }else if(Step==3){ + document.getElementById('Connecting_Step_3_OK').style.visibility = 'visible'; + document.getElementById('Connecting_Status_bar').innerHTML = '<img src="graphic/status_bar/100.png"><br>'; + + if(language=='english'){ + document.getElementById('Connecting_Status_bar').innerHTML = document.getElementById('Connecting_Status_bar').innerHTML + '[login successful]'; + }else if(language=='german'){ + document.getElementById('Connecting_Status_bar').innerHTML = document.getElementById('Connecting_Status_bar').innerHTML + '[Verbindungsaufbau erfolgreich]'; + } + } + + // jump to the next step + Step = eval(Step + 1); + } + + function Load_Objects(){ + // Title [start] + if(language=='german'){ + document.getElementById('Title_Caption').innerHTML = 'Verbinden'; + }else if(language=='english'){ + document.getElementById('Title_Caption').innerHTML = 'Connect'; + } + // Title [end] + + // Categories [start] + var i = 1; + while(i<=6){ + // Captions + document.getElementById('Categorie_' + i + '_Caption').innerHTML = Categorie_Fetch_Caption(i); + document.getElementById('Categorie_' + i + '_Caption').style.top = eval(121 + 30 * i); + + // Markers + document.getElementById('Categorie_' + i + '_Marker_Border').style.top = eval(117 + 30 * i); + document.getElementById('Categorie_' + i + '_Marker_Filling').style.top = eval(117 + 30 * i); + + // Weiterz\xE4hlen + i = eval(i + 1); + } + // Categories [end] + + // Formular [start] + if(language=='german'){ + // "Username:" + document.getElementById('Username_Caption').innerHTML = 'Benutzername:'; + + // "Password:" + document.getElementById('Password_Caption').innerHTML = 'Passwort:'; + + // "save my access data:" + document.getElementById('Userdata_Save_Container').innerHTML = 'speichere Zugangsdaten:'; + }else if(language=='english'){ + // "Username:" + document.getElementById('Username_Caption').innerHTML = 'Username:'; + + // "Password:" + document.getElementById('Password_Caption').innerHTML = 'Password:'; + + // "save my access data:" + document.getElementById('Userdata_Save_Container').innerHTML = 'save my access data:'; + } + + document.getElementById('Userdata_Save_Container').innerHTML = document.getElementById('Userdata_Save_Container').innerHTML + ' <img id=Userdata_Save src="graphic/buttons/checkbox/selected.png" style="vertical-align:bottom" onClick="Checkbox_Change(\'Userdata_Save\')">'; + + // Connect-Button + document.getElementById('Connect_Caption').innerHTML = Categorie_Fetch_Caption(1) + // Formular [end] + + // Help text - New account [start] + if(language=='english'){ + document.getElementById('Help_Text_New_Account').innerHTML = 'If you would like to create a new account then you are welcome to use Opacma.<br><br>Opacma.OnTheServer.de'; + }else if(language=='german'){ + document.getElementById('Help_Text_New_Account').innerHTML = 'Wenn Sie w\xFCnschen einen neuen Account anzulegen steht Ihnen hierf\xFCr Opacma zur Verf\xFCgung.<br><br>Opacma.OnTheServer.de'; + } + // Help text - New account [end] + + // Connecting [start] + if(language=='english'){ + // Step 1 + document.getElementById('Connecting_Step_1_Caption').innerHTML = 'Establishing connection to the meta server:'; + document.getElementById('Connecting_Step_1_OK').innerHTML = '[OK]'; + + // Step 2 + document.getElementById('Connecting_Step_2_Caption').innerHTML = 'Transmitting access data and client version:'; + document.getElementById('Connecting_Step_2_OK').innerHTML = '[OK]'; + + // Step 3 + document.getElementById('Connecting_Step_3_Caption').innerHTML = 'Recieving user identification number:'; + document.getElementById('Connecting_Step_3_OK').innerHTML = '[OK]'; + }else if(language=='german'){ + // Step 1 + document.getElementById('Connecting_Step_1_Caption').innerHTML = 'Baue Verbindung zum Metaserver auf:'; + document.getElementById('Connecting_Step_1_OK').innerHTML = '[OK]'; + + // Step 2 + document.getElementById('Connecting_Step_2_Caption').innerHTML = 'Sende Zugangsdaten und Versionsnummer:'; + document.getElementById('Connecting_Step_2_OK').innerHTML = '[OK]'; + + // Step 3 + document.getElementById('Connecting_Step_3_Caption').innerHTML = 'Empfange Benutzer- identifikations- nummer:'; + document.getElementById('Connecting_Step_3_OK').innerHTML = '[OK]'; + } + // Connecting [end] + } +</script> + +</head> +<body bgcolor=green onLoad="Load_Objects()"> + +<!-- 1024x768 background image of space [start] --> + <div + style=" + position:absolute; + left:0; + top:0; + z-index:10; + + width:1024; + height:768; + + background-image:url('graphic/stars.png') + " + > + </div> +<!-- 1024x768 background image of space [end] --> + +<!-- image of all the metal parts, the green background and so on [start] --> + <img + style=" + position:absolute; + left:310; + top:32; + z-index:11; + " + + src="graphic/everything.png" + > +<!-- image of all the metal parts, the green background and so on [end] --> + +<!-- title ("options") [start] --> + <div + id=Title_Caption + style=" + position:absolute; + left:364; + top:64; + z-index:12; + + width:318; + height:42; + + text-align:center; + font-size:23pt; + font-family:Impact; + color:#88D997; + " + > + </div> +<!-- title ("options") [end] --> + +<!-- content [start] --> + <!-- table with green line [start] --> + <div + style=" + position:absolute; + left:376; + top:147; + z-index:12; + + width:294; + height:578; + " + > + <table width=100% height=100% border=0 cellspacing=0 cellpadding=0 style="border-collapse:collapse"> + <tr> + <td style="border-right:1px solid #88D997" width=100 rowspan=2> + + </td> + <td valign=top height=200> + + <div + style=" + position:absolute; + left:101; + top:0; + + padding:5; + + width:188; + + border-top:1px solid #88D997; + border-bottom:1px solid #88D997; + + background-image:url('graphic/white_25.png'); + " + > + <table border=0 cellspacing=0 cellpadding=2> + <tr> + <td> + <div id=Username_Caption style="font-family:'Lucida Console';font-size:8pt;"></div> + </td> + <td> + <input + type=text + id=Username + + style=" + width:100%; + height:15; + + background-color:black; + + color:white; + text-align:center; + font-family:'Lucida Console'; + font-size:8pt; + + border:1px solid #88D997; + " + + maxlength=255 + + onFocus="Highlight('Username', 'true')" + onBlur="Highlight('Username', 'false')" + > + </td> + </tr> + <tr> + <td> + <div id=Password_Caption style="font-family:'Lucida Console';font-size:8pt;"></div> + </td> + <td> + <input + type=password + id=Password + + style=" + width:100%; + height:15; + + background-color:black; + + color:white; + text-align:center; + font-family:'Lucida Console'; + font-size:8pt; + + border:1px solid #88D997; + " + + maxlength=255 + + onFocus="Highlight('Password', 'true')" + onBlur="Highlight('Password', 'false')" + > + </td> + </tr> + <tr> + <td colspan=2 align=right> + <div id=Userdata_Save_Container style="font-family:'Lucida Console';font-size:8pt;"></div> + </td> + </tr> + </table> + </div> + + <p><div + id=Connect_Caption + style=" + position:absolute; + left:101; + top:80; + + width:198; + + text-align:center; + font-size:12pt; + + border-top:1px solid #88D997; + border-bottom:1px solid #88D997; + + background-image:url('graphic/white_25.png'); + " + + onMouseOver="this.style.color='#BAEAC3'" + onMouseOut="this.style.color='#88D997'" + onClick="Connect()" + > + </div></p> + + <div + id=Help_Text_New_Account + style=" + position:absolute; + left:101; + top:110; + + width:188; + + padding:5; + + font-family:'Lucida Console'; + font-size:8pt; + " + > + </div> + </td> + </tr> + <tr> + <td style="border-top:1px solid #88D997" valign=top> + <table border=0 cellspacing=0 cellpadding=5> + <tr> + <td> + <div id=Connecting_Step_1_Caption style="font-family:'Lucida Console';font-size:8pt;visibility:hidden;"></div> + </td> + <td> + <div id=Connecting_Step_1_OK style="font-family:'Lucida Console';font-size:8pt;color:#00FF00;font-weight:bold;visibility:hidden;"></div> + </td> + </tr> + <tr> + <td> + <div id=Connecting_Step_2_Caption style="font-family:'Lucida Console';font-size:8pt;visibility:hidden;"></div> + </td> + <td> + <div id=Connecting_Step_2_OK style="font-family:'Lucida Console';font-size:8pt;color:#00FF00;font-weight:bold;visibility:hidden;"></div> + </td> + </tr> + <tr> + <td> + <div id=Connecting_Step_3_Caption style="font-family:'Lucida Console';font-size:8pt;visibility:hidden;"></div> + </td> + <td> + <div id=Connecting_Step_3_OK style="font-family:'Lucida Console';font-size:8pt;color:#00FF00;font-weight:bold;visibility:hidden;"></div> + </td> + </tr> + <tr> + <td colspan=2 align=center> + <div id=Connecting_Status_bar style="font-family:'Lucida Console';font-size:8pt;color:#00FF00;font-weight:bold;visibility:hidden;"><img id=Connecting_Status_bar_Image src="graphic/status_bar/0.png"></div> + </td> + </tr> + </table> + </td> + </tr> + </table> + </div> + <!-- table with green line [end] --> + + <!-- categories [start] --> + <img + src="graphic/buttons/categorie_marker/border.png" + id=Categorie_1_Marker_Border + + style=" + position:absolute; + left:376; + z-index:15; + " + + onMouseOver="Categorie_MouseOver('1')" + onMouseOut="Categorie_MouseOut('1')" + onClick="Categorie_Click('1')" + > + <div + id=Categorie_1_Caption + + style=" + position:absolute; + left:384; + z-index:14; + + font-size:12pt; + color:#BAEAC3; + " + > + </div> + <img + src="graphic/buttons/categorie_marker/filling.png" + id=Categorie_1_Marker_Filling + + style=" + position:absolute; + left:376; + z-index:13; + + opacity:0.5 + " + > + + <img + src="graphic/buttons/categorie_marker/border.png" + id=Categorie_2_Marker_Border + + style=" + position:absolute; + left:376; + z-index:15; + + opacity:0 + " + + onMouseOver="Categorie_MouseOver('2')" + onMouseOut="Categorie_MouseOut('2')" + onClick="Categorie_Click('2')" + > + <div + id=Categorie_2_Caption + + style=" + position:absolute; + left:384; + z-index:14; + + font-size:12pt; + " + > + </div> + <img + src="graphic/buttons/categorie_marker/filling.png" + id=Categorie_2_Marker_Filling + + style=" + position:absolute; + left:376; + z-index:13; + + opacity:0 + " + > + + <img + src="graphic/buttons/categorie_marker/border.png" + id=Categorie_3_Marker_Border + + style=" + position:absolute; + left:376; + z-index:15; + + opacity:0 + " + + onMouseOver="Categorie_MouseOver('3')" + onMouseOut="Categorie_MouseOut('3')" + onClick="Categorie_Click('3')" + > + <div + id=Categorie_3_Caption + + style=" + position:absolute; + left:384; + z-index:14; + + font-size:12pt; + " + > + </div> + <img + src="graphic/buttons/categorie_marker/filling.png" + id=Categorie_3_Marker_Filling + + style=" + position:absolute; + left:376; + z-index:13; + + opacity:0 + " + > + + <img + src="graphic/buttons/categorie_marker/border.png" + id=Categorie_4_Marker_Border + + style=" + position:absolute; + left:376; + z-index:15; + + opacity:0 + " + + onMouseOver="Categorie_MouseOver('4')" + onMouseOut="Categorie_MouseOut('4')" + onClick="Categorie_Click('4')" + > + <div + id=Categorie_4_Caption + + style=" + position:absolute; + left:384; + z-index:14; + + font-size:12pt; + " + > + </div> + <img + src="graphic/buttons/categorie_marker/filling.png" + id=Categorie_4_Marker_Filling + + style=" + position:absolute; + left:376; + z-index:13; + + opacity:0 + " + > + + <img + src="graphic/buttons/categorie_marker/border.png" + id=Categorie_5_Marker_Border + + style=" + position:absolute; + left:376; + z-index:15; + + opacity:0 + " + + onMouseOver="Categorie_MouseOver('5')" + onMouseOut="Categorie_MouseOut('5')" + onClick="Categorie_Click('5')" + > + <div + id=Categorie_5_Caption + + style=" + position:absolute; + left:384; + z-index:14; + + font-size:12pt; + " + > + </div> + <img + src="graphic/buttons/categorie_marker/filling.png" + id=Categorie_5_Marker_Filling + + style=" + position:absolute; + left:376; + z-index:13; + + opacity:0 + " + > + + <img + src="graphic/buttons/categorie_marker/border.png" + id=Categorie_6_Marker_Border + + style=" + position:absolute; + left:376; + z-index:15; + + opacity:0 + " + + onMouseOver="Categorie_MouseOver('6')" + onMouseOut="Categorie_MouseOut('6')" + onClick="Categorie_Click('6')" + > + <div + id=Categorie_6_Caption + + style=" + position:absolute; + left:384; + z-index:14; + + font-size:12pt; + " + > + </div> + <img + src="graphic/buttons/categorie_marker/filling.png" + id=Categorie_6_Marker_Filling + + style=" + position:absolute; + left:376; + z-index:13; + + opacity:0 + " + > + <!-- categories [end] --> +<!-- content [end] --> + +</body> +</html> \ No newline at end of file Property changes on: trunk/data/GUI/undocked/login/show (translate and then kill me).htm ___________________________________________________________________ Name: svn:mime-type + text/plain Name: svn:eol-style + native Added: trunk/data/capacitors/summoner.blend =================================================================== (Binary files differ) Property changes on: trunk/data/capacitors/summoner.blend ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Modified: trunk/data/power_plants/contender.blend =================================================================== (Binary files differ) This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site. |