Lien clique dans le vide

Version imprimable

Voir 40 message(s) de cette discussion en une page

18/07/2012, 15h20
koKoTis

Mais je ne sais pas comment adapter le code au body :oops:
18/07/2012, 15h22
FirePrawn

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

Et en modifiant tes images en ajoutant le onclick de l'image.
18/07/2012, 15h23
koKoTis

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

:roll:
si encore c'était compliqué

Code:

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

18/07/2012, 15h29
koKoTis

Le clique body agi aussi sur les image
18/07/2012, 15h30
SpaceFrog

j'ai testé le code ...
si tu as un click de body en clickant sur l'image, appelle un demaraboutiseur
18/07/2012, 15h35
koKoTis

Citation:

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
18/07/2012, 15h37
Bovino

Code:

function blockE(event)

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

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
<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 ...

18/07/2012, 15h47
koKoTis

Avec le "event" c'est pareil cher moi 8O
18/07/2012, 16h03
FirePrawn

Tu as ajouté un onclick sur tes images qui appelle la fonction block(event) ?
18/07/2012, 16h05
koKoTis

oui
18/07/2012, 16h07
FirePrawn

Montre nous ton code :aie:
18/07/2012, 16h17
SpaceFrog

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

Citation:

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:

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

18/07/2012, 16h22
SpaceFrog

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

Arf, j'avais mal place le event.

Mais comme celà:

Code:

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:?

18/07/2012, 16h27
FirePrawn

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

Voici la page complete:

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

Code:

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>

Voir 40 message(s) de cette discussion en une page