Positioner une boite a dans une place vide
Résolu
bonjour
désolé de m'etre mal exprimé dans la question sensé resumer le tout, mais je sais pas comment m'exprimer
mon probleme est que je veut faire un bouton quand on clique dessu une boite aparait mais a la base il n'y a rien
quand je met d'autres boites dans le site comme un artcile ou autre il se positionne en dessou de la boite sensé apparaitre apres le clique sur le bouton
je veut eviter l'espace vide
merci a tous
voila le sripte que j'utilise
A placer dans le <head>
<script language="Javascript">
function bascule(elem)
{
// Quel est l'état actuel ?
etat=document.getElementById(elem).style.visibility;
if(etat=="hidden"){document.getElementById(elem).style.visibility="visible";}
else{document.getElementById(elem).style.visibility="hidden";}
}
</script>
A placer sur ta page :
<input type="button" onClick="bascule('boite');" value="Poster un commentaire">
<div name="boite" id="boite" style="visibility: hidden">
<form>
<label style="vertical-align: top;">Votre commentaire : </label>
<textarea rows="4" cols="50"></textarea>
</form>
</div>
</code>
désolé de m'etre mal exprimé dans la question sensé resumer le tout, mais je sais pas comment m'exprimer
mon probleme est que je veut faire un bouton quand on clique dessu une boite aparait mais a la base il n'y a rien
quand je met d'autres boites dans le site comme un artcile ou autre il se positionne en dessou de la boite sensé apparaitre apres le clique sur le bouton
je veut eviter l'espace vide
merci a tous
voila le sripte que j'utilise
A placer dans le <head>
<script language="Javascript">
function bascule(elem)
{
// Quel est l'état actuel ?
etat=document.getElementById(elem).style.visibility;
if(etat=="hidden"){document.getElementById(elem).style.visibility="visible";}
else{document.getElementById(elem).style.visibility="hidden";}
}
</script>
A placer sur ta page :
<input type="button" onClick="bascule('boite');" value="Poster un commentaire">
<div name="boite" id="boite" style="visibility: hidden">
<form>
<label style="vertical-align: top;">Votre commentaire : </label>
<textarea rows="4" cols="50"></textarea>
</form>
</div>
</code>
