Discussion :

[zooffy]

Bonjour à tous.

J'ai monté une lightBox avec un div dans un UpdatePanel.
Je voudrais pouvoir la fermer avec l'appui de la touche escape.

J'ai donc fais ça :

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
 
<script language="javascript" type="text/javascript">
    document.addEventListener('keypress', function(e) {
        if (e.keyCode == 27) {
            alert('je ferme');
            document.getElementById('divFondRegister').style.display = 'None';
        };
    }, false);
</script>
<asp:LinkButton ID="lbJoin" runat="server" CausesValidation="false">
    <asp:Image ID="imgInscription" runat="server" AlternateText="Inscription" CssClassclass="noborder" />
</asp:LinkButton>
<ajax:UpdatePanel ID="upRegister" runat="server" ChildrenAsTriggers="true" UpdateMode="Always" RenderMode="Inline">
    <Triggers>
        <ajax:AsyncPostBackTrigger ControlID="lbjoin" EventName="Click" />
        <ajax:AsyncPostBackTrigger ControlID="btnValider" EventName="Click" />
    </Triggers>
    <ContentTemplate>
 
<div id="divFondRegister" runat="server" style="display:none;" class="FondOpaqueGene FondOpaqueConEnr">
 <div id="divDevantRegister" class="DivDevantGene DivDevantInscription">

Je n'ai pas mis le reste du code pour ne pas trop charger. La suite est le montage du formulaire d'inscription.

Lorsque j'appuie sur la touche escape, l'alert se fait bien, mais le div ne se referme pas.

Est ce que c'est parce que j'ai mis un runat="server" sur le div ?
Si oui, comment faire pour le refermer ?
Si non, où se trouve le souci ?

Merci pour votre aide.

[stroumfs]

Essaie dans ton javascript d'utiliser quelque chose du genre '<%= divFondRegister.ClientId %>'.

Ton div est runat server ce qui généralement génère un Id totalement différent du côté client une fois la page chargée.

[zooffy]

Merci beaucoup, ça marche nettement mieux.

Un bon week-end à toi.