Hallo Forum !
Also ich ahbe vorhin ein kleines Hovermenü selbstprogrammiert.
Im Firefox funktioniert es einwandfrei.
Im IE funktioniert es mit kleinen einschränkungen.
Denn neben dem eigentlichen Hover Effekt soll die zuletzt angeklickte Tabellenspalte auch noch dauerhaft farblich hervorgehoben werden.
Damit man halt sieht "wo" man gerade ist.
Das hovern funzt im IE, allerdings färbt er den BG der TD nicht um. Der Firefox macht es.
Bitte nichts chimpfen falls ich Nuubie Fehler gemacht hab, bin ja auch JavaScript Nub :)
Hier mal mein Script :
<script type="text/javascript" language="javascript">
var clickedID=0;
function click(id) {
//Setze das vorige zurück
var lastTd = document.getElementById("td"+clickedID);
var lastA = document.getElementById("link"+clickedID);
if(lastTd!=null && lastA!=null) {
lastTd.style.backgroundColor = "#CCCCCC";
lastA.style.color = "#000000";
}
//Setze das aktuelle um
var td = document.getElementById("td"+id);
var a = document.getElementById("link"+id);
if(td!=null && a!=null) {
td.style.backgroundColor = "#E20074";
a.style.color = "#FFFFFF";
}
clickedID=id;
}
function swap(id) {
var td = document.getElementById("td"+id);
var a = document.getElementById("link"+id);
if(id != clickedID) {
td.style.backgroundColor = "#999999";
a.style.color = "#000000";
}
}
function swapBack(id) {
var td = document.getElementById("td"+id);
var a = document.getElementById("link"+id);
if(id != clickedID) {
td.style.backgroundColor = "#CCCCCC";
a.style.color = "#000000";
}
}
</script>
Eine Linkzeile sieht dann wie folgt aus :
<td width="100" onMouseOver="swap(3)" onMouseOut="swapBack(3)" onClick="click(3)" id="td3">
<a href="ActiveLinKDiff" target="content" id="link3">ActiveLink-Diff</a>
</td>