La fermeture d'un div par escape
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:
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.
