Visualizzazione dei risultati da 1 a 10 su 10
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2004
    Messaggi
    93

    righe con sfondi alternati

    salve a tutti

    ammetto di non aver cercato sul sito ma non saprei cosa cercare

    ho una tabella creata dal collegamento ad un database

    l'elenco è molto lungo e quindi, per facilitarne la lettura, vorrei alternare righe con sfondo bianco a righe con sfondo colorato.
    Come posso fare? (capirete che non sono molto bravo )

    ho visto in alcuni siti che è possibile anche evidenziare con un colore diverso la riga su cui si posiziona il mouse. é asp o è javascript? avete idea di come si fa?

    grazie comunque

    ciao

    pod

  2. #2
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    764
    Codice PHP:
    Dim rig
    rig 
    0
    Function bgcol()
    rig rig 1
    if rig 1 then
    bgcol 
    "#codicecolore1"
    else
    bgcol "#codicecolore2"
    rig 0
    end 
    if
    End Function 
    Il <tr> della tabella diventa così: <tr bgcolor="<%=bgcol%>">

  3. #3
    Utente di HTML.it L'avatar di wallrider
    Registrato dal
    Apr 2003
    Messaggi
    2,755

    Re: righe con sfondi alternati

    Originariamente inviato da pod
    ...
    ho visto in alcuni siti che è possibile anche evidenziare con un colore diverso la riga su cui si posiziona il mouse. é asp o è javascript? avete idea di come si fa?
    ...
    javascript
    RIP Cicciobenzina 9/11/2010

    "Riseminaciceli, i ceci nell'orto"

  4. #4
    Utente di HTML.it
    Registrato dal
    Aug 2004
    Messaggi
    93
    grazie mille per il codice. Ovviamente funziona perfettamente.

    per quanto riguarda javascript, sapete dove potrei trovare un esempio di codice?

    grazie

  5. #5
    Utente di HTML.it
    Registrato dal
    Aug 2004
    Messaggi
    93
    ho trovato questo:

    onMouseover="this.style.backgroundColor='#eeeeee'" onMouseout="this.style.backgroundColor='#333333'" BGCOLOR="#ffffff

    pero' non riesco a farlo convivere con la funzione per la creazione di righe con sfondo diverso.
    In pratica quando sposto il mouse tutte le righe acquisiscono lo stesso valore (quello del onmouseout).

    ho provato a mettere la variabile come colore onmouseout ma non funziona

    avete suggerimenti?

    grazie

  6. #6
    Utente di HTML.it
    Registrato dal
    Aug 2004
    Messaggi
    93
    ho trovato questo:

    (http://javascript.html.it/articoli/l...sulle-tabelle/)

    onload=function(){
    Righello("tabella1");
    }

    function Righello(IDtabella){
    trs=document.getElementById(IDtabella).tBodies[0].rows;
    for(i=0;i<trs.length;i++){
    tds=trs[i].cells;
    trs[i].link=tds[tds.length-1].getElementsByTagName("a")[0].href;
    trs[i].title= "Visita " + trs[i].link;
    trs[i].style.cursor="pointer";
    trs[i].onclick=function(){document.location.href=this.li nk};
    trs[i].onmouseover = function(){this.className="corrente";}
    trs[i].onmouseout = function(){this.className="";}

    }
    }

    ma non riesco a frlo funzionare
    non so se è perchè uso un css esterno oppure perche ho il background che è una variabile

  7. #7
    Ma se usi un CSS meglio ancora (per il colore al passaggio del mouse...per l'alternare i colori, usa anche ASP volendo):

    dai una class alla tr, diciamo class="esempio" e nel CSS metterai

    tr.esempio
    {
    background-color: #cccccc;
    }
    tr:hover.esempio
    {
    background-color: #ffffff;
    }

    per alternare i colori in ASP, puoi anche usare "mod" per verificare se il contatore diviso 2 da resto o no...ed alterni i colori.

  8. #8
    Utente di HTML.it
    Registrato dal
    Aug 2004
    Messaggi
    93
    si ma IE non funge

  9. #9
    Utente di HTML.it
    Registrato dal
    Aug 2004
    Messaggi
    93
    non è il css
    deve essere la funzione per la creazione delle righe con sgondo alternato

    come posso fare?

  10. #10
    Utente di HTML.it
    Registrato dal
    Aug 2004
    Messaggi
    93
    non è nemmeno quella funzione


Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.