Discussion :

[dayou05]

Bonjours/Bonsoir !
J'ai une petite question, afin de rendre des inputs éditable sur un tableau j'utilise ce code javascript :

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
/* 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
 
});
});
});

Ce qui fonctionne donc très bien, seulement si je veut faire l'inverse tout en gardant ce code, par inverse j'entand donc supprimer l'input éditable ( ajouter plus haut ) et remettre les valeurs par défauts enregistrés précédemment mais comment faire ? Auriez vous des exemples a me proposer ?

Merci à vous!

[Invité]

Bonjour,
il faudrait voir aussi le code HTML (un extrait de la <table>).

La 1ère chose qui me chiffonne est que ton <input> n'a pas de name="..."
Comment comptes-tu le traiter ensuite ?

[SpaceFrog]

afin de rendre des inputs éditable sur un tableau

ha ce n'est pas éditable par défaut un input ??

[Invité]

Un titre plus juste serait :
"Remplacer un texte par un input, et vice-versa"

[-Rpass-]

Je dirais qu'il faut que dans cette fonction tu vérifies si un input est présent, si c'est le cas tu le supprimes, sinon tu l'insères comme tu l'as fait

[SpaceFrog]

il suffit d'un seul input que tu appendes dans la cellule en question

un exemple vite fait
http://jsfiddle.net/ujvdzbf7/2

[dayou05]

Merci Beaucoup SpaceFrog et à tous, j'ai réussit grâce au Jsfidle j'ai également bien compris le .append cette fois - ci !
Sujet résolus.