Jquery lien dans un nouvel onglet

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

Jquery lien dans un nouvel onglet

jQuery

Vue hybride

Discussions similaires

Partager

Partager