Discussion :

[Tententai]

Bonjour,

J'ai lu avec beaucoup d'intérêt le tutoriel d'Olivier Lance sur l'édition inline avec Ajax : http://olance.developpez.com/article...cation-inline/

Débutant en javascript, je rencontre un petit problème dans un cas particulier. Je simplifie pour cerner le problème : le but est de transformer une balise <td> en <input> avec javascript.

- j'ai une balise td, qui lorsqu'on clic dessus lance la fonction de transformation :

Code :

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

<td onclick="inlineMod(this)"></td>

- la fonction est la suivante :

Code :

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

1
2
3
4
5
6
7
 
function inlineMod(obj)
{
var input = null;
input = document.createElement("input");
obj.replaceChild(input, obj.firstChild);
}

Cela fonctionne très bien quand il y a qulquechose dans la balise <td>. Toutefois, lorsque celle ci est vide, la 3ème ligne de la fonction renvoie l'erreur "invalid argument".

C'est certainement trivial, mais je ne comprends pas le problème. Quelqu'un pourrait m'expliquer ?

Merci d'avance pour vos réponses.

[Bisûnûrs]

Essaye en mettant des &nbsp; dans tes <td> vides.

[Tententai]

Hello, oui ça marche avec les &nbsp; , merci pour l'idée

C'est satisfaisant pour l'utilisateur, mais point de vue développeur ça m'embête un peu : c'est une fonction assez générale de mon appli, et j'aimerais bien qu'elle s'applique à tout td, y compris vide, sans être obligé partout de remplacer le vide par un &nbsp; juste pour ça.

[Bisûnûrs]

Ben tu ne peux pas remplacer une valeur vide ou Null.

Etant donné qu'il te faut forcément une valeur, je ne vois pas comment contourner le problème du point de vue développeur.