Discussion :

[Stass]

Bonjour,

Je voudrais pouvoir ajouter un champs dans un formulaire via un bouton. Je m'explique :

J'ai un formulaire avec un champ qui peux avoir plusieurs valeurs je dois faire une requete sql en fonction des valeurs qu'on m'a mis dans mon champs (ce champs va contenir la valeur du where de ma futur requete) seulement dans une requete sql on peut mettre plusieurs critères dans le where => Ce champ doit pouvoir prendre plusieurs valeurs.

Je pourrais mettre 10 champs l'un derrière l'autre et ignorer ceux qui sont vides mais c'est pas joli du tout...

Je voudrais donc faire cela dynamiquement : J'aurais mon champ avec un bouton "+" a coté et si je clique sur ce bouton, il me remettrais un nouveau champ en dessous du précédent en décallant les autres champs et boutons qui suivent aussi vers le bas et ainsi de suite... Je pourrais ainsi avoir un nbre variable de ce champ.

dans ma page suivante, je regarderais combien de champs j'ai et je ferais une boucle du style (PSEUDO-CODE):

TANT QUE (i <= nbrChamps)
{
meschamp = meschamp +"," + $_REQUEST[monChamp[i])
i++;
}

J'essaye d'être le plus clair possible mais c pas facile. Si vous avez des questions n'hesitez pas!

Merci.

[druidev]

Salut !

Tu mets un bouton +, et une action Javascript:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="image" src="plus.gif" alt="" onclick="addField()"/>

Dans ta fonction Javascript, tu rajoutes un input type="text" à la suite des autres déjà présents (tu nommes une div contenant tous les champs: id="divFields" par exemple).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function addField() {
     var field = "<input type='text' name='' value=''/>";
     document.getElementById('divFields').innerHtml += field;
}

Pour le name du field ajouté, tu comptes le nombre de champs textes déjà présents dans le divFields (X), tu ajoutes 1 à ce nombre et tu nommes ton nouveau champ (par exemple) : "field"+(X+1)

[Yoshio]

Ou de façon un peu plus PHP car javascript hum ... c'est nul

Tu peux toujours crée une fonction qui affiche le formulaire, une qui le vérifie et une qui le traite.
En gardant les données pour construire ton form dans un tableau ca ne doit pas être très dur.

[druidev]

Javascript, nul ?

Sur cet exemple là, Javascript va éviter de recharger la page pour ajouter un champ, sans envoyer des variables qui indiqueraient un ajout. Bref gain de temps et de mémoire.

Je sais que Javascript c'est pas top niveau rigueur du langage, mais bon c'est bien utile dans des moments comme ca.

[Stass]

Salut,

Merci bcp pour les réponses, je vais essayer avec javascript meme si je suis pas une bete mais je vous tiens au courant....

[Fladnag]

le probleme de javascript c'est qu'il ne faut JAMAIS compter sur lui pour une fonction essentielle d'une page, a moins d'avoir l'autorité necessaire sur l'utilisateur pour l'obliger a l'activer.

Le javascript peut etre désactivé. Il ne faut pas l'oublier.

Pour gerer ca en php, il suffit de nommer tes input :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
...name="variable[1]"...
...name="variable[2]"...
...name="variable[3]"...

et $_POST['variable'] sera un tableau indexé

Ensuite tu n'a plus qu'a gerer la construction de ton formulaire en php, et lorsqu'on clic sur "+ ligne", tu fait un count($_POST['variable']) pour construire une ligne de plus.