Lien clique dans le vide

**koKoTis** · 18/07/2012, 16h20

Mais je ne sais pas comment adapter le code au body

**FirePrawn** · 18/07/2012, 16h22

En déplaçant le onclick qui sur la div sur le body

Et en modifiant tes images en ajoutant le onclick de l'image.

**koKoTis** · 18/07/2012, 16h23

Mais justement je ne veut pas modifier mes images, elles ont déjà des liens

**SpaceFrog** · 18/07/2012, 16h24

si encore c'était compliqué

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
<script type="text/javascript">
function blockE(){
if (event.stopPropagation) {
  event.stopPropagation();
}
event.cancelBubble = true;
}
</script>
</head>
 
<body onclick="alert('click de div')">
 
 
du mkj sdmlkj sdlkfj ùdqkljf ùsqljf  
<img scr="https://upload.wikimedia.org/wikipedia/fr/5/55/Developpez.gif" onclick="alert('click image');blockE()" />
 
kjhm dmskh mqsdkjh qsmdkj 
<a href="www.google.fr"  onclick="blockE()">google</a>
</body>
 
 
</html>

haaaa une image developpez.gif

**koKoTis** · 18/07/2012, 16h29

Le clique body agi aussi sur les image

**SpaceFrog** · 18/07/2012, 16h30

j'ai testé le code ...
si tu as un click de body en clickant sur l'image, appelle un demaraboutiseur

**koKoTis** · 18/07/2012, 16h35

Envoyé par SpaceFrog

j'ai testé le code ...
si tu as un click de body en clickant sur l'image, appelle un demaraboutiseur

Tu a tester sour quel naviguateur ?

Par ce que moi sous Firefox le clique body agis sur les image

**Bovino** · 18/07/2012, 16h37

Code :

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

function blockE(event)

Sinon, il parait que l'horticulture, c'est sympa aussi...

**SpaceFrog** · 18/07/2012, 16h46

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>du mkj sdmlkj sdlkfj ùdqkljf ùsqljf&nbsp; kjhm dmskh mqsdkjh qsmdkj 
google</title>
<style type="text/css">
</style>
<script type="text/javascript">
function blockE(event){
if (!event){event = window.event;}
if (event.stopPropagation) {
  event.stopPropagation();
}
event.cancelBubble = true;
}
</script>
</head>
<body onclick="alert('click de div')">
du mkj sdmlkj sdlkfj ùdqkljf ùsqljf  
<img scr="https://upload.wikimedia.org/wikipedia/fr/5/55/Developpez.gif" onclick="alert('click image');blockE(event)" />
 
kjhm dmskh mqsdkjh qsmdkj 
<a href="www.google.fr"  onclick="blockE(event)">google</a>
</body>
</html>

Je suis épaté par ta capacité d'investigation ...

**koKoTis** · 18/07/2012, 16h47

Avec le "event" c'est pareil cher moi

**FirePrawn** · 18/07/2012, 17h03

Tu as ajouté un onclick sur tes images qui appelle la fonction block(event) ?

**koKoTis** · 18/07/2012, 17h05

oui

**FirePrawn** · 18/07/2012, 17h07

Montre nous ton code

**SpaceFrog** · 18/07/2012, 17h17

c'est désespérant ...
koko as tu au moins testé mon dernier code ??????

**koKoTis** · 18/07/2012, 17h17

Envoyé par SpaceFrog

c'est désespérant ...
koko as tu au moins testé mon dernier code ??????

Oui, mais je viens de me rendre compte de quelques chose, mes liens texte reste normale.

Mais mes liens images sont dynamique en fait, peut être que cela vient de là ?

Code :

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

1
2
3
4
5
6
7
<?php 
$directories = glob("*.jpg"); 
foreach ($directories as $dir) 
{ 
         echo '<a href="'.$dir.'" rel="lightbox[roadtrip]" onclick="block(event)"><img src="'.$dir.'"  height="250" border="1" style="border-color:#000000"></a> &nbsp;'; 
} 
?>

**SpaceFrog** · 18/07/2012, 17h22

y'a pas de click là sur tes images ... c'est le href qui agit ...

**koKoTis** · 18/07/2012, 17h25

Arf, j'avais mal place le event.

Mais comme celà:

Code :

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

1
2
3
4
5
6
7
<?php 
$directories = glob("*.jpg"); 
foreach ($directories as $dir) 
{ 
         echo '<a href="'.$dir.'" rel="lightbox[roadtrip]"><img src="'.$dir.'"  height="250" border="1" style="border-color:#000000" onclick="block(event)"></a> &nbsp;'; 
} 
?>

