Page 1 sur 1
interaction grace a un lien
Posté : 19 avr. 2006, 15:24
par yamissa
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
Posté : 19 avr. 2006, 15:39
par zeus
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
Posté : 19 avr. 2006, 16:26
par Snoops
ton champ texte :
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.
Posté : 20 avr. 2006, 17:58
par yamissa
Merci c'est gentil je vais essayer sa
.
Posté : 20 avr. 2006, 18:35
par yamissa
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.
Posté : 20 avr. 2006, 20:08
par Truc
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
Posté : 20 avr. 2006, 20:32
par yamissa
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.
Posté : 20 avr. 2006, 22:58
par Invité
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