Discussion :

[betsprite]

Bonjour,

J'essaie de cacher ou afficher un panel en fonction d'un clic sur une balise <legend> de mon code aspx.

Voici ma fonction javascript :

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
19
20
21
<link rel="StyleSheet" type="text/css" href="../Styles/StyleDossierClient.css" />
 
<script type="text/javascript">
function NouveauMessage(){
var nouveauMessage = document.getElementById("_ctl0_ContentPlaceHolder1_Echanges1_pnl_message");
if (nouveauMessage==null) alert("nouveauMessage is null");
if (nouveaMessage.className = "hidden"){
nouveauMessage.className = "visible";
}
else{
nouveauMessage.className = "hidden";
}
}
</script>
 
<fieldset>
<legend onclick="javascript:NouveauMessage()">Nouveau message</legend>
<asp:panel id="pnl_message" runat="server" class="hidden">
...
</asp:panel>
</fieldset>

Avec dans StyleDossierClient.css :

Code :

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

1
2
3
4
5
6
7
.hidden{
display:none;
}
 
.visible{
display:inline;
}

L'id de mon panel n'est pas un problème car ce code est contenu dans un contrôle ascx qui est appelé dans une autre page aspx contenant un ContentHolder ... d'où l'id "_ctl0_ContentPlaceHolder1_Echanges1_pnl_message" (d'ailleurs, pas de message "nouveauMessage is null").

Par contre, quand je clic sur "Nouveau message", rien ne se passe. D'ailleurs <gras>l'intellisense ne me proposait pas les méthodes className que j'ai dû forcer</gras>, contrairement à getElementById qui m'était bien proposé.

Auriez-vous une idée ?

Merci

[SpaceFrog]

http://javascript.developpez.com/faq...SS#affichObjet

[betsprite]

Merci SpaceFrog pour le lien. J'avais déjà essayé de faire ça mais voyant que l'intellisense ne me proposait pas les méthodes style.display, je pensais que cela ne fonctionait pas. Or, malgré ce manque de proposition, ça semble fonctionner correctement !

Merci !

[Bovino]

Code :

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

if (nouveaMessage.className = "hidden")

= correspond à une affectation, == (ou ===) à une comparaison !

[betsprite]

Exact Bovino ! Merci d'avoir corrigé.

Plus de problème merci encore !