Ändern der Hintergrundfarbe mit mouseover in Tabellen
hambuveraner
- javascript
0 nixblick0 jürgen j.- css
0 csx0 hambuveraner0 wahsaga
Folgendes Problem:
Habe eine Tabelle aus mehreren Zeilen und Spalten.
Die erste (linke) Spalte enthält mehrere Zeilen und soll als Navigation dienen.
Der jeweils angeklickte MenüOberpunkt soll farbig hinterlegt werden,
Unterpunkte bei Mouseover ebenfalls.
Also quasi ähnlich wie das beispiel mit dynamischen Buttons in SelfHTML, nur eben ohne Grafiken...
hi,
das geht nicht ...
siehe den 6. thread unter deinem [pref:t=54121&m=300327]
siehe den 14. thread unter deinem [pref:t=54113&m=300284]
sowie die x threads im archiv </archiv/>
mfg nixblick
Folgendes Problem:
Habe eine Tabelle aus mehreren Zeilen und Spalten.
Die erste (linke) Spalte enthält mehrere Zeilen und soll als Navigation dienen.
Der jeweils angeklickte MenüOberpunkt soll farbig hinterlegt werden,
Unterpunkte bei Mouseover ebenfalls.
Also quasi ähnlich wie das beispiel mit dynamischen Buttons in SelfHTML, nur eben ohne Grafiken...
Wenn Du keine Frage stellst, kannst Du keine Antwort erwarten.
http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus
hi
Habe eine Tabelle aus mehreren Zeilen und Spalten.
Die erste (linke) Spalte enthält mehrere Zeilen und soll als Navigation dienen.
Der jeweils angeklickte MenüOberpunkt soll farbig hinterlegt werden,
Unterpunkte bei Mouseover ebenfalls.
Also quasi ähnlich wie das beispiel mit dynamischen Buttons in SelfHTML, nur eben ohne Grafiken...
Meinst du sowas:
<td onMouseOver="this.style.backgroundColor='#BCC2D6';
this.style.cursor='hand';
this.style.cursor='pointer';" onMouseOut="this.style.backgroundColor='#F0F0F0';">...</td>
Gruss
csx
Yess!
Genau sowas brauchte ich ! Sehr schön! Thanx!
thanx an csx für die schnelle Lösung!!
Beim SelfHTLM-Beispiel für dynamische Buttons erfolgt der Zugriff
auf die Grafiken über eine automatische Durchnummerierung der verwendeten Grafiken.
Normal1 = new Image();
Normal1.src = "0.gif"; /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "1.gif"; /* erste Highlight-Grafik */
/* usw. fuer alle weiteren zu benutzenden Grafiken */
Werden die Hintergrundgrafiken eigentlich auch durchnummeriert, so dass ich auch sie dynamische tauschen könnte???
Wäre cool, weil dann könnte ich durch Klick auf eine Tabellenzelle den Hintergrund einer ANDEREN ändern...
hi,
Werden die Hintergrundgrafiken eigentlich auch durchnummeriert, so dass ich auch sie dynamische tauschen könnte???
nein.
Wäre cool, weil dann könnte ich durch Klick auf eine Tabellenzelle den Hintergrund einer ANDEREN ändern...
das geht ja trotzdem.
greife z.b. mit getElementById() auf die jeweilige tabellenzelle zu, und ändere dann die entsprechende style-eigenschaft.
näheres siehe selfhtml.
gruss,
wahsaga