jQuery.info
Découvrir et utiliser jQuery, la librairie javascript du XXIIème siècle

Accueil du site > Trucs et astuces > Transformer tous les liens d’une page

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

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)

    Transformer tous les liens d’une page

    29 mars 2008 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 2008 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 2008 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 2008 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

    10 mars 2009 09:21, par Xyo

    Je trouve ça très utile, pour les simples et bonnes raisons suivantes :

    Tout débutant peut en avoir besoin
    Ca permet d’éviter de fouiller partout pour trouver une astuce simple pour modifier des liens à la volée sans se casser le crâne à refouiller tout la DB.
    Etc etc

    On s’en fout un peu que ça ne soit pas utile pour les "pros du jQuery", chacun débute.

    Ca permet aussi de donner un avant gout à la simplicité de jQuery.

    J’vous jure ...
    On devrait bannir les IP qui disent que c’est nul sans vraiment argumenter dans le fond.

    Bref, j’arrête pour aujourd’hui. :p

    Voir en ligne : http://www.iamxyo.com

    Répondre à ce message

  • (logo)

    Transformer tous les liens d’une page

    27 juillet 2009 13:25

    C’est bien comme un début dans JQuery

    merci

    Répondre à ce message

  • (logo)

    Très utile

    2 août 2009 06:57, par TulipVorlax

    Très utile pour des wikis tel que 3D Wikia.
    J’ai utilisé de tutoriel (plus une partie d’un tuto anglais qui m’a conduit ici) afin que tous les liens externes sur le wiki s’ouvrent dans une nouvelle fenêtre ou un nouvel onglet.

    Merci.

    Voir en ligne : Une page de 3D Wikia

    Répondre à ce message

  • (logo)

    Transformer tous les liens d’une page

    1er septembre 2009 12:47, par Dark2580

    bonjour,

    comment je ferais pour transformer tout mes liens ainsi

    exemple : http://exemple.com

    en http://exemple2.com/lien=http://exe...

    c’est- à-dire ajouter http://exemple2.com/lien= devant chaque lien .

    merci.

    Répondre à ce message

  • (logo)

    Transformer tous les liens d’une page

    2 septembre 2009 14:44

    J’ai utilisé cette méthode car un menu de connexion utilisant JS (un slide qui tombe du haut de la page) n’affichait rien pour les utilisateurs ayant désactivé JS. Pas pratique pour se connecter, du coup.

    Donc en insérant l’URL d’une page de connexion classique, puis en remplaçant l’URL de ce lien par une dièse et en y ajoutant ensuite les évènements, le menu utilisant JQuery passe chez ceux chez qui JS est activé, auquel cas un lien "en dur" les emmène sur la page de connexion classique !

    Donc, article à utilité totale : merci à toi ! :)

    Répondre à ce message

  • (logo)

    Transformer tous les liens d’une page

    25 mars 2010 04:14, par xloadx

    Je pense que même si on ne voit pas le rapport avec une certaine utilité, tout code a du bon et sert à ce qu’on veut bien en faire, voir même l’améliorer...

    Comme dit le proverbe : Il n’y a ceux qui ne font rien qui ne se trompent jamais !

    PS pour les bouseux de la toile qui aiment critiquer le travail des autres alors qu’on ne voit aucune trace du leur :

    Bande de gros jaloux ^^

    Répondre à ce message


Derniers commentaires

Nouveautés sur le Web