Deux actions sur onClick

Version imprimable

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

10/05/2012, 17h33
maxwel56

Deux actions sur onClick

bonjourbonjour tout le monde, je voudrais définir deux actions sur le onClick d'une div.
j'ai un problème dans mon code et je ne parviens pas à l'identifier.
Le voici :

Code:

echo"<div class='".$id1."' title='".$zone['nom']."' onclick='parent.Lightbox.end();document.location.href='http://www.google.fr';'></div>"

;

Quand j'affiche le code source de ma page, j'obtiens ceci :

Code:

<div*class="zoneTitre"*www.google.fr';'=""*http:=""*onclick="parent.Lightbox.end();document.location.href="*title="Titre"></div>
10/05/2012, 17h40
Bovino

Code:

onclick='parent.Lightbox.end();document.location.href='http://www.google.fr';'

Rien ne te choque au niveau des quotes ? :whistle:

mon problème ne vient pas de là :

Code:

1
2
$url = "http://www.google.fr";
echo"<div class='".$id1."' title='".$zone['nom']."' onclick='parent.Lightbox.end();window.location($url);'></div>";

10/05/2012, 21h26
Invité

Citation:

Envoyé par maxwel56

mon problème ne vient pas de là

:lol: Alors CA, fallait oser !

Citation:

"....Pardonnez-lui, car il ne savait pas..." :tutoriel:

Envoyer promener Bovino !!
...qui n'y connait sûrement, rien, évidemment, puisqu'il n'est QUE... modérateur/rédacteur/.../formateur en JavaScript ! ( :mouarf: ironique !)
10/05/2012, 22h07
maxwel56

Je n'ai pas envoyé promener bovino, bien au contraire je suis reconnaissant envers lui car il a prit le temps de bien vouloir m'aider.
11/05/2012, 07h50
Bovino

Regarde juste la coloration syntaxique de la partie de code que j'ai recopiée, tu verras que si, le problème vient de là, même si ce n'est pas forcément le seul problème !
En tout cas, le code source généré le montre bien.

Si tu ouvres un attribut avec une simple quote ('), la simple quote suivante aura pour effet de fermer la valeur de cet attribut.
11/05/2012, 07h57
andry.aime

Citation:

window.location($url)

Et location n'est pas une méthode mais une propriété.

A+.

Bonjour,
ne prends pas mal ce que j'ai écrit. C'était juste ironique.
Ça m'a fait rire car ça m'a fait penser à cette citation :

Citation:

:tutoriel: "Quand le sage montre le ciel du doigt, le fou regarde le doigt" :fou:

Voici (sauf erreur) 3 façons d'écrire cette ligne, sans s’emmêler les pinceaux :
Code:

1 2 3 4 5 6 7 8 9 <?php $url = "http://www.google.fr"; // 1 echo "<div class='$id1' title='$zone["nom"]' onclick='parent.Lightbox.end(); window.location.href(\"$url\");'></div>"; // 2 echo "<div class='".$id1."' title='".$zone["nom"]."' onclick='parent.Lightbox.end(); window.location.href(\"".$url."\");'></div>"; // 3 echo '<div class="'.$id1.'" title="'.$zone['nom'].'" onclick="parent.Lightbox.end(); window.location.href(\''.$url.'\');"></div>'; ?>
Au choix.

En fait avec mon code actuellement, la popup se ferme mais la redirection ne se fait pas.

Voici mon code (modifié) :

Code:

1
2
3
4
5
6
<script type="text/javascript">
    function clickEvent(){
      parent.Lightbox.end();
      window.location("http://www.google.fr");
    }
</script>

Code:

1
2
3
4
 
<?php
echo"<div class='".$id1."' title='".$zone['nom']."' onclick='javascript:clickEvent();'></div>";
?>

11/05/2012, 09h17
Invité

window.location.href
11/05/2012, 09h44
maxwel56

merci pour vos réponses, c'est sympa.
J'ai testé différentes solutions que j'ai trouvé sur le net en fait dont :

- window.location.href = "http://www.google.fr";
- self.location="http://www.google.fr";
- window.navigate("http://www.google.fr");
11/05/2012, 10h09
RomainVALERI

Citation:

Envoyé par maxwel56

solutions que j'ai trouvé sur le net

Et ici, on est où ? :? a la campagne ? :mouarf: (jérome et andry étaient déjà sur le coup pour ton href ;))
11/05/2012, 10h19
maxwel56

on s'est mal compris, ce sont des solutions que j'ai testé mais elles ne fonctionnent pas dans mon cas.

Code:

1
2
3
4
5
6
7
8
9
10
<!doctype html>
<html lang="fr">
<head>
	<meta charset="utf-8" />
	<title>Redirection double action !</title>
</head>
<body>
	<p><a href="#" onclick="alert('Lien cliqué !');location.href='http://www.google.fr';">Rediriger la page</a></p>
</body>
</html>

Ca fonctionne très bien... :roll:

11/05/2012, 12h57
maxwel56

j'ai une erreur js : location is null
11/05/2012, 13h02
Willpower

Citation:

Envoyé par maxwel56

j'ai une erreur js : location is null

Copie le code de bovino, il fonctionne.

Après adapte le petit à petit au tien jusqu'au moment où ça coince.
11/05/2012, 13h34
maxwel56

voici mon code :

Code:

<p><a href="#" onclick="alert('Lien cliqué !');parent.Lightbox.end();location.href='http://www.google.fr';">Rediriger la page</a></p>

