Bonjour à tous,
Toujours débutant en jQuery,
je construis une appli web pour modifier les éléments d'un tableau à la volée.
Je clique sur une cellule (td > span.to_edit) pour la changer en input.
Quand je clique sur une autre cellule, ça retransforme les autres input en span.
Tout fonctionne sauf que je ne peux plus re-cliquer sur un span qui a déjà été édité, alors qu'en html, tout semble ok.
Voici le code.
Merci de votre aide
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 (function(){ $(".to_edit").click(function() { $('td input[type=text]').not(this).each(function() { $(this).replaceWith('<span class="to_edit" name="'+$(this).attr('name')+'">'+$(this).val()+'</span>'); }) $(this).replaceWith('<input type="text" name="'+$(this).attr('name')+'" value="'+$(this).text()+'" />'); }) });
Partager