Dateigrösse: 3.99 kb
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html> 3 <head> 4 <title>jumpToURLs</title> 5 <script type="text/javascript"> 6 <!-- 7 /*** _URLs Generator ***/ 8 var Auswahl_URLs = new Array(); 9 Auswahl_URLs[0] = 'http://www.nzz.ch'; 10 Auswahl_URLs[1] = 'http://www.fcsg.ch'; 11 Auswahl_URLs[2] = 'http://www.eb-zuerich.ch'; 12 Auswahl_URLs[3] = 'http://www.enaip.ch'; 13 Auswahl_URLs[4] = 'http://www.michaelster.ch'; 14 Auswahl_URLs[5] = 'http://www.interdiscount.ch'; 15 Auswahl_URLs[6] = 'http://www.kicker.de'; 16 Auswahl_URLs[7] = 'http://www.droeppez.de'; 17 Auswahl_URLs[8] = 'http://www.fussball-aufnaeher.de'; 18 /* callback */ 19 function jumpToURL(formName,menuName) { 20 var obj = eval("document." + formName + "." + menuName); 21 var index = obj.selectedIndex; 22 var url = eval(menuName + "_URLs[" + index + "]"); 23 if (url != "") { 24 location.href = url; 25 } 26 } 27 /*********************************************************************/ 28 // Theme Color Generator 29 var Theme = new Function("{ this.bgcolors = new Array; this.textColor = \"\"; }"); 30 31 var aThemes = new Array(); 32 33 // For use with white text 34 aThemes[0] = new Theme(); 35 aThemes[0].bgcolors = ['#990000','#336666','#003366','#f5f5f5','#eb5f01','#003366','#4faf00','#dd0000','#cc0033','#000000','#5f9ea0','#dc143c']; 36 aThemes[0].textColor = "#ffffff"; 37 38 // For use with black text 39 aThemes[1] = new Theme(); 40 aThemes[1].bgcolors = ['#ffcc00','#cc66ff','#c0c0c0','#dd0000','#adde6e','#eb5f69','#3366cc','#00ee66','#eb5f01','#0066ff','#ff4500','#4b0082']; 41 aThemes[1].textColor = "#000000"; 42 43 //Secondary theme colors 44 var secThemes = new Array(9); 45 secThemes[0] = '#CD853F'; 46 secThemes[1] = '#ff99cc'; 47 secThemes[2] = '#000000'; 48 secThemes[3] = '#dcdcdc'; 49 secThemes[4] = '#eb5f69'; 50 secThemes[5] = '#FAFAD2'; 51 secThemes[6] = '#FF4500'; 52 secThemes[7] = '#FFD700'; 53 secThemes[8] = '#ffff99'; 54 secThemes[9] = '#F08080'; 55 56 var bool = false; 57 var a = 0; 58 function doColor(x,y) { 59 y = bool ? (y-a) : y; 60 if(y==0) { y = 9; a = 0; } 61 document.body.style.backgroundColor = aThemes[x].bgcolors[y]; 62 document.getElementById('Auswahl').style.backgroundColor = aThemes[x+1].bgcolors[y]; 63 document.getElementById('div1').style.backgroundColor = aThemes[x].bgcolors[a]; 64 document.getElementById('div1').style.color = secThemes[y]; 65 document.getElementById('div1').style.fontWeight = "bolder"; 66 document.getElementById('div1').innerHTML = "BODY-BG=" + aThemes[x].bgcolors[y] + "<br>DDMenu=" + aThemes[x+1].bgcolors[y] + "<br>DIV 1=" + aThemes[x].bgcolors[a] + "<br>COLOR=" + secThemes[y] + "<br>y=" + y + "<br>a=" + a; 67 bool = true; 68 ++a; 69 } 70 //--> 71 </script> 72 </head> 73 74 <body> 75 76 <form name="myForm"> 77 <select size="9" name="Auswahl" id="Auswahl" onChange="jumpToURL('myForm','Auswahl')" style="width:185; background-color:#dcdcdc; font-size:8pt; font-family:Arial,sans-serif;"> 78 <optgroup label="------------------ A -----------------"> 79 <option value="AaraFC.htm">FC Aarau</option> 80 </optgroup> 81 <optgroup label="------------------ G -----------------"> 82 <option value="ZuerGC.htm">Grasshopper-Club</option> 83 </optgroup> 84 <optgroup label="------------------ L -----------------"> 85 <option value="LausSp.htm">Lausanne-Sports</option> 86 <option value="LuzeFC.htm">FC Luzern</option> 87 </optgroup> 88 <optgroup label="------------------ N -----------------"> 89 <option value="NeucXa.htm">Xamax Neuchatel</option> 90 </optgroup> 91 <optgroup label="------------------ S -----------------"> 92 <option value="ServFC.htm">Servette FC</option> 93 <option value="SionFC.htm">FC Sion</option> 94 <option value="StGaFC.htm">FC St. Gallen</option> 95 </optgroup> 96 <optgroup label="------------------ Z -----------------"> 97 <option value="ZuerFC.htm">FC Zürich</option> 98 </optgroup> 99 </select><br> 100 </form> 101 102 <div onclick="doColor(0,9)" style="cursor:pointer; background:yellow; width:20em; height:10em; border:1px solid black; padding:3px;" id="div1"></div> 103 104 </body> 105 </html> 106