Bonjour à tous
je tente de développer un module en jquery mais je rencontre actuellement un problème.
Je ne parviens pas à saisirune valeur dans mon input.
Voila je fait un appel AJAX que j'affiche dans un tableau.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 $.get("ajax.php?mod=BancTest&act=getAllBancTest", function(response){ var req= JSON.parse(response); tr = $('#body_BancTest'); for(var i = 0; i<req.data.length;i++) { tr.append('<tr class="'+req.data[i][0]+'" ><td class="refBancTest">'+req.data[i][1]+'</td><td class="oldRefBancTest">'+req.data[i][2]+'</td><td class="instrument">'+req.data[i][3]+'</td><td class="localisation">'+req.data[i][4]+'</td></tr>'); } } );
Lorsque je clique dans un td ma mon texte est supprimé puis remplacé par un input pour pouvoir saisir une nouvelle valeur.
Seulement je ne parviens pas a saisir de valeur et en forçant je remarqre que le contenu de l'input est effacé aussi tôt.
Je ne comprends pas du tout le comportement de mon module quelqu'un peut il m'éclairer svp
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 $('#body_BancTest').on("click","td",function(e){ var attName = $(this).attr('class'); var valeur = $(this).text(); $(this).text(''); $(this).append('<input type="text" name="'+attName+'" value="'+valeur+'"/>'); $('[name='+attName+']').attr('class', 'saisir'); });
Désolé du dérangement j'ai fini par trouver
Voici mon code si ca peut aider
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 $('#body_BancTest').on("click","td",function(e){ var attName = $(this).attr('class'); var valeur = $(this).text(); $(this).text(''); $(this).append('<input type="text" name="'+attName+'" value="'+valeur+'"/>'); $('[name='+attName+']').attr('class', 'saisir'); $('[name='+attName+']').focus(); //$(this).text(); }); $('#body_BancTest').on("change","input",function(e){ var attName = $(this).attr('class'); var valeur = $(this).val(); $('[name='+attName+']').removeAttr('class', 'saisir'); $(this).parent().append(valeur); // faire le update $(this).remove();
Partager