getElementById retourne nothing

Bonjour,

Dans ma page ascx, j'essaie lors d'un clic sur une balise <legend> d'un fieldset d'appeler une fonction javascript capable de cacher ou non un panel.

Voici mon code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

<%@ Register .... %> <%@Register .... %> <link ... />   <script type="text/javascript"> function NouveauMessage(){ var nouveauMessage = document.getElementById("pnl_message"); if (nouveauMessage==null) alert("nouveauMessage is null"); } </script>   <fieldset><legend onclick="NouveauMessage()">Nouveau message</legend>   <asp:panel id="pnl_message" runat="server"> ... </asp:panel>   </fieldset>

---

Malheureusement, lors de l'éxecution, quand je clique sur "Nouveau message" de la balise <legend>, le message "nouveauMessage is null" apparaît :?

Auriez-vous une idée ?

Je vous remercie !

On pourrait voir le HTML généré ?

Bonjour,

bien sûr. Voici la HTML généré que je juge nécessaire de mettre pour mon problème (si vous voulez en voir d'autres parties n'hésitez pas à me le faire savoir !) :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<link .../>   <script type="text/javascript> function NouveauMessage(){ var nouveauMessage = document.getElementById("pnl_message"); if (nouveauMessage==null) alert ("nouveauMessage is null"); } </script>   <fieldset ...><legend onclick="javascript:NouveauMessage()">Nouveau message</legend><br/>   <div id="_ctl0_ContentPlaceHolder1_Echanges1_pnl_message">   ...   </div>

---

Je pense que mon problème se trouve au niveau de la balise <panel> qui devient un <div>. En fait, je dois vous préciser que la page Echange.ascx qui contient la fonction javascript est en fait appelée par une page ModificationEchange.aspx dans laquelle la structure est la suivante :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<%@Register tagprefix="uc1" tagname="Echanges" Src="UserControl/Echanges.ascx"   <asp:Content id="Content1" ContentPlaceHolderID="head" Runat="server"> </asp:Content> <asp:Content id="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="server"> <div> <uc1:menu id="menu1" runat="server"></uc1:menu></div> <table id="Table1"> <tr> <td><uc1:Echanges id="Echanges1" runat="server"></uc1:Echanges></td> </tr> </table> </asp:Content>

---

J'éspère que c'est assez clair :?

Qu'en pensez-vous ?

Merci !

Citation:

---

Envoyé par betsprite

Je pense que mon problème se trouve au niveau de la balise <panel> qui devient un <div>.

---

C'est surtout dû à son id qui passe de pnl_message à _ctl0_ContentPlaceHolder1_Echanges1_pnl_message, pas étonnant ensuite que

Code:

---

var nouveauMessage = document.getElementById("pnl_message");

---

ne renvoie rien :aie:

En fait pour moi, comme la fonction javascript et le panel sont contenus dans mon contrôle Echanges.ascx, le "chemin" pour accéder à l'id de mon panel devait commençait en partant de ce contrôle ascx et non pas de la page aspx qui le contient.

En effet maintenant ça fonctionne ;)

Merci beaucoup Bovino pour ton aide ! :D