Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 12
  1. #1

    [JAVA SCRIPT] colonne e righe di una tabella in evidenza

    ciao a tutti!
    ho una pagina asp con una tabella abbastanza grande, per facilitarne la lettura pensavo di creare uno script in JS che mi consenta di evidenziare la riga e la colonna dove si trova la freccina del mouse....
    spero di essermi spiegato!


    mi aiutate?

  2. #2
    Utente di HTML.it L'avatar di Alberto
    Registrato dal
    Oct 2004
    Messaggi
    1,870
    <script language="JavaScript">
    function colora(aaaa,cella){
    if (aaaa=='over'){
    document.getElementById(cella).bgColor='#ff6666';
    }
    else{
    document.getElementById(cella).bgColor='#ffffff';
    }
    }

    </script>
    il tr della tabella deve essere così
    <tr id="a" onMouseOver="colora('over','a');" onMouseOut="cambiacolore2('out','a');">

  3. #3
    Originariamente inviato da Alberto
    il tr della tabella deve essere così
    Ottimo!

    ho messo la prima riga:
    <tr id="a" onMouseOver="colora('over','a');" onMouseOut="cambiacolore2('out','a');">

    la seconda:
    <tr id="b" onMouseOver="colora('over','b');" onMouseOut="cambiacolore2('out','b');">

    ecc...
    La riga si colora solo non mi diventa + bianco quando sposto il mouse

  4. #4
    trovato l'errore
    ho sostituito cambiacolore2 con colora nello script JS!



    grazie ancora!

  5. #5
    Utente di HTML.it L'avatar di Alberto
    Registrato dal
    Oct 2004
    Messaggi
    1,870
    Scusa errore mio nella copia del codice , ti ho scritto un pezzo giusto e un pezzo di un'altra parte che mi serviva per un'altra cosa.
    Per fortuna alla fine hai risolto.

  6. #6
    no problema!
    ora funziona tutto, grazie ancora!



  7. #7

    step 2

    ciao a tutti!
    lo script funziona come un orologio svizzero, ora però vorrei implentarlo maggiormente...
    Vorrei che, una volta passati sulla riga col mouse, il testo sotto diventasse "grassetto". Ovviamente tolto il mouse il testo dovrebbe tornare normale....

    Ho provato così:
    <script language="JavaScript">
    function colora(aaaa,cella){
    if (aaaa=='over'){
    document.getElementById(cella).bgColor='#ff6666';
    document.getElementById(cella).fontface='';
    }
    if (aaaa=='out'){
    document.getElementById(cella).bgColor='#ffffff';
    document.getElementById(cella).fontface='
    ';
    }
    }

    </script>

    ma non gli piace.... :master: :master:

  8. #8
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924

    Re: step 2

    codice:
    <script language="JavaScript">
    function colora(aaaa,cella){
      if (aaaa=='over'){
         document.getElementById(cella).bgColor='#ff6666';
         document.getElementById(cella).style.weight = 'bold';
      }
      if (aaaa=='out'){
         document.getElementById(cella).bgColor='#ffffff';
         document.getElementById(cella).style.weight = 'normal';
      }
    }
    
    </script>

    Ciao
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  9. #9

  10. #10
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    sostituisci style.weight con style.fontWeight
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

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.