HTML Farbwechsel mit Java

www.steffen-hanske.de

Verschiedene Besucher meiner Homepage kamen mit der Navigation nicht zurecht. Am linken Rand befindet sich das durch Mouseover aufklappbare Inhaltsverzeichnis. Um dieses mehr hervorzuheben ändere ich jetzt mit Java die Hintergrundfarbe.

Im Script SetColor können sie sehen wie die Hintergrundfarbe des Inhaltsverzeichnisses dynamisch verändert wird. Die Funktionen ConvertToByte und ByteWertUmsetzen werden verwendet um die dezimalen Farbwerte in die hexadezimalen Farbwerte zu übersetzen.
	
	function SetColor() {
		ByteColor1 = ConvertToByte(color1);
		ByteColor2 = ConvertToByte(color2);
		ByteColor3 = ConvertToByte(color3);
		AktColor = ByteColor1 + ByteColor2 + ByteColor3;
		document.getElementById("Inhaltsverzeichnis").style.backgroundColor = "#" + AktColor;
		if (color1 + color2 + color3 > 332){
			document.getElementById("Inhaltsverzeichnis").style.color = "#000000";
		}
		else {
			document.getElementById("Inhaltsverzeichnis").style.color = "#FFFFFF";
		}
		setTimeout("SetColor()",5);
		if  (Directory == "UP"){
			if  (ByteColor1 == "FF" && ByteColor2 == "FF" && ByteColor3 == "FF") {
				Directory = "DOWN";
			}
			else if  (color1 < 255) {
				color1++;
			}
			else if  (color2 < 255) {
				color2++;
			}
			else if  (color3 < 255) {
				color3++;
			}
		}
		else{
			if  (ByteColor1 == "00" && ByteColor2 == "00" && ByteColor3 == "00") {
				Directory = "UP";
			}
			else if  (color1 > 0) {
				color1--;
			}
			else if  (color2 > 0) {
				color2--;
			}
			else if  (color3 > 0) {
				color3--;
			}
		}
	}
	function ConvertToByte(Zahl){
		var ByteWert;
		var Tester0 = ByteWertUmsetzen(Math.floor (Zahl / 16));
		var Tester1 = ByteWertUmsetzen(Zahl % 16);
		ByteWert = Tester0 + Tester1;
		return ByteWert;
	}
	function ByteWertUmsetzen(Zahl){
		var ByteUmgesetzt;
		switch (Zahl) {
			case 0:ByteUmgesetzt = "0";break;
			case 1:ByteUmgesetzt = "1";break;
			case 2:ByteUmgesetzt = "2";break;
			case 3:ByteUmgesetzt = "3";break;
			case 4:ByteUmgesetzt = "4";break;
			case 5:ByteUmgesetzt = "5";break;
			case 6:ByteUmgesetzt = "6";break;
			case 7:ByteUmgesetzt = "7";break;
			case 8:ByteUmgesetzt = "8";break;
			case 9:ByteUmgesetzt = "9";break;
			case 10:ByteUmgesetzt = "A";break;
			case 11:ByteUmgesetzt = "B";break;
			case 12:ByteUmgesetzt = "C";break;
			case 13:ByteUmgesetzt = "D";break;
			case 14:ByteUmgesetzt = "E";break;
			case 15:ByteUmgesetzt = "F";break;
		}
		return ByteUmgesetzt;
	}