Mouseover mit Farbänderung HINTER dem Text...

    Hallo Leute und erst mal frohe Ostern...

    ich habe ein (bescheidenes?) Problem...
    Auf einigen Seiten habe ich schon häufiger gesehen,
    dass es wohl machbar ist, dass wenn ich über einen Link fahre,
    dieser FARBLICH hinterlegt wird!

    Ich möchte das ganze aber noch etwas ausbauen!

    Ich habe eine Tabelle, in der ich einige Downloads anbiete.
    In der Zeile steht in mehreren Spalten der Name, die Größe, etc...
    Jetzt hätte ich gerne, dass beim "Mouseover" wie ne HOVER- Funktion
    das ganze, also die komplette Zeile über alle Spalten grau oder so
    hinterlegt wird.

    Gesehen hab ich sowas schon des öfteren in diversen Foren,
    die damit die neuesten Beiträge und Verfasser... markieren.

    Hat jemand einen Tipp, wie ich das realisiere?
    Wahrscheinlich mit nem JavaScript, oder gehts das per CSS???

    Grüße,

    Manuel

    Das müsstest du mit einer Javascript-Funktion realisieren. Das MouseOver-Event wird ja nur für den aktuell
    überfahrenen Bereich ausgelöst. Dieser JS-Fkt. müsste dann nur noch mitgeteilt werden wieviele Zeilen verändert werden sollen.

    Viel Erfolg.

    "Carpe Diem" powered by positiv Feelings

    Hi,
    meinst Du so etwa?

    Code
    <span onMouseOver="this.style.backgroundColor='#0000ff';this.style.color='#ffffff'" onMouseOut="this.style.backgroundColor='#ffffff';this.style.color='#000000'">Danke geht so.</span>


    MfG
    6_freddy :)

    Ich weiß jetzt nicht genau ob ich gemeint bin, aber dein letzter Post zeigt noch eine weitere Möglichkeit auf.
    Wer sagt denn, dass man nicht mehrere Zeilen einem DIV-Element zuweisen kann? :)

    Klar, und das onMouseOver wird dann für dieses DIV definiert, in dem die einzelnen Zeilen liegen. Damit könnte man sich
    die JS-Fkt. schenken.

    Das sollte gehen...

    "Carpe Diem" powered by positiv Feelings

    Zitat von 6_freddy
    Code
    <span onMouseOver="this.style.backgroundColor='#0000ff';this.style.color='#ffffff'" onMouseOut="this.style.backgroundColor='#ffffff';this.style.color='#000000'">Danke geht so.</span>

    Hey, cool!
    Vom Prinzop her ist das genau das richtige!
    Jetzt sollte durch die MouseOver- Funktion
    nur noch der GESAMTE TABELLENHINTERGRUND eingefärbt werden!
    Und dei Tabellen daneben auch!

    Dann wärs EXAKT das, was ich suche! :)

    Aber immerhin: Ich werde verstanden! *g*

    Gruß und danke schonmal,

    Manuel

    Hi,

    Zitat

    Torty
    BeitragVerfasst am: Mo, 28.03.2005 09:32 Titel:
    Ich weiß jetzt nicht genau ob ich gemeint bin, aber dein letzter Post zeigt noch eine weitere Möglichkeit auf.
    Wer sagt denn, dass man nicht mehrere Zeilen einem DIV-Element zuweisen kann? Smile

    Klar, und das onMouseOver wird dann für dieses DIV definiert, in dem die einzelnen Zeilen liegen. Damit könnte man sich
    die JS-Fkt. schenken.

    Das sollte gehen...


    Dann probier' doch mal damit 'rum - und poste dann, ob's klappt. Das wäre dann ein schöner Abschluss für diesen Thread.
    MfG
    6_freddy :wink: