Discussion :

[devlm]

bonjour,

j'utilise la fonction addrow de jquery validate.
J'ai un bouton qui me permet d'ajouter des lignes de champs.

Je souhaiterais que ce bouton soit placé à l'extrémité droite de ma première ligne ajoutée dynamiquement.

Je pourrais faire un template différent pour la première ligne, mais ça ajouterai pas mal de code ou utiliser du CSS avec un position relative, mais je préfererais utiliser une fonction de javascript.

Merci de votre aide

Code :

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<tr>
	<td class="texte alignement_haut">Téléphone</td>
	<td>
	<!--Template js dynamique!-->
	<textarea style="display:none" id="template-telephone">		
		<tr class="ligne-telephone">
			<td class="texte"><input name="telephone[{0}]" type="text" id="telephone[{0}]" class="champs_description"/>&nbsp;<img align="absmiddle" id="add-telephone" border="0" title="Ajouter" alt="Ajouter" src="images/plus.png"></td>
		</tr>		
	</textarea>	
	<!--Affichage entete tableau !-->
	<table id="ligne-telephone" width="100%">	
	<!--<thead>
		<tr>
		<td class="texte"><img align="absmiddle" id="add-telephone" border="0" title="Ajouter" alt="Ajouter" src="images/plus.png"></td>		
		</tr>
		</thead>!-->								
	<tbody>
		<? 
		$i=1;
	/*	if($id!=0)
		{ //Boucle de l'existant
			$sql = "SELECT * FROM vendeur_informations WHERE id_vendeur=".$id." AND id_type_information='5' ORDER BY id ASC";
			$res = mysql_query($sql);
			while($data_vendeur_informations = @mysql_fetch_array($res))
			{		
				echo('<tr class="ligne-telephone">
				   <td class="texte">
				   <input name="telephone['.$i.']" type="text" class="champs_description" id="telephone['.$i.']" value="'.numtel($data_vendeur_informations['valeur']).'"></td></tr>');
				$i++;
			} 
		}*/
		echo('<script>
		$(document).ready(function() {
			//Affichage ligne supplementaire telephone
			var templatetelephone = jQuery.format($("#template-telephone").val());
			function addRowtelephone() {
				$(templatetelephone(i++)).appendTo("#ligne-telephone tbody");
			}');
			echo('var i = '.$i.';');
			if($i==1)
			echo('addRowtelephone();');
			// add more rows on click
			echo('$("#add-telephone").click(addRowtelephone);		
		});
		</script>');
		?>
		</table></td>
  </tr>

[devlm]

Je viens d'essayer

Code :

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

$("#ligne-telephone tbody td:last-child img").css("display","none");

mais cela ne fonctionne pas, il me supprime au clic l'image de ma première et 2ème ligne.

[Bovino]

1. Merci de lire Important : Les règles incontournables d'utilisation de ce forum et de poster le code HTML généré et non le PHP.

2. De ce que j'en vois, le code HTML est incohérent... que font des lignes de tableau dans un <textarea> ???