Deux actions sur onClick

**maxwel56** · 10/05/2012, 17h33

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 :

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

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 :

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

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

**Bovino** · 10/05/2012, 17h40

Code :

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

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

Rien ne te choque au niveau des quotes ?

**maxwel56** · 10/05/2012, 20h51

mon problème ne vient pas de là :

Code :

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

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

Invité · 10/05/2012, 21h26

Envoyé par maxwel56

mon problème ne vient pas de là

Alors CA, fallait oser !

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

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

**maxwel56** · 10/05/2012, 22h07

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.

**Bovino** · 11/05/2012, 07h50

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.

**andry.aime** · 11/05/2012, 07h57

window.location($url)

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

A+.

Invité · 11/05/2012, 09h07

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 :

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

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

Code php :

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

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.

**maxwel56** · 11/05/2012, 09h15

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

Voici mon code (modifié) :

Code :

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

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

Code :

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

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

Invité · 11/05/2012, 09h17

window.location.href

**maxwel56** · 11/05/2012, 09h44

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

**RomainVALERI** · 11/05/2012, 10h09

Envoyé par maxwel56

solutions que j'ai trouvé sur le net

Et ici, on est où ?

a la campagne ?

(jérome et andry étaient déjà sur le coup pour ton href

)

**maxwel56** · 11/05/2012, 10h19

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

**Bovino** · 11/05/2012, 10h37

Code html :

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

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

**maxwel56** · 11/05/2012, 12h57

j'ai une erreur js : location is null

**Willpower** · 11/05/2012, 13h02

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.

**maxwel56** · 11/05/2012, 13h34

voici mon code :

Code :

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

<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

**SpaceFrog** · 11/05/2012, 15h20

Autant utiliser le href ...

Code :

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

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

**maxwel56** · 11/05/2012, 15h44

je veux faire un lien sur une div

**SpaceFrog** · 11/05/2012, 15h46

Code :

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

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

Deux actions sur onClick

JavaScript

Discussions similaires

Partager

Partager