Masquer/afficher

09.04.2013

Par Rimoussitta :)

Voici un code assez sympa qui permet en cliquant sur le bouton d'afficher un autre texte ou une image !

Voici le code :

<div style="text-align: center;">
<div class="c1" onclick="pchild=this.getElementsByTagName('p'); if(pchild[0].style.visibility!='hidden'){pchild[0].style.visibility='hidden'; pchild[0].style.height='0';}else{pchild[0].style.visibility=''; pchild[0].style.height=''}"><span style="color: #000000; font-weight: bold;"><span style="font-family: georgia;"> <input class="voteJoueur ui-button ui-widget ui-state-default ui-corner-all" type="submit" value="Clique ici" /></span></span><br style="color: #ffffff;" />
<p style="text-align: center; font-family: georgia;"><span style="font-family: arial,helvetica,sans-serif;"><strong><span style="color: #333333;">Surprise !</span></strong></span></p>

Les champs en jaune sont essentiellement ceux qui doivent être modifiés, la phrase "Clique ici" sera sur le bouton et la phrase "Surprise!" sera celle qui apparaitra quand on clique sur le bouton.
On peut faire a même chose avec une image ou avec plusieurs codes divers, par exemple le code de l'image :