Jquery lien dans un nouvel onglet

Version imprimable

Bonjour,

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

Code:

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 !

04/10/2011, 09h49
Bovino

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

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

Code:

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>

04/10/2011, 15h56
Bovino

En même temps, set(), ça n'existe pas dans jQuery... :aie:
Donc pas étonnant que ça fasse rien.
Essaye plutôt avec attr().
04/10/2011, 17h45
fazpedro
Cela fonctionne bien mais... pour tous les liens .. même internes ! :roll:
en fait je voudrais un nouvel onglet uniquement pour les liens externes http..
Code:

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

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

C'est bon, cela fonctionne bien !

voici le code :

Code:

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>