Discussion :

[betsprite]

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 :

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
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 !

[Bovino]

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

[betsprite]

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 :

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

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

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 !

[Bovino]

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 :

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

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

ne renvoie rien

[betsprite]

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 !