HELP Bottoni

**Vinzx** · 15-02-2016, 17:11

premetto che di codici di programmazione non ne capisco nulla, non so distinguere i vari html,css ecc..

ho iniziato da poco a studiarli e sono praticamente alle basi.
Ho creato un bottone che mostra del contenuto se ci clicchi sopra e vorrei cambiargli colore, altezza e larghezza ma non so come fare.

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>

**carlomarangoni** · 15-02-2016, 17:24

codice:

<style type="text/css">
#event {
    background: #000DFF;
    color: #FFFFFF;
    width: 120px;
    height: :50px;
    font-weight: bold; 
    
}
</style>

**EliBelTI** · 16-02-2016, 17:14

ciao, avevi già messo un post uguale..
ti rispondo anche qua..

io ti consiglierei di utilizzare jquery che ti permette di ridurre il codice ed è molto pratico.
inserisci questa riga di codice nel tag <head> per poter utilizzare jquery:

codice HTML:

<scriptsrc="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

per inserire un bottone conviene utilizzare il tag input invece del div, anche se con javascript tutto è possibile.
ti riporto un esempio:

codice HTML:

<inputtype="button"id="btn"value="Test"style="width:100px;"/>
<scripttype="text/javascript">
     $("document").ready(function(){   
           $("#btn").click(function(){
                 $(this).val("Test modificato");
                 $(this).css("background-color","red");
                 $(this).css("color","white");
                 $(this).css("width","200px");
           });
     });
</script>

**carlomarangoni** · 16-02-2016, 18:23

Originariamente inviata da EliBelTI

.....io ti consiglierei di utilizzare jquery ......

Per quale caspita di motivo il css non va bene???

**EliBelTI** · 16-02-2016, 18:26

perchè lui vuole modificarne la forma al click del pulsante, nel tuo modo invece glielo imposta di default

**KillerWorm** · 16-02-2016, 22:57

Mod:

@Vinzx: il cross-posting è vietato. Oltre ad aver trasgredito diverse altre regole, hai aperto una discussione identica in JavaScript dove ti è già stato indicato di leggere il regolamento. Te lo ribadisco anche io: prima di postare nuovamente (ri)leggi il regolamento (oltre quello generale, ce n'è uno specifico per ogni sezione del forum tra i post in evidenza).

Qui chiudo. Invito a proseguire sull'altra discussione.
Grazie.

Discussione: HELP Bottoni

Strumenti discussione

Ricerca discussione

Visualizza

HELP Bottoni

Permessi di invio