Jquery lien dans un nouvel onglet [Résolu]

fazpedro · 04/10/2011, 09h30

Bonjour,

je souhaite que mes liens "Href.." s'ouvrent toujours dans un nouvel onglet
Voici le code qui ne fonctionne pas :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />	
<title><?php echo $nom_site ?></title>
<link rel="stylesheet" type="text/css" href="<?php echo $nom_style ?>" />

<script type="text/javascript" src="jquery.js"></script>
<!-- <script type="text/javascript" src="jquery-1.2.1.pack.js"></script> -->
<script type="text/javascript">
// pour les liens externes on fait un nouvel onglet !
jQuery('a.newTab').live('click', function(){
    newwindow=window.open($(this).);
    jQuery(this).target = "_blank";
    return false;
});
</script>

</head>
<body>

Merci !

Bovino · 04/10/2011, 09h49

Ton code se trouve dans le <head>, donc au moment où il est interprété, le contexte DOM n'est pas créé et en particulier, il n'existe pas d'objet document dont jQuery se sert pour affecter les événements live().
Il faudrait que tu utilises la méthode ready()...

fazpedro · 04/10/2011, 15h45

j'ai essayé mais les liens ne s'ouvrent pas dans un nouvel onglet...

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title><?php echo $nom_site ?></title>
<link rel="stylesheet" type="text/css" href="<?php echo $nom_style ?>" />
<script type="text/javascript" src="jquery-1.2.1.pack.js"></script>
<script type="text/javascript">
$(document).ready(function () {
   $("a").set("target", "_blank");	});
</script>
</head>
....
<body>

Bovino · 04/10/2011, 15h56

En même temps, set(), ça n'existe pas dans jQuery...

Donc pas étonnant que ça fasse rien.
Essaye plutôt avec attr().

fazpedro · 04/10/2011, 17h45

Cela fonctionne bien mais... pour tous les liens .. même internes !

en fait je voudrais un nouvel onglet uniquement pour les liens externes http..

Code :

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

1
2
3
4
<script type="text/javascript">
$(document).ready(function () {
$("a").attr("target", "_blank");	});
</script>

ABCIWEB · 04/10/2011, 18h08

Et bien te reste plus qu'à tester si les liens commencent par http:// et si oui d'appliquer ta commande.

fazpedro · 04/10/2011, 21h27

C'est bon, cela fonctionne bien !

voici le code :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />	
<title><?php echo $nom_site ?></title>
<link rel="stylesheet" type="text/css" href="<?php echo $nom_style ?>" />
<script type="text/javascript" src="jquery-1.2.1.pack.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("a[href^='http://']").click(function(){
if(($(this).attr("class"))==='noNewWindow'){return true;}
window.open(this.href);
return false;
});
});
</script>
</head>

04/10/2011, 09h49	#2
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 807 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 807 Points : 35 789 Points : 35 789	Ton code se trouve dans le <head>, donc au moment où il est interprété, le contexte DOM n'est pas créé et en particulier, il n'existe pas d'objet document dont jQuery se sert pour affecter les événements live(). Il faudrait que tu utilises la méthode ready()... __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

04/10/2011, 15h56	#4
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 807 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 807 Points : 35 789 Points : 35 789	En même temps, set(), ça n'existe pas dans jQuery... Donc pas étonnant que ça fasse rien. Essaye plutôt avec attr(). __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

04/10/2011, 18h08	#6
ABCIWEB Membre Expert Inscription : septembre 2010 Messages : 1 244 Détails du profil Informations forums : Inscription : septembre 2010 Messages : 1 244 Points : 1 566 Points : 1 566	Et bien te reste plus qu'à tester si les liens commencent par http:// et si oui d'appliquer ta commande. __________________ - Réalisations - Interface graphique : génération en javascript d'objets défilants, texte et/ou images, mode horizontal ou vertical.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email