HELP ! Clic sur lien -> Affichage de code en plus

SuG
Eléphanteau du PHP | 42 Messages

11 juil. 2005, 00:08


Bonjour

J'ai fait un formulaire en php
En dessous j'ai mis un lien <A ... >plus</A>
Comment faire pour qu'en cliquant sur ce lien, des boutons en plus du formulaire s'affichent, sans pour autant recharger la page ce qui effacerait les informations mises dans les boutons precedents ?
Quel est le code ,JavaScript je pense, qui permet ceci ?

D'avance merci beaucoup

Mammouth du PHP | 19672 Messages

11 juil. 2005, 00:17

tu pourrais effectivement utiliser du JavaScript et des CSS combinés

Dans un premier temps, tu mets tes boutons supplémentaire dans ton code html, mais avec un attribut id pour chaque et un style css (visibility: hidden)

En cliquant sur ton lien, tu met un évènement

Code : Tout sélectionner

onclick="this.elements[id_element].visibility=visible; return false;"
ou quelchose d'approchant.
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

SuG
Eléphanteau du PHP | 42 Messages

11 juil. 2005, 17:25


Merci pour ta réponse,
mais je suis pas un specialiste du Java Script et ton code ne marche malheuresement pas, même en modifiant le plus de trucs possibles
Pourrais-tu être plus précis ?
ou sinon Quelqu'un aurait-il une autre solution ? ou une bonne adresse ?

merci


Modérateur PHPfrance
Modérateur PHPfrance | 6037 Messages

11 juil. 2005, 17:30

http://www.phpfrance.com/forums/voir_su ... ontrer.php

Fais une rechercheavec les mots : cacher ou montrer dans le forum Javascript

SuG
Eléphanteau du PHP | 42 Messages

12 juil. 2005, 00:04

Ok merci mere-teresa j'ai trouvé :

Code : Tout sélectionner

<SCRIPT TYPE="TEXT/JAVASCRIPT"> function cacher() { var tot = document.forms['form1'].text.length; for (var i=0;i<=tot;i++){document.getElementById(i).style.display='inline';} } </SCRIPT> <FORM NAME="form1" METHOD="post" ACTION="index.php"> <INPUT NAME="text0" TYPE="text" VALUE="montré"> <INPUT NAME="text" TYPE="text" ID="0" STYLE="display:none" VALUE="caché"> <INPUT NAME="text" TYPE="text" ID="1" STYLE="display:none" VALUE="caché"> </FORM> <A HREF="javascript:cacher()"> plus >></A>