Lien clique dans le vide

Version imprimable

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

18/07/2012, 14h05
koKoTis

Lien clique dans le vide

Bonjour, serait-il possible de faire une sorte de lien pour quand on clique dans le vide sur la page ?

Je voudrai sur les pages de mes galeries photon lorsque le visiteur clique dans le vide, que ça revienne une page en arrière.
18/07/2012, 14h08
FirePrawn

Hello,

Tu mets un div conteneur sur ta page et un onclick dessus ?
18/07/2012, 14h10
koKoTis

Oui mais le les liens de la pages ne seront plus cliquable ??
18/07/2012, 14h24
Bovino

Un lien, c'est pour cliquer dessus, pas en dehors !

Donc non, pas faisable en HTML. Il va falloir se tourner vers JavaScript.
18/07/2012, 14h26
koKoTis

OKi, te serait-il possible de déplacer mon tropic ?

Hop une solution de trouvée avec du javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<script type="text/javascript">
function blockE(){
if (event.stopPropagation) {
  event.stopPropagation();
}
event.cancelBubble = true;
}
</script>
 
<div onclick="alert('click de div')">
 
du mkj sdmlkj sdlkfj ùdqkljf ùsqljf 
<img src="Images/car_footer.gif" onclick="alert('click image');blockE()" />
 
kjhm dmskh mqsdkjh qsmdkj
</div>

18/07/2012, 14h42
koKoTis

Merci ;)

Mais que-es-ce dont que cette image "src="Images/car_footer.gif"" ?
18/07/2012, 14h43
FirePrawn

Rien, une image chez moi en local, ça n'a aucune importance ;)
18/07/2012, 14h45
SpaceFrog

FirePraw
C'est vraiment n'importe quoi ton code avec une image car_Footer.gif
ça marche pas ...
18/07/2012, 14h45
koKoTis

Oki, donc elle n'est pas indispensable, mais le calque "DIV" lui est-il indispensable ?
18/07/2012, 14h46
SpaceFrog

non tu peux le faire sur le body ...
18/07/2012, 15h04
koKoTis

Citation:

Envoyé par SpaceFrog

non tu peux le faire sur le body ...

oui mais comment ?
18/07/2012, 15h07
SpaceFrog

en deplaçant le onclick dans le body ?
18/07/2012, 15h11
koKoTis

OKi, merci ;)

En fait alors du coup il suffisait de mettre ceci dans le body:

Code:

onclick="JavaScript:history.back();"

J'aurais du y pensé :oops:

Donc tout le code plus haut ne serait a rien lol, mais merci quand même ;)
18/07/2012, 15h12
koKoTis

Arf mais non, maintenant les liens de la page ne sont plus cliquable .

Que puis je faire ?
18/07/2012, 15h14
SpaceFrog

réfléchir ?
18/07/2012, 15h15
koKoTis

Ben je ne suis pas un pro moi lol :P
18/07/2012, 15h16
SpaceFrog

ha seul les pros peuvent réfléchir ?
18/07/2012, 15h17
koKoTis

Non, bien sur que non, mais ce que je veut dire c'est que je n'ai pas asser de connaissance dans le domaine
18/07/2012, 15h18
FirePrawn

Tu as une solution toute faite que j'ai copié plus haut, je vois pas ce qu'il te faut de plus...
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