Transformer tous les liens d’une page

mardi 15 août 2006, par Fil

Notre objectif pour ce premier article est de voir comment jQuery peut nous permettre d’agir sur toutes les balises <a> de notre page.

Tout d’abord, il faut ajouter dans les entêtes de la page HTML un appel à la librairie jquery.

<html>

<head>

   <script src="/chemin/vers/jquery.js" type="text/javascript"></script>    

</head>

<body>

   .....

Ensuite, le contenu de notre page :

   ....

<body>

   Voici le <a href="lien 1">lien 1</a>.

   Et le <a href="lien 2">lien 2</a>.

</body>

Le script ci-dessous — que nous allons insérer dans l’entête de la page — attend que celle-ci soit « prête » (complètement chargée), et appelle ensuite l’ensemble des objets <a> de la page, puis les fait ouvrir dans une page externe (target="_blank") :

$(document).ready(function () {

    $("a").set("target", "_blank");

});

P.-S.

Pour SPIP, une utilisation immédiate de ce script consiste à ne l’appliquer que sur les liens dont la classe est soit spip_out, soit spip_url (les deux classes indiquant des liens « vers l’extérieur » du site). On remplacera alors $("a") par $("a.spip_out,a.spip_url").

Documents joints

Exemple complet : transformer tous les liens d’une page (HTML - 580 octets)

Répondre à cet article

11 Messages de forum

(logo)

Transformer tous les liens d’une page
15 août 2006 00:53, par Alexandra

wouah c’est sexy tout plein :-)

Répondre à ce message
(logo)

incompatible avec dernière version ?
29 octobre 2006 16:16, par spif

Cet exemple fonctionne tant qu’on charge la librairie à partir de l’url http://jquery.com/src/latest/. En chargeant jquery-1.0.3.js en local, j’obtiens "Erreur : $("a").set is not a function". Problème de version ?

Répondre à ce message
- (logo)
  
  incompatible avec dernière version ? 29 octobre 2006 17:58
  
  Oui c’est désormais $().attr('attribut', 'valeur')
  
  Répondre à ce message
  - (logo)
    
    incompatible avec dernière version ? 27 juin 2007 15:41
    
    et oui faut bien faire :
    
    $(document).ready(function () { $("a").attr("target", "_blank"); });
    
    Répondre à ce message
    - (logo)
      
      target blank sur doc a télécharger ? 8 janvier 11:43, par kyomii
      
      Bonjour,
      
      Je viens de tester votre méthode qui fonctionne très bien, je voudrais aussi l’appliquer aux documents à télécharger (de type pdf, doc, xls etc.... Dans spip lorsque on ajoute un document en lien on a ceci
      
      Document (Word - 39 ko)
      
      Je pense que je peux utiliser type="application/msword" pour appliquer un target _blank dessus mais je ne sais pas trop comment m’y prendre....
      
      merci de votre aide
      
      Répondre à ce message
      - (logo)
        
        target blank sur doc a télécharger ? 4 avril 08:44, par Jean-François
        
        En fait dans ce cas ci, au lieu de cibler les liens génériques, il faut cibler les liens dont le href possède une extension .doc, etc. Ce qui nous donne :
        
        $("a[href$=doc]").attr("target", "_blank") ;
        
        Et remplacer le doc, par pdf, xls, etc. :)
        
        Répondre à ce message
(logo)

Transformer tous les liens d’une page
29 mars 23:43, par robocop

C’est invalide, nan ?

Voir en ligne : http://robotix.fr

Répondre à ce message
(logo)

Transformer tous les liens d’une page
15 avril 18:00, par dd

c’est nul comme tutoriel, faudrait que tu montres des trucs un peu plus interessant.

Répondre à ce message
- (logo)
  
  Transformer tous les liens d’une page 7 mai 23:34, par Jérôme
  
  Voilà un commentaire constructif, qui encourage le travail bénévole, tout simplement stupide et méprisant...
  
  Répondre à ce message
- (logo)
  
  Transformer tous les liens d’une page 21 mai 17:14, par Manao
  
  Pourquoi tu dis que c’est nul ?
  
  Mon expérience personnelle est que ce site m’a mis le pied à l’etrier et que j’ai beaucoup appris à décoder jquery grâce à ces micro-codes.
  
  Non, si je peux me permettre, c’est excellent pour les débutants et ceux qui cherchent des astuces sympa. Ce n’est pas juste de savoir coder qui est important mais de trouver des idées ingénieuses et utiles.
  
  Moi je dis, bravo pour ton boulot.
  
  Répondre à ce message
(logo)

Transformer tous les liens d’une page
11 juin 14:39, par dfsdf

Répondre à ce message

Transformer tous les liens d’une page

P.-S.

Documents joints

Répondre à cet article

11 Messages de forum