Hallo zusammen!
habe ein kleines Problem und hoffe dass mir jemand helfen kann.
Die Website hat folgende Struktur: Auf der linken Seite eine Navigation mit 12 Links und im rechten Bereich ist eine Tabelle mit 12 Bildern. D.h. jeder Punkt ist quasi doppelt abgedeckt, einmal durch die Navigation und einmal durch die Bilder. Die Bilder in der Tabelle sind mit einem Rollover-Effekt versehen und das funktioniert soweit auch alles. Wenn man mit der Maus über einen der Links geht, ändert sich das Rollover im dazugehörigen Bild. Jetzt hätte ich gerne noch dass wenn ich mit der Maus über ein Bild gehe, der entsprechende Link in der Navigation fett wird. Habe etwas mit der Methode getElementById rumprobiert, aber ich bekomms nicht hin. Hoffe das war jetzt irgendwie verständlich? :razz: Bin auch leider nicht wirklich fit in Sachen Syntax usw.
So schaut die Sache aus:
Hier der Link den ich mit einer ID versehen habe:
<a href="./Design.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bild21','','Bilder/design-r.jpg',1)"><div id="design">EINRICHTUNGSDESIGN</div></a>
Das Script rufe ich dann beim Rollover über das Bild auf:
<td><div align="right"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bild21','','Bilder/design-r.jpg',1)" ; "toogleBold(design)"><img src="Bilder/design.jpg" alt="Design" name="Bild21" width="182" height="182" border="0"></a></div></td>
Und hier noch das eigentliche Script:
function toggleBold (id) {
element = document.getElementById (id);
if (element.style.fontWeight == 'bold')
element.style.fontWeight = 'normal';
else
element.style.fontWeight = 'bold';
}
Hat jemand ne Ahnung wo der Fehler liegt, bzw. wie sich das lösen lässt?
Danke!
meeyo
habe ein kleines Problem und hoffe dass mir jemand helfen kann.
Die Website hat folgende Struktur: Auf der linken Seite eine Navigation mit 12 Links und im rechten Bereich ist eine Tabelle mit 12 Bildern. D.h. jeder Punkt ist quasi doppelt abgedeckt, einmal durch die Navigation und einmal durch die Bilder. Die Bilder in der Tabelle sind mit einem Rollover-Effekt versehen und das funktioniert soweit auch alles. Wenn man mit der Maus über einen der Links geht, ändert sich das Rollover im dazugehörigen Bild. Jetzt hätte ich gerne noch dass wenn ich mit der Maus über ein Bild gehe, der entsprechende Link in der Navigation fett wird. Habe etwas mit der Methode getElementById rumprobiert, aber ich bekomms nicht hin. Hoffe das war jetzt irgendwie verständlich? :razz: Bin auch leider nicht wirklich fit in Sachen Syntax usw.
So schaut die Sache aus:
Hier der Link den ich mit einer ID versehen habe:
<a href="./Design.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bild21','','Bilder/design-r.jpg',1)"><div id="design">EINRICHTUNGSDESIGN</div></a>
Das Script rufe ich dann beim Rollover über das Bild auf:
<td><div align="right"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bild21','','Bilder/design-r.jpg',1)" ; "toogleBold(design)"><img src="Bilder/design.jpg" alt="Design" name="Bild21" width="182" height="182" border="0"></a></div></td>
Und hier noch das eigentliche Script:
function toggleBold (id) {
element = document.getElementById (id);
if (element.style.fontWeight == 'bold')
element.style.fontWeight = 'normal';
else
element.style.fontWeight = 'bold';
}
Hat jemand ne Ahnung wo der Fehler liegt, bzw. wie sich das lösen lässt?
Danke!
meeyo