Discussion :

[gprogEtu]

Bonjour,

je suis en DUT et je fais un stage en informatique (je suis débutant quand même).

L'objectif étant de faire une suite bureautique (pas très complexe), juste une sorte de grille ("telle que excel) où l'on peut éditer..

j'avance pas par pas et je suis bloqué sur un point.

mon principe :

faire un tableau html et dans les cellules du tableau, je met un type input (text ou number selon besoin).

1) j'arrive pas à récupérer la valeur de du type input

2) Lorsque je compte le nombre d'enfant dans la cellule, le résultat est 3 et pas 1.
code :

Code :

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

1
2
3
4
5
function voirContenu()
{
	var x = document.getElementById("cell_0");
	alert(x.childNodes.length);  //firstChild.nodeValue;
}

Code html :

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

1
2
3
4
5
6
7
8
<table id="monTableau_Edit"  border="1">
	<caption>Tabelau Edit</caption>
	<tbody id="mes_cellules">
		<tr id="ligne_0"><!-- -->
			<td id="cell_0">  <input id="essaie0" type="text" style="border:none; name="essaie0"  value="Imagine" /> </td>  
		</tr>
	</tbody>
</table>

Je vous remercie de votre aide et du temps !

[NoSmoking]

Bonjour,
si tu enlèves les espaces avant et après ton INPUT, il n'y aura plus qu'un élément enfant

Code html :

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

<td id="cell_0"><input id="essaie0" type="text" style="border:none;" name="essaie0"  value="Imagine" /></td>

[gprogEtu]

J'ai finalement trouvé ce qui n'allait pas.
Pour ceux qui auront ce problème :

il faut juste enlever les espaces dans la balise td qui encadre le type input car ils comptent en nœud de texte.
Donc ne pas mettre d'espace mais juste le type input.

[gprogEtu]

Oui c'est ça justement.
désolé j'ai posté ma réponse sans voir la tienne et à quelque minutes après.

Je te remercie beaucoup, c'est super d'avoir reçu une réponse rapide

[NoSmoking]

ce qui est super c'est surtout que tu as continué à chercher en attendant une réponse, comme quoi la recherche paie

[sekaijin]

effectivement mais la solution d'enlever les espaces dans le code source n'est pas la bonne.

elle marche et en tant que stagiaire débutant tu pourrais t'en contenter.
Mais c'est l'occasion de rendre ton code robuste

imagine que ton code dans l'entrepris eva vivre sa vie pendant des années. peut être plusieurs dizaines. et un jour quelqu'un un autre stagiaire peut être fa reformater ton code HTML et là le bug va réapparaitre sans que la personne en question comprenne ce qu'il se passe.


la solution est donc de considérer qu'éventuellement il n'y a pas un fils mais plusieurs et donc de traiter tous ces fils.

Code :

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

1
2
3
4
5
6
7
8
9
function voirContenu()
{
  var x = document.getElementById("cell_0");
  var inputs = x.getElementsByTagName('INPUT');
  alert(inputs.length);  //nombre de fils de type Input
  if (inputs.length > 0) {
    alert(inputs[0].value); //valeur du premier fils de type input
  }
}

A+JYT