Discussion :

[Bowen]

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.

[Auteur]

bonjour,


tu peux nous montrer ton code ?

[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 :

S�lectionner tout - Visualiser dans une fen�tre � part

document.createElement()

[Bowen]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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>&nbsp;</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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

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

Rien en vaut un bon vieux

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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?

[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

[Bowen]

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?

[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 ...