Afficher une div sur le clic droit

[Résolu/Fermé]
Signaler
Messages postés
2295
Date d'inscription
mercredi 25 février 2009
Statut
Membre
Dernière intervention
22 juillet 2019
-
Messages postés
2295
Date d'inscription
mercredi 25 février 2009
Statut
Membre
Dernière intervention
22 juillet 2019
-
Bonjour,
https://www.commentcamarche.net/faq/1980-javascript-interdire-le-clic-droit-de-la-souris

Je viens de voir le moyen de desactiver le clic droit d une page
<body oncontextmenu='return false; '>
Je me demandais comment faire pour la remplacer par une div ...
ou Par une autre page positionner là ou il faut ...
<body oncontextmenu='window.open("Clicdroit.php","pop","width=200,height=200"); return false; '>

Merci je tourne en rond ...

4 réponses

Messages postés
2295
Date d'inscription
mercredi 25 février 2009
Statut
Membre
Dernière intervention
22 juillet 2019
198
Pour afficher la div No problemo ...
<body oncontextmenu='document.getElementById("Menu").style.visibility= "visible"; return false; '>

Il faudrait voir comment la coller à la "souris" ...
Messages postés
2295
Date d'inscription
mercredi 25 février 2009
Statut
Membre
Dernière intervention
22 juillet 2019
198
Voilà, Mais il reste a gerer les bords ...

<body oncontextmenu='souris(event); return false; '>

<div id="Menu" style="visibility:hidden;width:220px;height:130px;border:1px solid black;background:#FFFFFF" onmouseout="style.visibility='hidden';">
toto
tatat
</div>

<script type="text/javascript">
function souris(event)
{
var x = event.clientX;
var y = event.clientY;
document.getElementById("Menu").style.visibility= "visible";
document.getElementById("Menu").style.position="absolute";
document.getElementById("Menu").style.left=x + 'px';
document.getElementById("Menu").style.top=y + 'px';
}
</script>
Messages postés
2295
Date d'inscription
mercredi 25 février 2009
Statut
Membre
Dernière intervention
22 juillet 2019
198
Correction :
document.getElementById("Menu").style.position="fixed";

Et
toujours pas trouver le moyen de cacher la div sur un evenement simple ...
Messages postés
591
Date d'inscription
lundi 22 février 2010
Statut
Membre
Dernière intervention
19 octobre 2013
49
pour cacher un div:

document.getElementById("div_a_cacher").innerHTML = "";
Messages postés
2295
Date d'inscription
mercredi 25 février 2009
Statut
Membre
Dernière intervention
22 juillet 2019
198
Finalement j ai essayé comme ça :
<body onclick='document.getElementById("Menu").style.visibility="hidden";'>
Et l evenement souris est sur la photo ....