Cambia colore alle tabelle al passagio del mouse

**bonaprogram** · 10-03-2004, 20:43

Come faccio in html/javascript a dire che al passaggio del mouse su un atabella, si cambia il colore, o un'altro attributo? thenk

P.S.

ecco un'esempio

http://www.php-stats.com/stats/admin...ion=os_browser

**bonaprogram** · 10-03-2004, 22:10

up

**Xinod** · 11-03-2004, 00:01

con una ricerchina saltano fuori thread del genere
http://forum.html.it/forum/showthrea...hreadid=587402
http://forum.html.it/forum/showthrea...hreadid=562889

cmq il codice usato nella pagina è questo

codice:

<html>
<head>
<script type="text/javascript">
function setPointer(theRow, thePointerColor, theNormalBgColor){
    var theCells=null;
    if(thePointerColor == '' || typeof(theRow.style) == 'undefined') {
        return false;
    }
    if(typeof(document.getElementsByTagName) != 'undefined') {
        theCells=theRow.getElementsByTagName('td');
    }
    else if(typeof(theRow.cells) != 'undefined') {
        theCells=theRow.cells;
    }
    else {
        return false;
    }
    var rowCellsCnt =theCells.length;
    var currentColor=null;
    var newColor    =null;
    // Opera does not return valid values with "getAttribute"
    if(typeof(window.opera) == 'undefined'
        && typeof(theCells[0].getAttribute) != 'undefined' && typeof(theCells[0].getAttribute) != 'undefined') {
        currentColor=theCells[0].getAttribute('bgcolor');
        newColor    =(currentColor.toLowerCase() == thePointerColor.toLowerCase())
                     ? theNormalBgColor
                     : thePointerColor;
        for (var c=0; c < rowCellsCnt; c++) {
            theCells[c].setAttribute('bgcolor', newColor, 0);
        } // end for
    }
    else {
        currentColor=theCells[0].style.backgroundColor;
        newColor    =(currentColor.toLowerCase() == thePointerColor.toLowerCase())
                     ? theNormalBgColor
                     : thePointerColor;
        for (var c=0; c < rowCellsCnt; c++) {
            theCells[c].style.backgroundColor=newColor;
        }
    }

    return true;
} // end of the 'setPointer()' function
</script>
</head>
<body>
<table>
<tr onmouseover="setPointer(this, '#CCCCCC', '#EEEEEE')" onmouseout="setPointer(this, '#EEEEEE', '#EEEEEE')">
<td bgcolor=#EEEEEE width="14">[img]images/browsers.php?q=Safari[/img]</td><td bgcolor=#EEEEEE align="right"><span class="tabletextA">Safari</span></td><td bgcolor=#EEEEEE align="right"><span class="tabletextA">245</span>
<span class="tabletextA">21</span></td><td bgcolor=#EEEEEE><span class="tabletextA">[img]templates/viewsource/images/style_bar_1.gif[/img] (1.9%)</span>
<span class="tabletextA">[img]templates/viewsource/images/style_bar_2.gif[/img] (2.1%)</span></td>
</tr></table>
</body>
</html>

ciao

**bonaprogram** · 12-03-2004, 17:32

THKS

Discussione: Cambia colore alle tabelle al passagio del mouse

Strumenti discussione

Ricerca discussione

Visualizza

Cambia colore alle tabelle al passagio del mouse

Permessi di invio