Rollover "nur" bei Klick
- Themenstarter solomat
- Beginndatum
- Status
F
Fabian H
Sicher, dass das heir nicht geht?
Bzw. das hier:
Code:
<input type="button" style="background-color: #FFFFFF;" onclick="this.style['backgroundColor'] = '#000000';" />
Code:
<input type="button" style="background-color: #FFFFFF;"
onfocus="this.style['backgroundColor'] = '#000000';"
onblur="this.style['backgroundColor'] = '#FFFFFF';" />
solomat
Erfahrenes Mitglied
Hab mich wohl nen bisschen komisch ausgedrückt.
mein code für den link bei den sich der button ändern soll sieht so aus:
die datei fahrzeug_o.gif ist die Datei die angezeigt werden soll wenn der button geklickt wird. Wenn der Klick gemacht wurde, soll der button wieder der ursprüngliche sein, also die datei fahrzeuge.gif
mein code für den link bei den sich der button ändern soll sieht so aus:
Code:
<a href="fahrzeuge.htm" target="content" onClick="images/navi/fahrzeuge_o.gif"><img src="images/navi/fahrzeuge.gif" name="fahrzeuge" width="66" height="18" border="0" id="fahrzeuge"></a>
F
Fabian H
Code:
<a href="..."
onmousedown="window.document.images['LinkBild'].src = 'fahrzeuge_o.png';"
onmouseup="window.document.images['LinkBild'].src = 'fahrzeuge.png';">
<img src="fahrzeuge.png" name="LinkBild" /></a>solomat
Erfahrenes Mitglied
Also erstmal herzlichen Dank für den Code Fabian, habs grad versucht und dachte eigentlich ich kann endlich aufatmen, funktioniert leider nicht. Hab hier mal mein den Code um zu zeigen wies bei mir aussieht.
Code:
<html>
<head>
<title>test test test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body scroll="no">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="25%" height="25%"> </td>
<td width="700" height="25%"> </td>
<td width="25%" height="25%"> </td>
</tr>
<tr>
<td width="25%" height="500"> </td>
<td width="700" height="500" valign="top"><table width="700" height="65" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img name="header" src="" width="700" height="65" alt="platzhalter"></td>
</tr>
</table>
<table width="700" height="5" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/linie_white.gif" width="700" height="5"></td>
</tr>
</table>
<table width="700" height="18" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="fahrzeuge.htm" target="content" onmousedown="window.document.images['LinkBild'].src='images/navi/fahrzeuge.gif'" onmouseup="window.document.images['LinkBild'].src='images/navi/fahrzeuge.gif'"><img src="images/navi/fahrzeuge.gif" name="LinkBild" border="0"></a>
<img src="images/navi/fahrzeuge_o.gif" width="66" height="18"> </td>
</tr>
</table>
<table width="700" height="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><iframe name="content" frameborder="0" src="" width="700" height="300"></iframe></td>
</tr>
</table></td>
<td width="25%" height="500"> </td>
</tr>
<tr>
<td width="25%" height="25%"> </td>
<td width="700" height="25%"> </td>
<td width="25%" height="25%"> </td>
</tr>
</table>
</body>
</html>
F
Fabian H
Hier kannst du dir es etwas einfacher machen, da es ja um das Bild innerhalb des Links geht, und nicht um irgend eines:
Du kannst also gleich auf das this-Objekt zurückgreifen und musst nicht den umständlichen Weg über window.document.images nehmen.
Die Zeile oben ist übrigens getestet und geht, also liegt der Fehler bei die vielleicht irgendwo anders.
Code:
<img onmousedown="this.src = 'bar.png';" onmouseup="this.src='foo.png';"
src="foo.png" name="LinkBild" border="0">Die Zeile oben ist übrigens getestet und geht, also liegt der Fehler bei die vielleicht irgendwo anders.
- Status
