Wie wird ein Layer ausgeblendet (JS)

[xabbuh]

Ich habe mir deine Seite gerade einmal angesehen. Als Fehlermeldung erhalte ich elem.children has no properties. Wofür steht in deinem Script das children eigentlich?

[Isocrateus]

Das stammt aus dem Rollover Farbeffekt für die Tabelle

function LmOver(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.style.color = "#000000";
elem.style.cursor = 'hand'}

function LmOut(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#0000CC";} //<-- Hier z.B.

function LmDown(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#FFFFFF";

Das soll die Textfarbe bei den On-Events ändern (woher aber immer beim Klicken der rote Text kommt, ist mir ein Rätsel?! Im Stylesheet ist es nicht vorgesehen...

Allerdings hab' ich das nicht selbst geschrieben, stammt glaube ich aus selfhtml.org... Funktionierte auch, bis ich meine eigenen Funktionen eingefügt habe.

Also, wenn hier keiner weiter weiß, dann werde ich alles einstampfen und nochmal neu mit eigenen Funktionen schreiben. Wenn das dann wieder nicht geht, gibt's mal einen neuen Thread hier :)

[Isocrateus]

Okay, hab jetzt meine eigenen Skripte geschrieben und die funktionieren auch:

<link href="../styles/menu.css" rel="stylesheet" type="text/css">

<script src="menu.js" type="text/javascript"></script>

<div id="infobox" style="position:absolute; left:9px; top:63px; width:349px; height:14px; z-index:1" class="infobox"></div>

<table width="299" cellpadding="2" class="tabelle">
  <tr> 
    <td name="Link1" 
	onMouseOver="LOver(this,'Link1_text')" 
	onMouseOut="LOut(this,'Link1_text')" 
	onMouseDown="LDown(this,'Link1_text')"
	onMouseUp="LUp(this,'Link1_text','#')" >
		<div id="Link1_text">
			Link1
		</div>
	</td>
    <td name="Link3" 
	onMouseOver="LOver(this,'Link3_text')" 
	onMouseOut="LOut(this,'Link3_text')" 
	onMouseDown="LDown(this,'Link3_text')"
	onMouseUp="LUp(this,'Link3_text','#')" >
		<div id="Link3_text">
			Link3
		</div>
	</td>
    <td name="Link5" 
	onMouseOver="LOver(this,'Link5_text')" 
	onMouseOut="LOut(this,'Link5_text')" 
	onMouseDown="LDown(this,'Link5_text')"
	onMouseUp="LUp(this,'Link5_text','#')" >
		<div id="Link5_text">
			Link5
		</div>
	</td>
    <td name="Link7" 
	onMouseOver="LOver(this,'Link7_text')" 
	onMouseOut="LOut(this,'Link7_text')" 
	onMouseDown="LDown(this,'Link7_text')"
	onMouseUp="LUp(this,'Link7_text','#')" >
		<div id="Link7_text">
			Link7
		</div>
	</td>
  </tr>
  <tr>
    <td name="Link2" 
	onMouseOver="LOver(this,'Link2_text')" 
	onMouseOut="LOut(this,'Link2_text')" 
	onMouseDown="LDown(this,'Link2_text')"
	onMouseUp="LUp(this,'Link2_text','#')" >
		<div id="Link2_text">
			Link2
		</div>
	</td>
    <td name="Link4" 
	onMouseOver="LOver(this,'Link4_text')" 
	onMouseOut="LOut(this,'Link4_text')" 
	onMouseDown="LDown(this,'Link4_text')"
	onMouseUp="LUp(this,'Link4_text','#')" >
		<div id="Link4_text">
			Link4
		</div>
	</td>
    <td name="Link6" 
	onMouseOver="LOver(this,'Link6_text')" 
	onMouseOut="LOut(this,'Link6_text')" 
	onMouseDown="LDown(this,'Link6_text')"
	onMouseUp="LUp(this,'Link6_text','#')" >
		<div id="Link6_text">
			Link6
		</div>
	</td>
    <td name="Link8" 
	onMouseOver="LOver(this,'Link8_text')" 
	onMouseOut="LOut(this,'Link8_text')" 
	onMouseDown="LDown(this,'Link8_text')"
	onMouseUp="LUp(this,'Link8_text','#')" >
		<div id="Link8_text">
			Link8
		</div>
	</td>
  </tr>
</table>

und das JS:

function LOver(elem,elem_child){
	elem.style.backgroundColor = "#9999FF";
	document.getElementById(elem_child).style.color = "#FFFFFF";
	document.getElementById(elem_child).style.fontFamily = "Arial, Helvetica, Sans Serif";
	document.getElementById(elem_child).style.fontSize = "9pt";
	elem.style.cursor = 'pointer';

	//Infobox-Text

	infobox = "infobox";//Name of Box
	var info = "" ;

	switch (elem_child)
	{
	case "Link1_text": //Login
		info = "Zum Login";
		break;
	case "Link2_text": //Logout
		info = "Bitte benutze immer diese Schaltfläche beim Verlassen der Seite";
		break; 
	case "Link3_text": //Email
		info = "Emails abrufen und schreiben";
		break;
	case "Link4_text": //Nachrichten
		info = "Private Nachrichten an die anderen Benutzer verschicken";
		break;
	case "Link5_text": //Forum
		info = "Gepflegte Forenunterhaltung über Gott und die Welt";
		break;
	case "Link6_text": //Konfiguration
		info = "Passwort ändern und andere Persönliche Einstellungen";
		break;
	case "Link7_text": //Dateien
		info = "Das Persönliche Webverzeichnis - immer und überall erreichbar";
		break;
	case "Link8_text": //Fehlerbericht
		info = "Fehler auf dieser Seite gefunden? Hier bitte den Webmaster darüber informieren";
		break;
	}
	document.getElementById(infobox).style.visibility = "visible";
	document.getElementById(infobox).innerHTML = info;
}

function LOut(elem,elem_child){
	elem.style.backgroundColor = "#FFFFFF";
	document.getElementById(elem_child).style.color = "#0000CC";
	document.getElementById(elem_child).style.fontFamily = "Arial, Helvetica, Sans Serif";
	document.getElementById(elem_child).style.fontSize = "9pt";
	elem.style.cursor = 'pointer';
	
	//hide infobox
	
	infobox = "infobox";//Name

	document.getElementById(infobox).style.visibility = "hidden";
}

function LDown(elem,elem_child){
	elem.style.backgroundColor = "#0000CC";
	document.getElementById(elem_child).style.color = "#FFFFFF";
	document.getElementById(elem_child).style.fontFamily = "Arial, Helvetica, Sans Serif";
	document.getElementById(elem_child).style.fontSize = "9pt";
	elem.style.cursor = 'pointer';
}

function LUp(elem,elem_child,path){
	elem.style.backgroundColor = "#9999FF";
	document.getElementById(elem_child).style.color = "#FFFFFF";
	document.getElementById(elem_child).style.fontFamily = "Arial, Helvetica, Sans Serif";	
	document.getElementById(elem_child).style.fontSize = "9pt";
	elem.style.cursor = 'pointer';
	location.href = path;
}

Alles Prima, obwohl der Layer in IE6 nicht angezeigt wird, aber das lrieg ich jetzt auch noch gebacken ;)