Quelltext der Datei: http://www.michaelster.ch/jsTestFolder/jumpToUrls.htm

Dateigrösse: 3.99 kb

[Anzeige ohne Zeilennummern]

1 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>jumpToURLs</title>
<script type="text/javascript">
<!--
/*** _URLs Generator ***/
var Auswahl_URLs = new Array();
Auswahl_URLs[0] = 'http://www.nzz.ch';
Auswahl_URLs[1] = 'http://www.fcsg.ch';
Auswahl_URLs[2] = 'http://www.eb-zuerich.ch';
Auswahl_URLs[3] = 'http://www.enaip.ch';
Auswahl_URLs[4] = 'http://www.michaelster.ch';
Auswahl_URLs[5] = 'http://www.interdiscount.ch';
Auswahl_URLs[6] = 'http://www.kicker.de';
Auswahl_URLs[7] = 'http://www.droeppez.de';
Auswahl_URLs[8] = 'http://www.fussball-aufnaeher.de';
/* callback */
function jumpToURL(formName,menuName) {
    var obj     = eval("document." + formName + "." + menuName);
    var index     = obj.selectedIndex;
    var url     = eval(menuName + "_URLs[" + index + "]");
    if (url != "") {
        location.href = url;
    }
}
/*********************************************************************/
// Theme Color Generator
var Theme = new Function("{ this.bgcolors = new Array; this.textColor = \"\"; }");

var aThemes = new Array();

// For use with white text
aThemes[0] = new Theme();
aThemes[0].bgcolors = ['#990000','#336666','#003366','#f5f5f5','#eb5f01','#003366','#4faf00','#dd0000','#cc0033','#000000','#5f9ea0','#dc143c'];
aThemes[0].textColor = "#ffffff";

// For use with black text
aThemes[1] = new Theme();
aThemes[1].bgcolors = ['#ffcc00','#cc66ff','#c0c0c0','#dd0000','#adde6e','#eb5f69','#3366cc','#00ee66','#eb5f01','#0066ff','#ff4500','#4b0082'];
aThemes[1].textColor = "#000000";

//Secondary theme colors
var secThemes = new Array(9);
secThemes[0] = '#CD853F';
secThemes[1] = '#ff99cc';
secThemes[2] = '#000000';
secThemes[3] = '#dcdcdc';
secThemes[4] = '#eb5f69';
secThemes[5] = '#FAFAD2';
secThemes[6] = '#FF4500';
secThemes[7] = '#FFD700';
secThemes[8] = '#ffff99';
secThemes[9] = '#F08080';

var bool = false;
var a     = 0;
function doColor(x,y) {
    y = bool ? (y-a) : y;
    if(y==0) { y = 9; a = 0; }
    document.body.style.backgroundColor = aThemes[x].bgcolors[y];
    document.getElementById('Auswahl').style.backgroundColor = aThemes[x+1].bgcolors[y];
    document.getElementById('div1').style.backgroundColor = aThemes[x].bgcolors[a];
    document.getElementById('div1').style.color = secThemes[y];
    document.getElementById('div1').style.fontWeight = "bolder";
    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;    
    bool = true;
    ++a;
}
//-->
</script>
</head>

<body>

<form name="myForm">
    <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;">
        <optgroup label="------------------ A -----------------">
            <option value="AaraFC.htm">FC Aarau</option>
        </optgroup>
        <optgroup label="------------------ G -----------------">
            <option value="ZuerGC.htm">Grasshopper-Club</option>
        </optgroup>
        <optgroup label="------------------ L -----------------">
            <option value="LausSp.htm">Lausanne-Sports</option>
            <option value="LuzeFC.htm">FC Luzern</option>
        </optgroup>
        <optgroup label="------------------ N -----------------">
            <option value="NeucXa.htm">Xamax Neuchatel</option>
        </optgroup>
        <optgroup label="------------------ S -----------------">
            <option value="ServFC.htm">Servette FC</option>
            <option value="SionFC.htm">FC Sion</option>
            <option value="StGaFC.htm">FC St. Gallen</option>
        </optgroup>
        <optgroup label="------------------ Z -----------------">
            <option value="ZuerFC.htm">FC Z&uuml;rich</option>
        </optgroup>
    </select><br>
</form>

<div onclick="doColor(0,9)" style="cursor:pointer; background:yellow; width:20em; height:10em; border:1px solid black; padding:3px;" id="div1"></div>
    
</body>
</html>