Appel Javascript dans css onClick, comment faire?

**copin** · 15/07/2008, 11h04

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

avec dans ma page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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,

**SpaceFrog** · 15/07/2008, 11h11

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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;}
					}
		}
}

**copin** · 15/07/2008, 11h28

Bonjour,

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

Génial.

**copin** · 22/07/2008, 15h53

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**SpaceFrog** · 22/07/2008, 15h55

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onmousedown

**copin** · 22/07/2008, 16h13

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**SpaceFrog** · 22/07/2008, 16h44

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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");
 }

Appel Javascript dans css onClick, comment faire?

JavaScript

Discussions similaires

Partager

Partager