Formulaire "illimité" mais ID différent [Résolu]

[AirOne70]

Bonjour à tous,
J'aimerais créer une sorte de formulaire avec un boutton "Ajouter" pour avoir + de cases (et un bouton "X" pour la supprimer, mais il doit y avoir au minimum 1 ligne).
J'ai déjà commencé en m'aidant de ceci: champ dynamique mais bouton ajout dessous
Il fonctionne très bien sauf que, pour plus de facilité j'aimerais que chaque nouvel input est son propre Id (brute_1, brute_2, brute_3, etc...) mais je ne sais pas comment faire

Voici où j'en suis :

Code JavaScript :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
function ajouter() {
 
    	var nom_fieldset = document.getElementById('choix');
 
	var calque = document.createElement('div');
 
	var champ_utilisation = document.createElement('input');
	champ_utilisation.type = 'text';
	champ_utilisation.className = 'monInput';
	champ_utilisation.name = "brute";
 
	var supprimer = document.createElement('input');
	supprimer.type = 'button';
	supprimer.value = 'X';
 
	supprimer.onclick = function() {
		le_calque_a_supprimer = this.parentNode;
		lefieldset = le_calque_a_supprimer.parentNode;
		lefieldset.removeChild(le_calque_a_supprimer);
 
	}
 
	calque.appendChild(champ_utilisation);
	calque.appendChild(document.createElement('br'));
	calque.appendChild(supprimer);
	calque.appendChild(document.createElement('br'));
	calque.appendChild(document.createElement('br'));
 
	nom_fieldset.appendChild(calque);
}

Code HTML :

1
2
3
4
5
6
7
8
 
<form action='./viewer.php' method='get'>
	<fieldset id='choix'>
		<legend>VOS BRUTES</legend><br />
		<input type='button' value='Ajouter' onclick='ajouter()' /><br /><br />
		<input type="text" id="brute_1" class="monInput" name="brute_1" value="Brute"/><br /><br />
	</fieldset>
<button class="go" type="submit"></button></form>

Je pense qu'il faut donc que le script fasse:

Récupérer le dernier ID (le plus bas) qui commence par "brute_", ajouter 1 au chiffre trouvé ( var i2 = i + 1; ) et créer une nouvel ligne avec cet ID.

Merci d'avance !

[NoSmoking]

Bonsoir,
comme est constituer ton document, il te suffit de mettre

Code :

1
2
  var Nbr = nom_fieldset.getElementsByTagName('input').length;
  alert("brute_" +Nbr/2);

juste en dessous de la ligne

Code :

 var nom_fieldset = document.getElementById('choix');

de ta fonction pour récupérer la dernière ID utilisé, mais comme tu as le droit de supprimer une ligne, cela ne fonctionnera que si il y a des ajouts. Il est peut donc être souhaitable de gérer un tableau d'ID/NAME.

La question à se poser est as tu besoin d'une ID pour chaque contrôle, un name du type brute[] te permettrais de récupérer coté serveur un tableau.

[AirOne70]

C'est un faux formulaire, les infos vont etre utilise par du PHP qui affichera (ou pas) le code source de la page des brutes, donc je sais pas se qui est le mieux tu me conseilles quoi ?

[NoSmoking]

si les ID ne te servent à rien, à prendre au sens HTML bien sûr, autant ne pas les mettre et attribuer un NAME brute[] à chaque nouveau contrôle.

Code javascript :

champ_utilisation.name = "brute[]";

Coté PHP, par exemple, tu récupères

Code php :

1
2
3
4
5
6
7
<?php
echo 'Liste des brutes !<ul>';
foreach($_POST['brute'] as $brute){
  echo '<li>'.$brute.'</li>';
}
echo '</ul>';
?>

Autre chose comme tu as la référence à la DIV ajoutée, tu peux simplifier la fonction de suppression comme suit,

Code javascript :

1
2
3
supprimer.onclick = function() {
  calque.parentNode.removeChild( calque);
}

[AirOne70]

Merci pour les codes, ca fonctionne bien ! Mais serait-t-il possible de les avoirs dans le lien pour que l'utilisateur n'est pas besoin de retaper les noms à chaque fois ?
J'ai essayé de modifier ton POST en GET mais sa ne fonctionne pas

[NoSmoking]

1/ erreur dans le code il faut lire

Code php :

foreach($_POST['brute'] as $brute){

2/ pas compris

Mais serait-t-il possible de les avoirs dans le lien pour que l'utilisateur n'est pas besoin de retaper les noms à chaque fois ?

[AirOne70]

J'avais vu l'erreur dans ton code mais je l'ai corrigée

Pour ton 2), j'aimerais peut-être:

.../viewer.php?brute1=Brute&brute2=Brute&brute3=Brute&....

C'est donc pour sa que au départ, je voulais des ID différents (sauf que c'est le Name qui doit avoir le chiffre différent ). Donc le Name avec des chiffres différent pour l'identifier dans le lien.

[Willpower]

Envoyé par AirOne70

J'avais vu l'erreur dans ton code mais je l'ai corrigée

Pour ton 2), j'aimerais peut-être:

