Avatar billede macho Praktikant
06. marts 2005 - 10:48 Der er 1 kommentar og
1 løsning

Skift baggrundsfarve i rækker i tabel ved onmouseover

Jeg leder efter en fornuftig måde at lave "onmouseover" på i min php-tabel. Tabellen består af første række, som er faste overskrifter til tre kolonner.

Jeg vil gerne lave en "onmouseover", således, at når musen kører ned over en række, så skifter baggrundsfarven for HELE rækken til en anden farve - og tilbage til standardfarve ved "onmouseout".

Håber nogen gider kikke på det og komme med lidt hjælp.

Her er en del af en noget længere kode:
**********************
function BuildList($album){
    $data = "";
    $data = $data.'<style>
    .MyTable {
        font:        Icon;
        border:        1px Solid ThreeDShadow;
        background:    #FFFFFF;
        color:        WindowText;
    }
   
    .MyTable thead {
        background:    ButtonFace;
    }
   
    .MyTable td {
        padding:    2px 5px;
    }
   
    .MyTable thead td {
        border:            1px solid;
        border-color:    ButtonHighlight ButtonShadow
                        ButtonShadow ButtonHighlight;
        cursor:            default;
    }
    </style>';
    //check for ending /
    if(substr($album, strlen($album)-1, 1) !== '/'){
        $album = $album.'/';
    }
    require('admin/config.php');
    if(file_exists($album.'data.dat')){
        require($album.'data.dat');
    }else{                   
        $user_alb = '';
        $passwd_alb = '';
        $comment = '';
        $description = '';
        $lock = '';
        $upload = '';
        $group = '';
    }
    //Generate Content
    $fileman = new filemanager;
    $data = $data.'<table width="100%"  border="0" cellspacing="0" cellpadding="0" class="MyTable">';
    $data = $data.'<thead>';
    $data = $data.'<tr>';
    $data = $data.'<td><b>Filnavn</b></td>';
    $data = $data.'<td width="120"><b>Dimensioner</b></td>';
    $data = $data.'<td width="80" style="border-right: 1px Solid ButtonFace;"><b>Størrelse</b></td>';
    $data = $data.'</tr>';
    $data = $data.'</thead>';
    $data = $data.'<tbody>';
    if ($handle = opendir($album)){
        while (false !== ($file = readdir($handle))) {
            if($file == '.'){
                // do nothing is parent
            }elseif($file == '..'){
                // do nothing is parent
            }elseif($file == '...'){
                // do nothing is parent
            }elseif($file == 'thumbs'){
                // do nothing is thumbs folder
            }elseif($file == 'data.dat'){
                // do nothing is data.dt
            }elseif(is_file($album.$file)){
                if(substr($file, 0, 5) !== 'hide_'){
                    if(eregi("(.)+\\.(jp(e){0,1}g$|gif$|png$|bmp$|tiff$)",$file)){
                        $imgsize = getimagesize($album.$file);
                        $imgsize = $imgsize[0].'x'.$imgsize[1];
                        $filesize = $fileman->GetFileSize($album.$file);
                        $data = $data.'<tr>';
                        if(!$_COOKIE['useropen']){
                            $data = $data.'<td><a target="_self" href="fileview.php?album='.$_GET['album'].'&file='.$file.'"><img src="data/images/icons/image.gif" align="absmiddle">&nbsp;'.$file.'</a></td>';
                        }else{
                            if($annotate == ''){
                                $data = $data.'<td><a target="_black" href="albums/'.$_GET['album'].'/'.$file.'"><img src="data/images/icons/image.gif" align="absmiddle">&nbsp;'.$file.'</a></td>';
                            }else{
                                $data = $data.'<td><a target="_black" href="viewimg.php?file=albums/'.$_GET['album'].'/'.$file.'"><img src="data/images/icons/image.gif" align="absmiddle">&nbsp;'.$file.'</a></td>';
                            }
                        }
                        $data = $data.'<td>'.$imgsize.'</td>';
                        $data = $data.'<td align="right">'.$filesize[0].' '.$filesize[1].'</td>';
                        $data = $data.'</tr>';
**************************
Avatar billede macho Praktikant
06. marts 2005 - 12:48 #1
Alternativt til første ønske med onmouseover, vil jeg lige så gerne gøre således, at hver anden række i tabellen har en fast farve.

Mon det kan lade sig gøre?
Avatar billede macho Praktikant
06. marts 2005 - 13:33 #2
Nå, jeg fandt ud af det selv.
Ændrede min <tr> til:

<tr onMouseOver="this.style.backgroundColor=\'#FAEBD7\'" onMouseOut="this.style.backgroundColor=\'#ffffff\'">

Det var \' der drillede mig.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester