interaction grace a un lien

19 avr. 2006, 15:24

Bonjour a tous

.
Voila je voulais savoir si il était possible en php de faire apparaitre et disparaitre un champ de text en cliquant sur un lien et ce sans raffraichir la page?
J'ai vu que cela était possible en javascript mais je n'y connais pas grand chose.
Merci

19 avr. 2006, 15:39

modération : Si tu as vu que c'est possible en javascript, pourquoi est-ce que tu postes dans "PHP5" ?

Je déplace le sujet dans le bon forum

19 avr. 2006, 16:26

ton champ texte :

Code : Tout sélectionner

<input type="text" id="chp_txt">

ton lien :

Code : Tout sélectionner

<div onclick="afficher_masquer()" id="afficher">Afficher le champ texte</div>

ta fonction JS :

Code : Tout sélectionner

function afficher_masquer()
{
   if (document.getElementById("chp_txt").style.visibility == "hidden")
   {
      document.getElementById('afficher').firstChild.nodeValue = "Masquer le champ texte";
      document.getElementById("chp_txt").style.visibility = "visible";
   }
   else
   {
      document.getElementById('afficher').firstChild.nodeValue = "Afficher le champ texte";
      document.getElementById("chp_txt").style.visibility = "hidden";
   }
}

voilà ca fonctionne, je viens de tester.

20 avr. 2006, 17:58

Merci c'est gentil je vais essayer sa

.

20 avr. 2006, 18:35

Merci sa marche mais je me pose une question.Comment je fait si je veux que la premiere fois qu'on affiche la page l'élément soit caché?
Merci.

20 avr. 2006, 20:08

tu attribut un style par défaut à l'élément:

<div style='visibility:hidden'>

Mais je te conseille d'utiliser les propriétés "display" au lieu de "visibility" car l'espace utilisé par l'élément est aussi "caché" ce qui n'est pas le cas avec "visibility".

Remplace

visibility = "hidden"
visibility = "visible"

par

display = "none"
display = "block" // ou autre inline suivant tes besoins

20 avr. 2006, 20:32

oui merci je venais tout juste de le trouver sa marche avec display

.
Cela dit merci beaucoup "truc" sa me rassure de me dire que si je n'étais pas tombé sur une page qui en parlé juste avant tu aurais été là lol.

20 avr. 2006, 22:58

tu attribut un style par défaut à l'élément:
<div style='visibility:hidden'>
Mais je te conseille d'utiliser les propriétés "display" au lieu de "visibility" car l'espace utilisé par l'élément est aussi "caché" ce qui n'est pas le cas avec "visibility".

Remplace
visibility = "hidden"
visibility = "visible"
par
display = "none"
display = "block" // ou autre inline suivant tes besoins

Effectivement je l'ai codé un peu attivement et je n'ai pas pensé au display...
Mais tu as réparé mon "erreur", thank's

interaction grace a un lien

Qui est en ligne