Positioner une boite a dans une place vide
Résolu
Utilisateur anonyme
-
Mouslim02 Messages postés 342 Statut Membre -
Mouslim02 Messages postés 342 Statut Membre -
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>
A voir également:
- Positioner une boite a dans une place vide
- Comment supprimer une page vide sur word - Guide
- Se connecter à ma boite hotmail - Guide
- Boite a couleur - Télécharger - Divers Photo & Graphisme
- Boite gmail pleine - Guide
- Boite gmail bloquée - Guide
1 réponse
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é
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é
Mouslim02
Messages postés
342
Statut
Membre
11
ok thanks you friend ;)