Copiez le code comme suit :
<html>
<tête>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
<style type="text/css">
<!--
*{font-size:12px;font-family:Verdana, Genève, sans-serif;line-height:14px}
une{couleur :#039}
a: survol{color:#f60}
.pop{position :absolute;left:40%;top:40%;width:300px;height:100px;background:#eee;border:1px solid #ccc}
.pop_head{position :relative;hauteur:20px;arrière-plan :#ccc}
.pop_head a{position:absolute;right:8px;line-height:20px;color:#000;text-decoration:none}
.pop_head a:hover{color:#f60;text-decoration:none}
.pop_body{padding:8px}
-->
</style>
</tête>
<corps>
<!--Définissez d’abord un calque :-->
<div id="pop" style="display:none" onclick="show(event,'pop');">
<div><a href="javascript:void(0);" onclick="hide('pop')">Fermer</a></div>
<div>Merci de votre visite...</div>
</div>
<!--Bouton du layer popup :-->
<a href="javascript:void(0);" onclick="show( event ,'pop');"> Bouton contextuel</a>
<script type="text/javascript">
varurl = '#';
fonction show(evt,o){
evt.stopPropagation?evt.stopPropagation():evt.cancelBubble=true;
var o = document.getElementById(o);
o.style.display = "";
}
fonction cacher(o){
var o = document.getElementById(o);
o.style.display = "aucun" ;
fenêtre.emplacement = url ;
}
document.onclick=function(){hide('pop');}
</script>
</corps>
</html>
Résumer:
1. Lors de l'appel de la méthode pop-up, transmettez un objet événement : event.
2. Ajoutez le code de liaison d'événement à la méthode contextuelle.
3. Il doit y avoir un code js global utilisé pour appeler la méthode de masquage du calque contextuel lorsque vous cliquez sur d'autres parties.