Formulaire dynamique HELP !

Marsh Posté le 21-02-2007 à 11:25:01

Bonjour

Alors voila mon problème :

J'ai un tableau (html) qui contient mon formulaire qui tien sur UNE ligne, sa se présente sous cette forme :

nom prenom age sexe + FIN

J'aimerais que si l'utilisateur clique sur +, sa lui rajoute une seconde ligne de la même forme MAIS que si il clique sur FIN, sa valide le formulaire...

Si quelqu'un a une idée, je bloque un peu la

Merci :hello:

Reply

Marsh Posté le 21-02-2007 à 11:25:01

Reply

Marsh Posté le 21-02-2007 à 11:30:33

Deux solutions:

la solution propre et compatible tout navigateur: tu as à ta disposition un langage serveur (genre php). Le bouton "+" soumet ton formulaire (comme le ferait le bouton fin) sauf que dans ce cas précis, ton script php ré-affiche la page contenant le formulaire en rajoutant la ligne désirée.
la solution "ouééé je fais de l'ajax, a non c'est que du javascript mais je me la pète WEB2.0 même si j'en chie pour que ça marche pareil sur tous les navigateurs": tu fais ça en javascript, en utilisant au choix: soit un violent innerHTML, soit le dom ( avec createElement).

It's up to you!!!

Message édité par anapajari le 21-02-2007 à 11:30:55

Reply

Marsh Posté le 21-02-2007 à 11:33:38

Bonjour je te présente mon code que j'avais fait pour un site qui rajoutait un champ d'upload losreque tu ajoutait un fichier dans le premier champ ou que tu cliquait sur le bouton Mettre plus d'un fichier. je ne sait pas si il est correct pour un professionnel mais il fonctionne !

je te laisse regarder et modifier au besoin

Le code du script

Code :

<script language="JavaScript">
function ajoutf(id, i) {
if (document.getElementById(id + '_' + i).innerHTML.search('uploadinputbutton') == -1) {
document.getElementById(id + '_' + i).innerHTML = '<input type="file" class="uploadinputbutton" maxsize="" name="' + id + i + '" value="'+i+'" onChange="return ajoutf(\'' + id + '\', ' + (i+1) + ');" /><br /><span id="' + id + '_' + (i+1) + '"><input type="button" value="Ajouter un autre fichier" onClick="ajoutf(\'' + id + '\', ' + (i+1) + ');" /><\/span>\n';
i++;
}
}
</script>

Et le code du coté html

Code :

<input type="file" class="uploadinputbutton" maxsize="2097152" name="file0" onChange="ajoutf('file', 1);" />
<br /><span id="file_1"><input type="button" value="Mettre plus d'un fichier" onClick="ajoutf('file', 1);" /></span>

Reply

Marsh Posté le 21-02-2007 à 11:39:57

Merci pour vos résponse, je v essayer tout ça

Reply

Marsh Posté le 21-02-2007 à 12:03:54

--> ton script php ré-affiche la page contenant le formulaire en rajoutant la ligne désirée.

--> Sauf que la avec le refresh, je v annulé les sélection fait sur la première ligne :s

Message cité 1 fois

Reply

Marsh Posté le 21-02-2007 à 13:12:46

Atomos a écrit :

--> Sauf que la avec le refresh, je v annulé les sélection fait sur la première ligne :s

C'est pour ça que ton application est bien développée, et permet le réaffichage de formulaires avec les valeurs passées dans la requête du client [:dawak]

Reply

Marsh Posté le 21-02-2007 à 14:45:53

sauf que mon application n'est visiblement pas bien développer et que tu as l'air de savoir comment bien faire
Donc si tu pourrais me mettre sur la voie, je t'en serait fort reconnaissant !

Reply

Formulaire dynamique HELP !

Sujets relatifs:

Leave a Replay