[DOM] Code g�n�r� par javascript inaccessible

Version imprimable

26/06/2007, 19h45
Bowen

[DOM] Code g�n�r� par javascript inaccessible

J'ai une partie de ma page dynamique, et selon un changement de valeur dans un select, change le innerHTML d'un <TR> de ma page.
Le probl�me est que j'aimerais ensuite pouvoir acc�der aux �l�ments que j'ai �crit dynamiquement, et que le navigateur me r�pond que mon nouvel �l�ment "n'a pas de propri�t�". Voyez-vous une solution?

PS: quand je fais un alert du innerHTML de mon <TR> j'ai bien le code g�n�r�, et ce code est bon.
26/06/2007, 19h51
Auteur

bonjour,

tu peux nous montrer ton code ?
26/06/2007, 20h24
SpaceFrog

c'est g�n�ralement le souci lorsque l'on ajoute dynamiquement des 'objets' en utilisant innerHTML ...

Rien en vaut un bon vieux

Code:

document.createElement()

Citation:

Envoy� par Auteur

bonjour,

tu peux nous montrer ton code ?

En voici une partie, (Je ne peux pas tout mettre car c'est m�lang� avec du coldfusion, je mets l'essentiel).
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <tr><td><select name="type_contenu" id="type_contenu" onchange="gererType(this.options[this.selectedIndex].value)"></td></tr> <tr id="swapRubriqueDossier"><td> </td></tr> <script language="javascript"> var JSswapDossier = '<td><select name="dossier_id" id="dossier_id"><option value=""></option></select></td>'; var JSswapRubrique = '<td><select name="rubrique_id" id="rubrique_id"><option value=""></option></select></td>' function gererType(typeContenu){ if(typeContenu==17){ document.getElementById('swapRubriqueDossier').innerHTML = JSswapDossier }else{ document.getElementById('swapRubriqueDossier').innerHTML = JSswapRubrique } } </script>
Dans la r�alit�, les selects contiennent bien sur beaucoup plus d'options. Mais le code �i-dessus fonctionne (sauf si je me suis tromp� en l'�purant...).
Par contre, voici celui qui ne fonctionne pas. C'est un controle sur mon onsubmit
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <script language="javascript"> function chkForm(f){ var msg=''; if(f.type_contenu.options[f.type_contenu.selectedIndex].value==17){ if(f.rubrique_id.options[f.rubrique_id.selectedIndex].value==''){ msg=msg+'\n - Une rubrique'; } }else{ if(f.dossier_id.options[f.dossier_id.selectedIndex].value==''){ msg=msg+'\n - Un dossier auquel la page appartient'; } } } </script> <form method="post" name="formul" action="page2.cfm" onsubmit="return chkForm(this);">
� la fin il y a bien sur un traitement pour savoir si mon msg est vide. Par contre le code plante sur la ligne o� il cherche � �valuer rubrique_id ou dossier_id, qui sont les deux listes cr�es auparavant par le javascript.

Je suis partant pour essayer la solution de SpaceFrog

Citation:

Envoy� par SpaceFrog

c'est g�n�ralement le souci lorsque l'on ajoute dynamiquement des 'objets' en utilisant innerHTML ...

Rien en vaut un bon vieux

Code:

document.createElement()

Il faut juste que je puisse faire apparaitre et disparaitre mes select dossier_id et rubrique_id dynamiquement, autant de fois que je veux, puis les controler.

Je ne connais pas cette fonction createElement(). Est-il possible d'avoir une br�ve explication (oui, je vais voir sur google tout de suite), et surtout, � quoi dois-je faire particuli�rement attention pour mon exemple?

27/06/2007, 11h13
SpaceFrog

regarde dans la FAQ comment cr�er des objets ou elements de form avec le DOM...

puis comment les affciher ou les masque avec style.visibility ou style.display
27/06/2007, 11h16
Bowen

Citation:

Envoy� par SpaceFrog

regarde dans la FAQ comment cr�er des objets ou elements de form avec le DOM...

puis comment les affciher ou les masque avec style.visibility ou style.display

Si je ne peux que les afficher ou les masquer �a me pose un probl�me, car ma cellule de tableau reste apparente, m�me une fois vide. Il n'y a pas moyen de les supprimer directement du HTML?
27/06/2007, 11h21
SpaceFrog

tu as une version visible en ligne ...

supprimer une cellule du flux html peut poser des probl�mes de structure du tableau il faut un m�me nombre de cellules par ligne ou modifier les colspan des autres cellules ...

parcontre si tu n'as qu'une cellule par ligne ... joue sur le style.display du tr ...
27/06/2007, 11h29
Bowen

Citation:

Envoy� par SpaceFrog

tu as une version visible en ligne ...

supprimer une cellule du flux html peut poser des probl�mes de structure du tableau il faut un m�me nombre de cellules par ligne ou modifier les colspan des autres cellules ...

parcontre si tu n'as qu'une cellule par ligne ... joue sur le style.display du tr ...

Non, je n'ai pas de version visible en ligne, par contre, je te remercie pour le style.display, c'est ce qu'il me fallait (je m'obstinais avec le visibility:hidden, et �a ne faisait pas bien du tout car la place de la cellule restait vide). Je vais me d�brouiller avec �a.

Open your mind Bowen!!

Merci encore.