Discussion :

[dayou05]

Bonjours / Bonsoir à tous !

J'ai un tableau comme suit :




Dés lors que je clique sur la petite "roue" pour éditer LA LIGNE, tous le tableau est éditable, voici mon bout de code :

Code :

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

1
2
3
4
5
6
7
8
9
10
/* ELEMENT EDITABLE */
jQuery(document).ready(function(){
$(".controlTd").click(function(){
    $(".contenu td center").each(function(){ //on parcours tout les éléments (les <center> dans un <td> dans un <tr> dans le tableau de classe flatTable)
        var contenuElement = $(this).text(); //je récupère le contenu de l'élément <center>
        $(this).html("<input class='modif_input'STYLE='Text-ALIGN:center'/>"); //j'insère un input dans l'élément <center> ->le contenu est donc remplacé par un input vide
        $(this).children("input").val(contenuElement); //je sélectionne l'input dans l'élément center et je défini son contenu
    });
});
});

Je voudrais également l'ors du clique sur la croit d'une ligne, annuler tous les changement et rendre le contenu non éditable comme au début en fait ! Mais je ne sait pas du tout comment faire çela aurait vous des éxemples a me proposer ?




Merci à vous tous !