Il m'affiche bien l'alertview, il quitte la popup mais toujours pas de redirection :s
11/05/2012, 15h20
SpaceFrog

Autant utiliser le href ...

Code:

<p><a href="http://www.google.fr" onclick="alert('Lien cliqué !')">Rediriger la page</a></p>
11/05/2012, 15h44
maxwel56

je veux faire un lien sur une div
11/05/2012, 15h46
SpaceFrog

Code:

<div onclick="self.location.href='http://www.google.fr'">google</div>
11/05/2012, 16h21
maxwel56

self.location is null
11/05/2012, 16h22
SpaceFrog

8O quel navigateur ??

montre nous un peu plus du contexte ...
11/05/2012, 17h52
maxwel56

J'utilise firefox comme naviguateur.
Et sinon je travaille sur un projet drupal
12/05/2012, 10h05
SpaceFrog

Je serais curieux de voir comment tu le mets en oeuvre dans ton code ...

parce que ceci:

Code:

<div onclick="self.location.href='http://www.google.fr'">google</div>

Fonctionne ... testé et approuvé !!
13/05/2012, 20h25
maxwel56

Le code suivant fonctionne :

Code:

<div onclick="self.location.href='http://www.google.fr'">Test</div>

Le problème est que je veux dans un premier temps fermer une popup et ensuite rediriger l'utilisateur. Voici mon code :

Code:

<div onclick="parent.Lightbox.end();self.location.href='http://www.google.fr'">Test</div>

J'ai ce message d'erreur self.location is null
13/05/2012, 21h50
Willpower

Ca fait 2 page qu'on a compris que ton code plantait mais on ne sait toujours pas d'où sort ton lightbox.

T'as pas envie de nous montrer ton code ?
(Et si ton lightbox provient d'une librairie de nous dire laquelle ?)

Edit: Tu utilises des (i)frames ? (puisque tu utilises l'objet "parent")
14/05/2012, 09h02
maxwel56

je répondais au message précédent, j'utilise le module lightbox2 de drupal
http://drupal.org/project/lightbox2
14/05/2012, 09h08
SpaceFrog

et ça tout seul ça fonctionne ?

Code:

<div onclick="parent.Lightbox.end();">Test</div>

ça ferme bien ton popup ???

ou popin car lightbox est un popin donc le parent ne se justifie pas selon moi...
du coup l'instruction plante et le href n'est pas invoqué ..
14/05/2012, 09h09
Bovino

Dans ce cas, à quoi est censé correspondre parent ?
14/05/2012, 11h17
maxwel56

en fait dans le module lightbox pour fermer la popup ils font ceci :

Code:

parent.Lightbox.end();

Voilà pourquoi j'utilise parent. Cela fonctionne ça ferme bien ma popup. Mais le problème c'est qu'après je ne parviens pas à rediriger l'utilisateur car effectivement le parent.Lightbox.end() semble rendre self.location null
14/05/2012, 13h30
RomainVALERI

Non ^^ c'est juste que la référence à parent n'existe plus dans ce nouveau contexte d'exécution, et donc JS plante en essayant d'accéder à la propriété LightBox d'un objet undefined ^^ et la suite n'est simplement pas exécutée...
14/05/2012, 13h40
maxwel56

arf du coup je dois m'y prendre comment?
14/05/2012, 13h40
SpaceFrog

un bout de code sorti de son contexte et en effet ton parent n'a aucun sens ...
14/05/2012, 13h47
Bovino

Attention, si la fenêtre en cours est celle de plus haut niveau, alors

Code:

parent === self === window

;)
Donc parent existe toujours.
14/05/2012, 13h57
maxwel56

je peux fermer la popup qu'en utilisant parent. Autrement ça ne fonctionne pas.
14/05/2012, 13h59
SpaceFrog

sans voir le code on ne peux que supputer (non c'esty pas un gros mot !)
14/05/2012, 15h59
RomainVALERI

Citation:

Envoyé par Bovino

Attention, si la fenêtre en cours est celle de plus haut niveau, alors

Code:

parent === self === window

;)
Donc parent existe toujours.

Oui mais y'aurait-y pas une iframe dans le montage ? (que nous n'avons toujours pas vu et sur lequel les conjectures vont bon train :mrgreen:)
14/05/2012, 16h58
maxwel56

désolé de ne pas être très précis, je galère un peu là. Je viens de voir en parcourant le dom avec firebug qu'il y a une iframe effectivement.
15/05/2012, 07h23
andry.aime

Ton code html généré est-il un top secret que tu ne pourras pas le divulguer ici pour que l'on puisse t'aider un peu?

voici mon code complet :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php global $base_url; ?>
<div class="home" onClick="parent.Lightbox.end();"></div>
   <div id="wrapper">
        <div id="status_bar">   
		</div>
		<div class="navigationbar_filter">
		</div>
		<div class="navigationbar_background">
			<p><?php echo $data['nom'] ?></p>
		</div>
		<div class="content_product_sheet">	
		<?php
                        foreach($data['zones'] as $zone){
                                $id1 = "zone".$zone['nom'];
                                echo"<div class='".$id1."' title='".$zone['nom']."' onclick='javascript:clickEvent()';></div>";
                        }
                ?>
   		</div>
 
   	<div id="footer" onclick="javascript:afficher_cacher('footer')";>
   	</div>
</div>

et donc ça, c'est le code d'une page que j'affiche via le module lightbox2 que voici :
http://drupal.org/node/1311756

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

Fuseau horaire GMT +2. Il est actuellement 22h42.