Discussion :

[Tomfun]

Hello !

Voilà je commence un peu à toucher au javascript et je suis confronter à un problème.

Mon script ajoute une ligne à un tableau quand on clique sur un bouton. La ligne est composée de 2 cellules, dont la dernière contient une 'div' qui contient elle même un 'input'.

En HTML, ca donne ça :

Code :

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

1
2
3
4
5
6
<tr>
            <td class="tabcells-left">Prix :</td>
            <td class="tabcells-right"><div>&euro;
                    <input type="text" name="" value="">
            </div></td>
          </tr>

Pour la 1ère cellule, pas de souci en javascript. Pour la deuxième, j'ai fait ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
	  /*Création input*/
    var newInput2 = document.createElement('input');
    newInput2.setAttribute("name","nouveau");
    newInput2.setAttribute("type","text");
	  /*Création div*/
	var div = document.createElement('div');
	div.setAttribute("class","euro");
    div.appendChild(document.createTextNode("€" + newInput2));
	  /*Création td*/
    var newData2 = document.createElement('td');
    newData2.setAttribute("class","tabcells-right");
	newData2.appendChild(div);

Mais la cellule me ressort ça : €[object HTMLInputElement]

J'ai essayé avec différentes méthodes, aucune à marchée.

Si vous avez une idée, je suis preneur !!!

A+
Tom

[E.Bzz]

Bonjour,
au moment où tu y fais référence, newInput2 n'existe pas (tu ne l'as pas "appendé" dans un conteneur).
De plus, si c'est sa value que tu veux afficher après le "€", tu ne l'as pas définie ...

A+

[Tomfun]

Non non, ce n'est pas sa valeur que je veux afficher, mais je veux que l'utilisateur rentre une valeur.

Sinon, par "appendé" tu entends :

Code :

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

div.appendChild(newInput2);

???

[Tomfun]

Ok, c'est bon, j'ai réussi.

En fait, j'avais un retour à la ligne donc je pensais que l'input n'était pas inclut sans le div, mais c'était simplement que le div était trop grand pour le TD et qu'il y avait donc un retour à la ligne.

Bref, j'ai donc refait ça :

Code :

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

1
2
    div.appendChild(document.createTextNode("€"));
	div.appendChild(newInput2);

et ça marche...

Merci quand même E.Buzz

[E.Bzz]

Code :

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

	div.appendChild(newInput2);

C'est ça "appendé" ...