Cambiare colore ad un button

Vincenzo Luongo

Nuovo Utente
15 Feb 2016
2
0
0
Ho creato un button che quando ci clicchi sopra mostra del contenuto sotto, vorrei cambiare colore, altezza e larghezza ma non ho idea di come si faccia

il codice che uso è questo:

<script>
window.onload=function(){

var event = document.getElementById("event");
event.onclick=function(){
var event = document.getElementById("event");
var content = document.getElementById("contenuto");
if(content.style.display == "none") {
content.style.display = "";
event.innerHTML = "Nascondi";
}
else {
content.style.display = "none";
event.innerHTML = "Mostra";
}
}
}
</script>
<button id="event">Mostra</button>

<div id="contenuto" style="display:none">
blablabla
</div>
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.369
338
83
Codice:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
<style type="text/css">
#event {
	background: #000DFF; /*qui cambi colore allo sfondo*/
	color: #FFFFFF; /*qui cambi colore al testo*/
	width: 100px; /*qui cambi la larghezza*/
	height: :60px; /*qui cambi l'altezza*/
	font-weight: bold; /*Spessore testo*/
	
}
</style>
</head>

<body>
<script>
window.onload=function(){

var event = document.getElementById("event");
event.onclick=function(){
var event = document.getElementById("event");
var content = document.getElementById("contenuto");
if(content.style.display == "none") {
content.style.display = "";
event.innerHTML = "Nascondi";
}
else {
content.style.display = "none";
event.innerHTML = "Mostra";
}
}
}
</script>
<button id="event">Mostra</button>

<div id="contenuto" style="display:none">
blablabla
</div> 
</body>
</html>
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.369
338
83
Hai sbagliato qualche cosa nel copiare il mio esempio perchè funziona tutto bene! Ricontrolla!
Io lo ho testato e funziona sia i colori e le dimensioni che il click
 
Discussioni simili
Autore Titolo Forum Risposte Data
Shyson Cambiare colore al pulsante button HTML e CSS 6
G Cambiare colore ad un record database mysql MySQL 0
O Allo scroll cambiare colore di sfondo jQuery 0
DaveCricket [WordPress] [PHP] Cambiare il colore del link di una pagina attiva WordPress 3
Jonn [Javascript] Cambiare colore sfondo div allo scroll del mouse Javascript 3
V Aiuto su Stile CSS cambiare colore ad un modulo Joomla 1
R Vertex Template (jommla2.5): cambiare colore dell'header Joomla 12
A Cambiare colore bottone app Android Sviluppo app per Android 1
Trapano Cambiare colore ad un td se il campo XXX è = a XXX PHP 10
D cambiare colore al testo il float PHP 1
Z Cambiare colore alla finestra degli avvisi VBulletin 1
Shyson Cambiare colore font nel campo Javascript 26
V Cambiare il colore della pagina con js [era: html con js] Javascript 11
B Cambiare colore riga dati estratti da mysql PHP 24
A Cambiare colore testo ??? Javascript 0
D Cambiare colore di un testo modificando php PHP 3
I Cambiare colore caratteri in echo PHP 1
S Mi aiutate a cambiare il colore di sfondo dei post ? HTML e CSS 2
P cambiare colore fondo (sfumato) Flash 3
U pannellino per cambiare colore alle pagine tramite css e JS Javascript 6
GennyX Cambiare colore alla tabella HTML e CSS 5
max1850 Fireworks: cambiare il colore di uno stile Webdesign e Grafica 9
G Come cambiare in Excel il colore cella attiva? Windows e Software 0
Eugene Cambiare colore sfondo DIV HTML e CSS 2
A cambiare il colore sfondo a tutto il sito HTML e CSS 6
F cambiare colore al passaggio del mouse HTML e CSS 1
Y cambiare sfondo di una pagina Javascript 1
E Cambiare lingua in Elements per Mac Mac e Software 2
R Non riesco a cambiare l'immagine di sfondo PHP 4
K Cambiare font size su echo stringa variabile PHP 24
V [PHP Symphony] Cambiare da ApcCache ad OpCache PHP 4
Web93 CAMBIARE TAG POST TITOLO DA H2 A H1 WordPress 1
L [PHP] cambiare gli if in un url semplice PHP 1
Domenico_Falco1 Cambiare url in un sito con pagine dinamiche Ajax 4
L Cambiare classi solo scroll up jQuery 2
Topografo Buon 2019 (Tutti gli altri hanno scritto "Salve a tutti", cerchiamo di cambiare) Presentati al Forum 1
joomeph Cambiare Nome Utente Supporto Mr.Webmaster 3
M [Visual Basic] Cambiare lo stato in checked delle checkbox richiamando dati dal database Visual Basic 6
Koboshi Cambiare il css di una pagina con tasto "on off" HTML e CSS 5
Licantropo [MySQL] Cambiare le date MySQL 4
B [Javascript] Cambiare classe ed aggiornare relativi eventi Javascript 3
L Cambiare nome pagina facebook Annunci servizi di Social Media Marketing 4
P [HTML] Wordpress - cambiare font di un tema WordPress 1
L APPARECCHIO VOIP DA CAMBIARE Adsl e Connettività 0
T cambiare formato in uscita timestamp Database 0
crealatualista [Javascript] Cambiare record tabella... Javascript 4
napuleone [Javascript] cambiare i parametri di stampa con js Javascript 2
V javascript - cambiare immagine di sfondo di un div Javascript 3
D [Javascript] Script che consenta di cambiare un'immagine in base all'ora del giorno della settimana Javascript 11
B CAMBIARE PAGINA INIZIALE PHPMYADMIN MySQL 2

Discussioni simili