Discussion :

[Marcoff]

Bjr à tous,
j'ai un formulaire dans lequel j'utilise du jquery. Mon probleme est que lorsque j'essaye de cliquer sur une image(id="btcm" qui n'apparait elle même que lorsque je choisis une certaine valeurs dans une liste déroulante), la fonction attribué à cette image ne fonctionne pas.
Peut être parce que cette image ne se trouve pas directement dans le code html de la page ???? Donc si quelqu'un a une solution ou une réponse, je le remercie de se manifester.

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
 
 
jQuery(document).ready(function() {
 
	 jQuery('img#btcm').click(function() {
			alert('test');
			});
 
	jQuery('img#btcu').click(function() {
			alert('zsfjnsdfknskdfn nlkn jn jksdf');
			});
 
	jQuery('select#ldselect').change(function() {	
			var ldselect = jQuery('select#ldselect').val();
			var currentNumberQuest = jQuery('input#currentNumberQuest').val();		/*déclaration d'une variable currentNumberQuest à laquelle on attribue la valeure de l'ID #currentNumberQuest*/
 
			$("#blocrep").remove();
 
			/*---BLOC REPONSE---*/
			var blocRu = "<table><tr><td></td><td></td><td></td><td></td><td colspan=\"2\" align=\"right\">Bonne(s) Réponse(s)</td></tr><tr><td align=\"center\"> Proposition de réponse :</td>";
				blocRu += "<td><input size=\"65\" type=\"text\" value=\"\"></td><input type=\"hidden\" id=\"currentNumberRepU\" value=\"\" /><td>Rang :</td><td><SELECT name=\"nom\" size=\"1\"><OPTION>1<OPTION>2<OPTION>3";
				blocRu += "</SELECT></td><td><img style=\"cursor:pointer;\"  src=\"<?php echo $sf_request->getRelativeUrlRoot() ?>/images/btn_ajout.jpg\" id=\"btnAjoutRu\" />";
				blocRu += "</td><td align=\"left\"><input type=\"radio\"></td></tr></table>";
 
			var blocRm = "<table><tr><td></td><td></td><td></td><td></td><td colspan=\"2\" align=\"right\">Bonne(s) Réponse(s)</td></tr><tr><td align=\"center\"> Proposition de réponse :";
				blocRm += "</td><td><input size=\"65\" type=\"text\" value=\"\"></td><td>Rang :</td><td><SELECT name=\"nom\" size=\"1\"><OPTION>1<OPTION>2<OPTION>3";
				blocRm += "</SELECT></td><td><img id=\"btcm\" style=\"cursor:pointer;\" src=\"<?php echo $sf_request->getRelativeUrlRoot() ?>/images/btn_ajout.jpg\" >";
				blocRm += "</td><td align=\"left\" ><input type=\"checkbox\"></td></tr></table>";
 
			var blocT = "<table><tr><td></td><td></td><td></td><td></td><td></td></tr><tr><td align=\"center\"> Proposition de réponse :</td><td><input size=\"65\" type=\"text\" value=\"\"></td><td></td><td></td>";
				blocT += "<td></td><td></td></tr></table>";

[SpaceFrog]

ajouter des éléments en innerHMLT et voilà le resultat !!

[Marcoff]

okay pour le inner html, mais mon problème ne vient pas de ça, car je fais un append() pour afficher mon html, cette commande fonctionne très bien. Mais mon probleme c'est avec les deux fonctions du début de l'exemple jQuery('img#btcu').click(function() et jQuery('img#btcm').click(function() qui ne fonctionne pas. Alors que si j'extrait leur code (qui se trouve dans le javascript) dans le html elles marchent très bien.

[SpaceFrog]

qui dit # dit id dont pas besoin de img
et de totue façon il aurait fallu un espace

Code :

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

$("img #truc")

mais

Code :

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

 $("#truc")

suffira

[Marcoff]

Pour IE la précision du # est nécessaire. le problème c'est que j'ai une autre fonction qui marche avec exactement la même méthode et sur une image également, la seule chose différente est que mon image se trouve dans le javascript de la page dans la variable BlocRm*. Il ne doit pas aimer le fait que l'image ne se trouve pas du html "pure". Mais que faire contre cela???

[scourjean]

Utilise pour tes évènements :
http://api.jquery.com/live/
Ca permettra à tes éléments qui n'existent pas au début d'avoir accès à l'évènement que tu veux.

[Marcoff]

Merci,ça m'a l'air intéressant! Je vais y jeter un oeil.

[SpaceFrog]

Ah !
Désolé j'avais zappé le "ne sont pas présents sur la page"
EN effet c'est donc bien live qui permet de dupliquer les evenements attribués pas jquery aux objets crée dynamiquement..