dynamic html
Marcel Stör
- javascript
hallo zusammen
ich möchte bei einem mouseover event den überfahrenen text fett darstellen und habe deshalb zwei javascript funktionen geschrieben und diese in einer externen datei abgelegt.
sieht folgendermassen aus:
function makeBold(id) {
document.all[id].style.fontWeight = "bold"; }
function undoBold(id){
document.all[id].style.fontWeight = "normal"; }
angesprochen werden sie im html code so:
<a id="dynText"
href="mailto:marcel@frightanic.com" onMouseOver="javascript:makeBold('dynText')"
onMouseOut="javascript:undoBold('dynText')">
nun kennt ja netscape das document.all objekt nicht und bringt logischerweise eine fehlermeldung.
wie könnt ich das lösen??? vielen dank im voraus und schöne ostern.
marcel
Hallo!
nun kennt ja netscape das document.all objekt nicht und bringt logischerweise eine fehlermeldung.
wie könnt ich das lösen
Ich habe mal vor langer Zeit ein Script geschrieben, was im NN auch den Hovereffekt darstellt. In den CSS-Angaben kannst Du Dein Bold usw. noch angeben.
In diesem Script wird der Hovereffekt für ein Link simuliert.
<html>
<head>
<script type="text/javascript" language="javascript">
<!--
function hover(an, aus)
{
if (document.layers)
{
document.layers[an].visibility = "show";
document.layers[aus].visibility = "hide";
}
if(document.all)
{
document.all[an].style.visibility = "visible";
document.all[aus].style.visibility = "hidden";
}
}
//-->
</script>
<style type="text/css">
<!--
#link1out { position:absolute; left:10px; top:50px; z-index:5; }
#link1over { position:absolute; visibility:hidden; left:10px; top:50px; z-index:10; }
a.lan:link, a.lan:visited, a.lan:active { color:#0000ff; font-size:14pt; }
a.laus:link, a.laus:visited, a.laus:active { color:#0000ff; font-size:14pt; text-decoration:none; }
//-->
</style>
</head>
<body>
<div id="link1out"><a class="laus" href="autos.html" onmouseover="hover('link1over', 'link1out')">Autos</a></div>
<div id="link1over"><a class="lan" href="autos.html" onmouseout="hover('link1out', 'link1over')">Autos</a></div>
</body>
</html>
Blöd ist daran, daß Du alle Links genau positionieren mußt.
mfg, André Laugks