Module de saisie qui n'accepte pas qu'on saisissent une valeur
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:
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.
Code:
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');
}); |
Je ne comprends pas du tout le comportement de mon module quelqu'un peut il m'éclairer svp
:triste::triste:
Désolé du dérangement j'ai fini par trouver
Voici mon code si ca peut aider
Code:
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(); |
:yaisse2::yaisse1::yaisse2: