Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    cambiare dinamicamente lo sfondo di una cella

    Salve a tutti!

    Devo fare in modo che lo sfondo di una cella cambi colore al passaggio del mouse.
    Come posso fare???
    Probabilmente è possibile gestire l'evento con i CSS, ma in fatto di celle di tabelle non so usarli.

    Oppure con JavaScript???

    Aspetto una vostro aiuto in merito.

    Grazie e ciao.

  2. #2
    Devi usarli entrambi con queste istruzioni da aggiungere al tag td:
    onmouseover="style=this.background-color:#colore;" onmouseout="style=this.background-color:#colore;" penso che dovrebbe essere corretta.

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    633
    per gli stili CSS il passaggio dalla sintassi CSS a quella JavaScript comporta:

    1) eliminazione del trattino
    2) congiunzione delle stringhe
    3) lettere maiuscole per distinguere le parole precedentemente separate da trattino

    percui

    background-color diventa backgroundColor

    in quel caso la sintassi corretta è:

    onmouseover="this.style.backgroundColor='#colore'" onmouseout="this.style.backgroundColor='#colore'"
    Alcuni miei articoli in PRO.HTML.IT: JavaScript | DHTML | DOM
    Sviluppo : wedev | forum

  4. #4
    OK, funziona!

    GRAZIE TANTE!

    Bye-bye :tongue:

  5. #5
    Scusate, testando la pagina con Netscape4.77, l'effetto nno funziona... Non lo supporta??? Ah,...forse perchè Netscape non supporta i CSS.

    C'è un'altro modo per farlo???

    Grazie e ciao

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Esatto NN4 non supporta i CSS.

    E non supporta la modifica dei colori di sfondo.

    (oramai e` un browser troppo vecchio).

    Ciao
    Michele
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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 © 2024 vBulletin Solutions, Inc. All rights reserved.