Ciao a tutti, sto iniziando ora ad interessarmi un po' di javascript, e ho questo codice che in teoria dovrebbe cambiare il colore di sfondo al click su un pulsante, ma non funziona. Dove sbaglio?
grazie mille a tutti.codice:<html> <head> <title>Pagina</title> </head> <body bgcolor="#ffffff"> <form> <input type="button" value="Rosso" onClick="document.bgcolor='#CCCCCC';"> </form> </body> </html>
Marcello: "Non ti preoccupare, è tutto CSS, senò è finita che separiamo la grafica dai contenuti. E allora 'o W3C parla a vacant?"
Vincenzo: "Spesso sì."
Utonter . Puliti dentro e belli fuori.
codice:<html> <head> <title>Pagina</title> <style> body { background: #fff; } body.colore { background: #c00;} </style> <script> function cambiacolore() { document.getElementsByTagName('body')[0].className = 'colore'; } </script> </head> <body> <form> <input type="button" value="Rosso" onclick="cambiacolore();"> </form> </body> </html>
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
Grazie mille!
Sapresti dirmi anche perchè quello che avevo scritto io non va? Non usa i fogli di stile quindi personalmente non lo pubblicherei, ma in teoria dovrebbe funzionare, no? L'ho preso da un libro...
Marcello: "Non ti preoccupare, è tutto CSS, senò è finita che separiamo la grafica dai contenuti. E allora 'o W3C parla a vacant?"
Vincenzo: "Spesso sì."
Utonter . Puliti dentro e belli fuori.
document.bgcolor oltre ad usare un attributo obsoleto (bgcolor) è di per sé un riferimento errato perchè al limite devi cambiare document.body.bgcolor
In questo modo invece cambi al volo la classe del body per cui eventuali modifiche al colore (e allo stile restante le apporti direttamente nella classe sul css
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
Rispondi quotando