[HTML] onmousover in while schleife + farbwechsel

Dieses Thema im Forum "Webdesign" wurde erstellt von _zippo^, 6. Februar 2010 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 6. Februar 2010
    onmousover in while schleife + farbwechsel

    he dudes,
    habe ne frage, komme irgendwie nicht weiter...
    ich hole per while schleife nach einander einzelne zeilen aus einer db und gebe diese untereinander aus, ich möchte nun, dass die zeile auf die man mit der maus gerade drauf ist, eine andere hintergrund farbe annimmt...
    habe ein code mit folgendem konstrukt:
    PHP:
    <? php
    while( $data = mysql_fetch_array ( $resultset ))
    {
    ?>
    <div class="bla"><?php  echo  $data [ 'spaltenname' ]; ?></div>
    <div class="bla"><?php  echo  $data [ 'spaltenname' ]; ?></div>
    <div class="bla"><?php  echo  $data [ 'spaltenname' ]; ?></div>
    <div style="clear:both"></div>
    <?php 

    ?>
    ich weiß, dass das ganze mit
    HTML:
    onMouseOver="this.style.backgroundColor='#ff0000'" onMouseOut="this.style.backgroundColor='#000000'"
    funktioniert, allerdings habe ich bisher nur hinbekommen, dass quasi jeder einzelne spalteneintrag beim mouseover eine andere hintergrund farbe bekommt, wie schaff ich dass, dass sich jeweils die ganze zeile ändert?
    (habe bisher nur probiert um die div's in der schleife einen div mit dem genannten onmouseover-text zu machen und das gleiche außerhalb des schleifencodes - beides ohne erfolg...

    ich hoffe ihr könnt mir helfen, danke schonmal, gruß zippo
     
  2. 7. Februar 2010
    AW: onmousover in while schleife + farbwechsel

    Dein vorhaben sieht mir eher nach einer Tabelle aus.

    Wie soll das ganze denn am ende aussehen? (Paint-Zeichnung?)


    Wenn die 3 Divs deine Spalten sind, dann müsstest du noch ein Div um zu machen, wobei du dann wieder bei einer Tabelle wärst die eh schon das TR-Element drum her rum hat!
     
  3. 7. Februar 2010
    AW: onmousover in while schleife + farbwechsel

    Einfach nochmal in einen container packen und als background-color ggf. inherit einstellen bei den anderen divs.
     
  4. 7. Februar 2010
    AW: onmousover in while schleife + farbwechsel

    switch nen class-name, kannst du super per css stylen.

    also:
    Code:
    onmouseover="this.className += ' over';" 
    onmouseout="this.className.replace(/\bover\b/, '');"
    alternativ das ganze over/out direkt in css machen
    Code:
    .div_element:hover div {
     background-color: bunt;
    }
     
  5. 7. Februar 2010
    AW: onmousover in while schleife + farbwechsel

    wuhaa coksnuss und nanobyte - eure version hatte ich hat schon probiert (wie auch oben geschrieben)
    allerdings hatte ich den div vor dem clear:both wieder geschlossen, dass es dann nicht funktioniert ist ja klar ^^

    also danke an alle,
    ps - murdov - wtf??? ^^
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.