Ciao a tutti, volevo sapere un modo semplice per far scomparire o eventualmente far apparire un Div quando premo su un bottone o un'immagine o su altro!
Oppure impostare un foglio di stile differente quando si preme su un bottone o altro.
Grazie a tutti!
Ultima modifica di Egzon; 09-02-2017 a 20:02 Motivo: errore di battitura
Ciao,
Prova con visibility:hidden e/o display:none.
Trovi molti script gi� fatti.
da eliminare
Ultima modifica di balsamico; 09-02-2017 a 23:35 Motivo: doppio messaggio
Per quanto riguarda visibility non l'ho ancora mai usato, devo andarmelo a vedere in qualche guida.
Di solito uso display per nascondere o eventualmente far apparire il sottomenù.
Ma come bisogna scrivere il comando ad esempio:
#primo_contenitore:hover > #secondo_contenitore{
display:none;
}
Ecco quello che non capisco è come dire tramite css di nascondere il div 2 quando passo sopra il div 1. La sintassi
codice:<!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento senza titolo</title> <style type="text/css"> #mydiv { background-color: #FF0004; height: 300px; width: 300px; } </style> </head> <body> <input type="button" value="Premi qui" onClick="document.getElementById('mydiv').style.display = 'none';"> <div id="mydiv">Inserite qui il contenuto per id "mydiv"</div> </body> </html>
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Qualcosa del genere.Originariamente inviata da Egzon
<script>
function show(id) {
document.getElementById(id).style.visibility = "visible";
}
function hide(id) {
document.getElementById(id).style.visibility = "hidden";
}
</script>
<div onMouseOver="hide('div2')" onMouseOut="show('div1')">
<div id="div1">Div 1</div>
</div>
<div onMouseOver="hide('div1')" onMouseOut="show('div2')">
<div id="div2">Div 2</div>
</div>
è proprio quello che cercavo, grazie mille ad entrambi
e se volessi far comparire il secondo div cliccando sopra al primo e poi farlo scomparire di nuovo quando ci premo di nuovo sopra?
Se il div non è visibile non puoi cliccare per farlo comparire.
Per fare quello che tu vuoi fare ci vuole un link o un pulsante a parte che visualizzi o nasconda il div.
Non puoi fare le domande con se volessi o se non volessi, devi spiegare bene ciò che vuoi e il contesto di dove deve agire
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
allora più o meno io ho questo:
<div id="titolo_menu">
<button>MENU</button>
<h1>Pizzeria da asporto</h1>
</div>
<div id="menu">
<a href="#">Home</a>
<a href="#">Chi siamo</a>
<a href="#">Contatti</a>
</div>
Quello che devo fare io è: Premendo sul pulsante Button, deve comparire il div id=menu.
Premendo nuovamente sul Button, deve scomparire il div=menu.
Un semplice menu che compaia o scompaia al click del bottone sopra.
Inizialmente il div menu non deve vedersi, solo premendo sopra al bottone lui appare, e poi scompare se clicco di nuovo sopra il button
Grazie ancora.
Ultima modifica di Egzon; 10-02-2017 a 19:44
Rispondi quotando
