Le script

Avant tout il nous faut mettre en place un petit script, vous vous en doutez sûrement n'est-ce pas ?
Vous pourrez l'ajouter dans Panneau d'Administration > Modules > Gestion des codes Javascript. Veillez à l'activer sur toutes les pages de votre forum

Voici le premier script, qui est notre fonction qui nous permettra d'ouvrir plusieurs liens en même temps. Placez-le dans un nouveau code que vous nommerez 'multiLiens' par exemple :

Code:

function multiLiens(tableauLiens) {
    for(var i=0;i<tableauLiens.length;i++) {
        window.open(tableauLiens[i]);
    }
}

$(function() {
    // Applique notre fonction multiLiens() aux liens ayant un attribut spécifique
    var el = $('a[data-links]');    // On crée la variable el pour pointer sur nos liens plus facilement
    el.click(function () {    // On applique la fonction multiLiens() lors du clic sur notre élément
        var links = el.attr('data-links').split(',');    // On crée le tableau avec , comme séparateur (modifiable)
        multiLiens(links);
    });
});

Que veut-il dire ce blabla ?

La première partie du script est une fonction : multiLiens(). Cette fonction prend en paramètre un tableau, tableauLiens.
Grâce à une variable i faisant office de compteur, on parcourt l'ensemble de ce tableau et on ouvre chaque lien avec la méthode window.open("URL").

Le second partie du script applique simplement la fonction à notre forum.
Il crée une variable el qui va cibler les liens <a> ayant un attribut data-links, en laissant tranquille les autres. La variable est juste là pour nous simplifier la vie vu que nous allons réutiliser ce sélecteur après.
el.attr('data-links') va retourner la valeur de l'attribut data-links de l'élément el pointé.
.split(',') va transformer la chaîne de caractères en tableau. Pour cela, on définit un séparateur. Nous choisissons la virgule (mais vous êtres libres de modifier ça). Enfin, on enregistre le résultat dans la variable links pour la réutiliser ensuite...
... ensuite donc, on passe links (notre tableau de liens) en paramètre de la fonction multiLiens().
Et pour finir, on applique l'effet lors du clic sur le lien : c'est le rôle de el.click(function () { ... });.

Le code $(function () { ... }); est juste là pour déclencher le script après que la page soit chargée (ce qui est préférable pour repérer les éléments sans craindre de bug).

attr() ou data() ?:

Mais pourquoi avoir fait 2 parties de script ?:

Le HTML

Il nous faut donc créer nos éléments dans notre HTML ! Le principe fonctionnera sur l'ensemble de votre forum, que ce soit dans vos templates, ou bien dans vos posts (si le HTML est activé).

En fait, il s'agit de rajouter un attribut data-links aux liens <a> que nous souhaitons voir devenir des liens multiples. Il faut passer en valeur de cet attribut notre liste de liens séparés par une virgule, de n'importe quelle taille : Lien_1,Lien_2,Lien_3, ...

En effet, comme nous récupérons la variable et que nous identifions chaque lien comme étant séparé par une virgule (là encore, c'est modifiable simplement dans le script), on distingue bel et bien chacun de nos liens !

Prenons l'exemple d'un "triple lien" :

Code:

<a href="#" data-links="Lien_1,Lien_2,Lien_3">Votre triple Lien</a>

Il n'y a rien de sorcier. Nous créons donc un lien, tout ce qu'il y a de plus classique : <a href="URL">TEXTE</a>.

Cependant, nous ne renseignons pas d'URL externe, href="#" pointant simplement sur la page où se trouve le lien (essayez ainsi, le lien vous laisse sur la page).

Mais notre attribut data-links sera repéré par notre script. Une fois repéré, le tableau de liens contenu dans l'attribut sera passé en paramètre de la fonction multiLiens()... qui réalisera sa mission et l'effet désiré !

Plus de liens ?

Il suffit de renseigner plus ou moins de liens dans le tableau passé en paramètre pour ouvrir ceux-ci lors du clic.

Compatibilité ?

En terme de compatibilité, jQuery se charge d'assurer que les anciens navigateurs fonctionnent avec cet effet.

Si votre forum suit les conventions HTML5 (ce qui est très peu probable tant que ForumActif ne passera pas en HTML5), data-links est tout à fait valide et correspond à une donnée data-*.

Sinon, il faut le considérer comme un simple attribut de votre balise. Ce ne sera pas forcément valide selon les normes W3C. CSSActif ne vous le conseille donc pas. Cependant, ça fonctionnera. Il reste à espérer qu'à l'avenir, ForumActif passe au HTML5.

Pourquoi faire ce tutoriel si on ne conseille pas de l'appliquer ?:

J'espère que cette petite astuce vous amusera et qu'elle vous sera utile !