.../viewer.php?brute1=Brute&brute2=Brute&brute3=Brute&....

GET au lieu de POST ?

[AirOne70]

Envoyé par Willpower

GET au lieu de POST ?

Avec des GET, foreach ne fonctionne plus

Warning: Invalid argument supplied for foreach() in ....

[NoSmoking]

si tu ne veux as passer par un tableau en récupération, qui me semble le plus pratique, dans ce cas à chaque création/suppression il te faut re NAME r les contrôles dans l'ordre chrono, mais pas sûr dans voir la réelle utilité.

[Willpower]

Envoyé par NoSmoking

si tu ne veux as passer par un tableau en récupération, qui me semble le plus pratique, dans ce cas à chaque création/suppression il te faut re NAME r les contrôles dans l'ordre chrono, mais pas sûr dans voir la réelle utilité.

L'utilité si j'ai bien compris, c'est qu'il veut pouvoir réutiliser/partager son url pour ses view de ses brutes. Donc sans "POST".

[AirOne70]

Je veut bien un tableau mais je vois pas comment sa fonctionne...
C'est un peu flou dans ma tête....

Willpower, oui c'est sa...

[Willpower]

Perso je reglerai ton problème des names non pas au moment des ajouts mais au moment du submit.

Du genre :

Mon_form.onsubmit = function() { var inputs = this.getElementsByTagNames("input"); var i=1; for(var j=0;j<inputs.length;j++) if(inputs[j].name == "brute_" ) inputs[j].name += i++; };

On ayant initialement nommé toutes tes brutes "brute_".


( je n ai pas testé le.code proposé, donc méfie toi des erreurs éventuelles.)

[AirOne70]

Je veut bien essayer mais foreach ne fonctionne pas avec GET !

Warning: Invalid argument supplied for foreach()

Code PHP :

1
2
3
4
5
6
7
8
 
<?php
echo 'Liste des brutes !<ul>';
foreach($_GET['brute'] AS $brute){
  echo '<li>'.$brute.'</li>';
}
echo '</ul>';
?>

Et même avec GET, les "brute_" ne changent pas, il n'y a aucun chiffre au bout Faut que je trouve le problème...

Code JavaScript :

1
2
3
4
5
6
	var submit = document.getElementById('submit');
	submit.onsubmit = function() { 
	var inputs = this.getElementsByTagNames("input");
	var i=1;
	for(var j=0;j<inputs.length;j++) if(inputs[j].name == "brute_" ) inputs[j].name += i++;
	};

Bien sûr, j'ai ajouté a mon bouton d'ajout, l'ID = submit.

[Willpower]

C'est sur le form qu il faut faire le onsubmit.
Sinon pour le coter serveur / php je ne m'y connais pas assez pour te proposer une solution. (mais de toutes façons je pense que tu peux oublier le foreach du POST

$i =1;
while(isset($_GET["brute_"+$i]))
echo $_GET["brute_"+$i++]+"<br/>";

[NoSmoking]

que cela soit avec une method POST ou GET,
avec un envoi, pour le GET, de la forme

Code :

?brute[]=Brute+%230&brute[]=Brute+%231&brute[]=Brute+%232

tu devrais obtenir le résultat suivant

Liste des brutes !

• Brute #0
• Brute #1
• Brute #2

[Willpower]

Sinon pour ma fonction il n y à pas de "s" au bout de getElementsByTagName. Désolé.


Édit. Avec tout ce que je t'ai donné, je suis quasi sur que cette fois il y à moyen de faire un truc qui fonctionne.

[AirOne70]

C'est cool, le lien a bien les brute_1 brute_2, etc...
Mais ton code PHP ne m'affiche rien

Code PHP :

1
2
3
4
5
6
7
8
 
<?php
echo '<br /><br />Liste de brutes.';
$i =1;
while(isset($_GET["brute_"+$i]))
echo $_GET["brute_"+$i++]+"<br />";
echo '<br /><br />Fin de la liste...';
?>

Pourtant, le lien a ce code:

Code :

?brute_1=Brute&brute_2=Tara&brute_3=Dnz

[Willpower]

Envoyé par AirOne70

C'est cool, le lien a bien les brute_1 brute_2, etc...
Mais ton code PHP ne m'affiche rien

Code PHP :

Pourtant, le lien a ce code:

Code :

?brute_1=Brute&brute_2=Tara&brute_3=Dnz

en php c'est des . au lieu des + pour lier les string ( désolé )
while(isset($_GET["brute_".$i]))
echo $_GET["brute_".$i++]."<br />";

Autrement si ça va tjs pas. Je ne sais pas. Je ne suis pas très calé côté php.

[AirOne70]

Ah oui sa fonctionne ! Merci beaucoup à vous deux !
J'avais bien remplacé un + par un ., mais je ne l'avais pas fait partout ^^

Sinon pendant que vous êtes là, j'ai une autre page qui a du mal à fonctionner
Cette page supprime les doublons présents dans la liste que l'utilisateur envoie. J'ai réussi à faire un Batch qui fonctionne mais en ligne il ne fonctionne pas pareil...

C'est du PHP, je rouvre un sujet ou je tente ici ?