C'est pareil

**FirePrawn** · 18/07/2012, 17h27

Ta fonction javascript est bien déclarée dans ta page ?

**koKoTis** · 18/07/2012, 17h30

Voici la page complete:

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Galerie de Jérémie Merlin</title>
 
<!-------------------------------
Ci-dessou on appelle la pages de metas tags:
-------------------------------->
<?php
include("http://www.lunnatick.fr/fichiers_systeme/meta_global_img_tof_ect.htm");
?>
<!-------------------------------
-------------------------------->
 
<link href="../../../css_lunnatick.css" rel="stylesheet" type="text/css">
 
<style type="text/css">
<!--
body {
	margin: 0;
	padding: 0;
	background-image: url(../portraits_noir_blanc_1/imgs/ban_JM_1_.jpg);
	background-color: #000000;
    background-repeat:repeat-x;
    background-position:top center;
}
 
.Style2 {font-size: 18px}
-->
</style>
 
<!-- Début des code d'affichage des images sur la page --->
<script type="text/javascript" src="../../../fichiers_systeme/galeries/js/prototype.js"></script>
<script type="text/javascript" src="../../../fichiers_systeme/galeries/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="../../../fichiers_systeme/galeries/js/lightbox.js"></script>
<link rel="stylesheet" href="../../../fichiers_systeme/galeries/css/lightbox.css" type="text/css" media="screen" />
<!-- Fin des code d'affichage des images sur la page --->
 
<!-- Ci-dessous le script pour le clique dans le vide -->
<script type="text/javascript">
function blockE(event){
if (!event){event = window.event;}
if (event.stopPropagation) {
  event.stopPropagation();
}
event.cancelBubble = true;
}
</script>
<!-- Fin du script pour le clique dans le vide -->
 
</head>
<!--   --->
<body text="#00000000" link="#00000000" vlink="#00000000" alink="#00000000" onclick="JavaScript:history.back();">
 
 
  <div id="Layer1" style="position:fixed; width:100%; height:35px; z-index:1; left: 0px; top: 0px; background-color: #ffffff; layer-background-color: #ffffff; border: 1px none #000000;">
    <div align="center">   
      <table width="100%"  border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
        <tr>
          <td height="36">
            <div align="center">
              <table width="98%"  border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td><div align="left"><strong><a href="JavaScript:history.back();"><img src="../../../fichiers_systeme/galeries/fleche_retour_1.jpg" width="43" height="35" border="0"></a> </strong></div></td>
                  <td><div align="right"><strong><a href="JavaScript:history.back();">Retour en arri&egrave;re</a> | <a href="../../../index.html" class="Style2" onclick="block(event)">Sommaire du site</a></strong></div></td>
                </tr>
              </table>
            </div></td></tr>
        <tr>
          <td higth="8" bgcolor="#999999">&nbsp;</td>
        </tr>
      </table> 
    </div>
  </div>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
 
<div align="center">
<?php 
$directories = glob("*.jpg"); 
foreach ($directories as $dir) 
{ 
         echo '<a href="'.$dir.'" rel="lightbox[roadtrip]"><img src="'.$dir.'"  height="250" border="1" style="border-color:#000000" onclick="block(event)"></a> &nbsp;'; 
} 
?>
<?php
$directories = glob("*.JPG"); 
foreach ($directories as $dir) 
{ 
         echo '<a href="'.$dir.'" rel="lightbox[roadtrip]"><img src="'.$dir.'"  height="250" border="1" style="border-color:#0000000" onclick="block(event)"></a> &nbsp;'; 
} 
?>
 
 
</div>
 
<!-- Script pour google analise --->
<script type="text/javascript" src="http://www.lunnatick.fr/fichiers_systeme/google_analys.js"></script>
<!-- Script pour google analise --->
</body>
</html>

**SpaceFrog** · 18/07/2012, 17h34

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
<script type="text/javascript">
function blockE(event){
if (!event){event = window.event;}
if (event.stopPropagation) {
  event.stopPropagation();
}
event.cancelBubble = true;
return true;
}
</script>
</head>
 
<body onclick="alert('click de body')">
 
 
du mkj sdmlkj sdlkfj ùdqkljf ùsqljf  
 
kjhm dmskh mqsdkjh qsmdkj 
<a href="http://www.google.fr"  onclick="alert('je pars sur google');blockE(event)">du texte<img scr="https://upload.wikimedia.org/wikipedia/fr/5/55/Developpez.gif" onclick="blockE(event);alert('click image');return false;" />
</a>
</body>

Lien clique dans le vide

JavaScript

Discussions similaires

Partager

Partager