Bloquer tous les événements d'un calque div

Version imprimable

26/11/2009, 15h36
SpIrIt505050

Bloquer tous les événements d'un calque div

Bonjour,

Je m'explique, je possède une page avec 2 divs (layer1, layer2), (une en dur dans le code html et une autre ajouter et supprimer à l'aide de javascript).
Ce que je souhaite, ce serait dés lors que j'appelle ma fonction js qui crée ma seconde div layer2, je puisse bloquer tous les événements (onclick, onfocus, ...) de ma première div layer1.

La première solution qui m'est venu à l'idée, etait une troisième couche/div placée entre les deux qui aurait pour paramètres css width:100%;heigth:100%;position:absolute; ainsi les clics souris serait obligatoirement bloqués, mais j'ai remarqué que l'utilisation de la touche tab pour passer le focus sur l'élément suivant permet encore d'accéder à mes liens et inputs et reste donc très largement cliquable avec la touche entrée.

Je cherche donc un moyen d'empêcher tout événement sur une div en particulier.

Merci d'avance pour vos réponses.

Spirit ;)
27/11/2009, 01h27
emmanuel.remy

SAlut,

Pourquoi ne geres tu pas un flag qui indique si tu dois prendre en compte ou pas les événements pour ton calque, et que tu testes dans tes événements ?

ERE
27/11/2009, 09h36
SpIrIt505050

Oui, mais quelle fonction pour prendre en compte ou non les événements ?

Bonjour,
tu déclares le booléen en variable globale, et tu la modifies dans le script de création du div. Il suffit d'intégrer le test dans les évènements ...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <script type="text/javascript"> var evnt_actifs = true; // Evènements du div activés pas défaut function cree_div() { .... evnt_actifs = false; // Désactive les évènements à la fin de la création du nouveau div } .... function fonction_verif() { ... } </script> </head> <body> ... <div onclick="if (evnt_actifs) alert('un div');"> ... <input onchange="if (evnt_actifs) fonction_verif();"> ... </div>
A+