Différencier les clones

**etienne42g** · 24/04/2019, 23h51

Bonjour,
je voudrais avoir de l'aide pour un formulaire qui permet de créer un fichier XML bref,
le problème est que je n'arrive pas à différencier les clones en js que je fais, est-il possible de changer le nom quand on clone un éléments ??

voici le code ehtml :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<body>
<form method="POST" action="php/script.php">
	<div class="bloc" id="first" >
		<div>
			<div class="ligne" style="display:none;"> 			
				<input type="text" name="nom"     placeholder="Nom de la Personne">
				<input type="tel"  name="nbr_tel" placeholder="Numéro de Téléphone">
 
				<button type="button" onclick="Supprimer(this);"> Supprimer </button>
			</div>
			<div class="ligne"> 			
				<input type="text" name="nom"     placeholder="Nom de la Personne">
				<input type="tel"  name="nbr_tel" placeholder="Numéro de Téléphone">
 
				<button type="button" onclick="Supprimer(this);"> Supprimer </button>
			</div>
 
			<button type="button" onclick="Ajouter();" style="visibility: visible;"> Ajouter </button><br><br>
			<input type="text" name="nom_fichier" placeholder="Nom du Fichier"><span>.xml</span> 
 		</div><br>
 
		<button type="submit" class="vld">Génerer le XML</button>
	</div><br><br>
</form>

ensuite le JS :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
var nbr_lignes = 0;
 
function Supprimer(moins){
	nbr_lignes--;
        $(moins).parent().remove();//supprimer le parrent 
}
 
function Ajouter(){
	nbr_lignes++;
        $('#first').find(".ligne").last()
                .after($('#first').find(".ligne").first().clone("$(nbr_lignes)").show());
}

et pour finir le PHP :

Code php :

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

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
<?php
 
// récuperation des informations et initialisation des variables
$nom = $_POST['nom']; 
$nbr_tel = $_POST['nbr_tel'];
$nom_fichier = $_POST['nom_fichier']; 
 
$monfichier = fopen("../phonebook/$nom_fichier.txt", 'x');
$fichiername = $nom_fichier;
 
$contenu_fichier = 
 
"<YealinkIPPhoneDirectory>
	<DirectoryEntry>
		<Name>".$nom."</Name>
		<Telephone>".$nbr_tel."</Telephone>
	</DirectoryEntry> 
</YealinkIPPhoneDirectory>";
 
fputs($monfichier, $contenu_fichier);
 
fclose($monfichier);
 
echo '<meta name="viewport" content="width=device-width, initial-scale=1.0"><p>Fichier créé avec succés ! <a href="../index.html">Retour en arrière</a> </p>';
 
?>

**NoSmoking** · 27/04/2019, 10h40

Bonjour et bienvenue sur DVP.

Met les name sous forme de tableau

Code html :

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

1
2
<input type="text" name="nom[]" placeholder="Nom de la Personne">
<input type="tel"  name="nbr_tel[]" placeholder="Numéro de Téléphone">

et côté serveur tu les récupères dans une boucle.

**etienne42g** · 28/04/2019, 04h02

Merci pour votre réponse mais je ne vois pas très bien ou je dois faire la boucle juste pour les "nom" et je le mets dans un array ou dans une boucle avec foreach ??

**NoSmoking** · 28/04/2019, 10h25

Je ne comprends pas bien le sens de ton interrogation, c'est côté serveur que tu dois boucler sur les paramètres récupérés.

Quelque chose comme :

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
$data = $_POST;
$nb = count($data["nom"]);
for ($i = 0; $i < $nb; $i += 1) {
  $nom = $data["nom"][$i];
  $tel = $data["tel"][$i];
  $buffer = "
  <YealinkIPPhoneDirectory>
    <DirectoryEntry>
      <Name>".$nom."</Name>
      <Telephone>".$tel."</Telephone>
    </DirectoryEntry>
  </YealinkIPPhoneDirectory>";
  echo $buffer;
}
?>

c'est à adapter à ton besoin et il y aurait bien sûr des tests à faire.

Invité · 29/04/2019, 13h41

Bonjour,

ou :

Code php :

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

1
2
3
4
5
6
7
8
<?php
foreach ($_POST['nom'] as $i => $val )
{
  $nom = $_POST['nom'][$i]; // équivalent à $val
  $tel = $_POST['tel'][$i];
...
}
?>

Différencier les clones

jQuery

Vue hybride

Discussions similaires

Partager

Partager