Bottoni che scompaiono al click e apparizione paragrafo

« Older   Newer »
 
  Share  
.
  1.     Like  
     
    .
    Avatar

    Leggenda

    Group
    Member
    Posts
    53,439
    Reputation
    -7

    Status
    Offline
    Si avranno uno o più pulsanti. Cliccando su uno degli input button, i bottoni presenti scompariranno e apparirà il nuovo paragrafo impostato per il relativo bottone.


    Ad esempio in questo caso cliccando su la Risposta A apparirà la scritta Hai cliccato sul pulsante 1; mentre cliccando su la Risposta B apparirà la scritta Hai cliccato sul pulsante 2, oltre che scomparire i bottoni definitivamente.
    Inserire dove si vuole in ->Gestione codice html
    HTML
    <div id="pulsanti" style="text-align: center;">
    <input type="button" value="Risposta A" onclick="document.getElementById('pulsanti').style.display='none'; document.getElementById('risp_a').style.display='inline';">
    <input type="button" value="Risposta B" onclick="document.getElementById('pulsanti').style.display='none'; document.getElementById('risp_b').style.display='inline';">
    </div>
    <div id="risp_a" style="display: none;">Hai cliccato sul pulsante 1</div>
    <div id="risp_b" style="display: none;">Hai cliccato sul pulsante 2</div>


    Fonte: FF Magazine

    Condividi
     
    .
0 replies since 2/3/2011, 14:18   100 views
  Share  
.