Positioner une boite a dans une place vide

Résolu/Fermé
Utilisateur anonyme - 20 août 2014 à 04:14
Mouslim02 Messages postés 318 Date d'inscription lundi 28 juillet 2014 Statut Membre Dernière intervention 4 juin 2015 - 21 août 2014 à 10:24
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>

1 réponse

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
20 août 2014 à 22:12
salut

au lieu d'utiliser visibility:hidden utilise plutot display:none puis display:block pour afficher
visibility:hidden = l'element est affiché mais reste invisible. (donc prend l'espace)
display:none = l'élément n'est pas affiché
1
Mouslim02 Messages postés 318 Date d'inscription lundi 28 juillet 2014 Statut Membre Dernière intervention 4 juin 2015 11
21 août 2014 à 10:24
ok thanks you friend ;)
0