  |
| Autor |
Nachricht |
sdaves
Neuer [User]
Anmeldung: 10.01.08
Beiträge: 1
|
 Verfasst am: 10.01.2008, 16:16 Titel: OnMousOver td background ändern |
 |
|
hallo,
ich hab ein kleines problem. undzwar weiß ich nicht, wie ich die background-images meiner tabellenzellen per onmousover und onmouseout ändern kann.
denke ich brauche dafür javascript, aber ich wie genau setz ich das um?
beispiel: | Code: | <td width=\"148\" height=\"25\" background=\"gfx/button1.jpg\">
|
button2.jpg ist das bild, dass bei onmouseover angezeigt werden soll
wer kann mir helfen? 
|
|
| Nach oben |
|
 |
umt
Beliebter [User]
Anmeldung: 29.11.07
Beiträge: 310
|
| Verfasst am: 11.01.2008, 02:41 Titel: |
|
|
Am besten machst du das mit css:
Gib den Zellen ein class-Attribut:
| Code: | | <td class="bildwechsel"></td> |
in die css-Datei kommt dann:
| Code: | td.bildwechsel{background:url('gfx/button1.jpg');}
td.bildwechsel:hover{background:url('gfx/button2.jpg');} |
Das sollte klappen.
_________________
 www.jexlab.net - Webentwicklung zu fairen Konditionen
www.netzonaut.de - Blog zum Thema Webentwicklung, Internet, Linux und OpenSource-Software
|
|
| Nach oben |
|
|
eforium
Bekannter [Mod]
Anmeldung: 20.01.06
Beiträge: 1349
Wohnort: Irgendwo i ...
|
|
| Nach oben |
|
|
Professor
Stammuser [User]
Anmeldung: 02.11.07
Beiträge: 33
|
| Verfasst am: 11.01.2008, 13:39 Titel: |
|
|
würde auch per javascript mit entsprechender css anweisung funktionieren
| Code: |
<tr onMouseOver="this.style.backgroundImage='url(bild.gif)';" onMouseOut="this.style.backgroundImage='';">
|
prof.
|
|
| Nach oben |
|
|
fabarazzi
Stammuser [User]
Anmeldung: 29.12.07
Beiträge: 32
Wohnort: Augsburg
|
| Verfasst am: 11.01.2008, 14:39 Titel: |
|
|
Dieser hover-Effekt bei Tabellen funktionieren beim IE nicht (zumindesten nicht beim alten). Daher würde ich ein a-Tag einbauen, display auf block stellen, Breiten- und Höhenangaben festlegen und Bild einfügen. Und im a-Tag ein Leerzeichen ( ) einfügen.
güße
|
|
| Nach oben |
|
|
umt
Beliebter [User]
Anmeldung: 29.11.07
Beiträge: 310
|
| Verfasst am: 11.01.2008, 14:52 Titel: |
|
|
Oder eben mit css (siehe oben). Das müsste auch beim IE6 funktionieren.
_________________
www.jexlab.net - Webentwicklung zu fairen Konditionen
www.netzonaut.de - Blog zum Thema Webentwicklung, Internet, Linux und OpenSource-Software
|
|
| Nach oben |
|
|
fabarazzi
Stammuser [User]
Anmeldung: 29.12.07
Beiträge: 32
Wohnort: Augsburg
|
| Verfasst am: 11.01.2008, 17:07 Titel: |
|
|
Ich meinte ja alles mit CSS, beim alten IE geht bei Tabellen aber kein hover-Effekt..
|
|
| Nach oben |
|
|
|
|
