hambuveraner: Ändern der Hintergrundfarbe mit mouseover in Tabellen

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...

  1. 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

  2. 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

  3. 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

    1. Yess!
      Genau sowas brauchte ich ! Sehr schön! Thanx!

  4. 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...

    1. 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