Appel Javascript dans css onClick, comment faire?

Version imprimable

15/07/2008, 11h04
copin

Appel Javascript dans css onClick, comment faire?
Bonjour à tous,

Je souhaite mettre en place un javascript qui serait apeler lors d'un clic sur le Background de mon Body.

J'explique le probleme. J'ai dans mon Body différent Div. Je souhaite que le javascript s'execute lorsque que le visiteur clic en dehors d'une Div sur le background du Body.

J'ai effectué une recherche sur le net ou j'ai vu qu'on pouvait apeler un javascript dans le css comme suis:
Code:

1 2 3 4 5 body{ background-image: url('javascript:DefineBackgroundProperties();); ... }
avec dans ma page
Code:

1 2 3 4 5 <script type="text/javascript"> function DefineBackgroundProperties(){ window.open('les paramètres qui vont bien pour l'ouverture de la page'); } </script>
Cependant avec ce code la fenetre s'ouvre dès le chargement de la page apelante. Comment faire pour capter le clic étant donné que le js est apelé dans le css?

D'avance merci,

:nono: je ne pense pas que tu puisses y arriver comme ça ...

Fait plutot une recherche avec cancelBubble et StopPropagation

tu bloques la propagation du onclick sur tous les divs de la page et tu mets un onclick sur le body ...
Code:

1 2 3 4 5 6 7 8 9 10 11 function stopDivs(){ var AllDivs=document.getElementsByTagName('Div'); for(j=0;AllDivs[j];j++){ AllDivs[j].onclick=function(evt){ evt=(evt)?evt:window.event; if (evt.stopPropagation) {evt.stopPropagation();} else{evt.cancelBubble = true;} } } }

15/07/2008, 11h28
copin

Bonjour,

Merci de la réponse c'est exactement ce que je cherchais à faire. :yaisse2:

Génial.
22/07/2008, 15h53
copin
Re salut,

En faisant un test de compatibilité sous FireFox j'ai remarqué que la fonction rencontré un peu petit probleme.

En effet sous IE pas de problème tout roule.
Sous Firefox, la fonction avec uniquement des clics gauches fonctionne. Par contre si je clique droit sur la div devant être inhibée le javascript qui s'execute.

J'ai tenté de reprendre ta fonction en ajoutant dans la boucle fort
Code:

1 2 3 4 5 6 AllDivs[j].onMousedown=function(evtt){ evtt=(evtt)?evtt:window.event; if (evtt.stopPropagation) {evtt.stopPropagation();} else{evtt.cancelBubble = true;} } }
Ceci afin d'iniber le clic droit sur la div de la meme manière que précédemment mais sans succès... Est ce que je commet une erreur quelquepart?

Merci
22/07/2008, 15h55
SpaceFrog

Code:

onmousedown

Salut,

Merci de la réponse rapide.

Effectivement le "onMousedown", j'y ai pensé mais tester minuscule pour commencer puis majuscule sans succès evidemement.

Mon code a l'état actuelle est le suivant:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <script language="JavaScript"> function stopDivs(){ var AllDivs=document.getElementsByTagName("Div"); for(j=0;AllDivs[j];j++){ AllDivs[j].onclick=function(evt){ evt=(evt)?evt:window.event; if (evt.stopPropagation) {evt.stopPropagation();} else{evt.cancelBubble = true;} } AllDivs[j].onmousedown=function(evtt){ evtt=(evtt)?evtt:window.event; if (evtt.stopPropagation) {evtt.stopPropagation();} else{evtt.cancelBubble = true;} } } } </script> <script type="text/javascript"> function blop(){ window.open('http://www.ag2rpro.com', 'vad', 'toolbar=yes, location=yes, status=yes, scrollbars=yes,resizable=yes, width=800, height=800, left=400, top=50'); } </script> </head> <body OnClick="javascript:blop();" OnLoad="javascript:stopDivs();">
Je met la fonction stopDivs() avec dans la boucle for le onmousedown pour tenir compte du clic droit.

Je place dans le onload du body la fonction StopDivs() afin de bloquer tout type de clic sur mes Divs et un Onclick pour permettre une action si clique direct sur mon body hors div.

vire moi ces majuscules dans les évènements !!!!!!

Code:

1
2
3
4
5
6
7
8
 
function mouseright(e)
{
  if (!e) e = event;
 
  if (e.button == 2)
   alert("c'est un click droit");
 }