créer des liens noms > biographie

[newsdurock]

bonjour Nous avons débuté une conversation :
https://forum.forumactif.com/t347340-cliquer-sur-mot-pour-le-retrouver-sur-tout-les-messages#2964734
Je prend le relais de Pita pour cette question mais il faut le dire, je débute !! .
Le but est de créer des liens sur les noms de groupes de
musique ex: Judas Priest utilisés dans les discussions (où qu'elles soit dans le forum) vers leur [b]page biographie[/b] au sein du forum.

A quel endroit précisément faut-il aller créer ces liens ?
Et comment faire ?
Merci beaucoup pour vos réponses désolée de n'avoir pas pu continuer la conversation précédente

[Shadow]

Bonjour,

Pour créer un lien rien de plus simple



Dans la première case vous mettez url de votre lien et dans la deuxième le nom de votre groupe

[newsdurock]

ok je dois pas poser la question au bon endroit je parle en tant qu'admininistrateur pour la construction du forum stp

[Shadow]

Je ne comprends pas vraiment votre question

Avez vous un exemple de forums avec ce que vous voulez faire ?


Merci d'avance et bonne journée

[Ea]

Bonjour,


Il y a soit la censure de base ( Index > Panneau d'administration > Général > Censure | Censure des Mots ) qui permet de remplacer :

Judas Priest

Par :

Code:

<a href=t4->J<b></b>udas Priest</a>

( si son sujet est le sujet 4 )

On met un <b></b> au milieu afin que Judas Priest ne soit pas reconnu par le système ( car on ne peut pas avoir le mot à remplacer dans le remplacement ).

Cette censure n'est pas rétroactive, et modifie le message ( pour ajouter le lien ) au moment où le membre poste.


Autrement il y a la censure javascript ( https://forum.forumactif.com/t311476-censure-des-messages-en-javascript ) qui elle est rétroactive et ne modifie pas le message ( elle ajoute juste le lien dynamiquement au moment de l'affichage du sujet ).

Avec la censure javascript pour votre exemple, on pourrait par exemple mettre une ligne :

Code:

["html", /\bJudas Priest\b/gi, '<a href=/t4->$1</a>']

si le sujet de ce judas priest était le sujet 4.

Il se pourrait que si vous en aviez beaucoup, ça puisse être lourd, donc voici une version simplifiée du script pour votre cas :

Code:

var txt_to_url= [
  ['machin priest','/t4-'],
  ['hello world','/t7-'],
  ['jesus comeback','/t5-']
];

function txtToUrlNode(a) {
  if(a.nodeType == 3) {
    for(var b in txt_to_url) {
      if(a.nodeValue.indexOf(txt_to_url[b][0])!=-1) {
        $(a).replaceWith($('<div />').text(a.nodeValue).html().split($('<div />').text(txt_to_url[b][0]).html()).join('<a href="'+txt_to_url[b][1].replace(/"/g,'"').replace(/</g,'<').replace(/>/g,'>')+'">'+$('<div />').text(txt_to_url[b][0]).html()+'</a>'))
      }
    }
  }else {
    if(a.hasChildNodes()) {
      a = a.childNodes;
      for(b = 0;b < a.length;b++) {
        txtToUrlNode(a[b])
      }
    }
  }
}

$(function(){
  $("div.postbody div" + ($("body#phpbb").length ? ".content div" : $("#ipbwrapper").length ? ".post-entry div:not(.clear)" : $("#pun-foot").length ? ".entry-content div div:not(.clear)" : "")).each(function() {
    txtToUrlNode(this)
  })
});

Cordialement.

[newsdurock]

merci pour ces explications Ea

essai 1 : <a href=t4->J<b></b>udas Priest</a>

j'ai remplacé t4 (ai-je raison ?) par
l'adresse de la bio (http://music.forumpro.fr/t236-telephone) et

le nom par telephone
(je suis sur Téléphone)

ça donne :
Mot censuré : telephone
remplacement: <a href=http://music.forumpro.fr/t236-telephone->T<b></b>elephone</a>

ok ça fonctionne mais le nom reste surligné et rouge
alors qu'il faudrait que le nom de groupe se surligne quand on passe dessus uniquement.


essai 2 : ["html", /\bJudas Priest\b/gi, '<a href=/t4->$1</a>']

il me dit : Vous devez entrer un mot et son remplaçant
Le mot censuré ne doit pas être dans les mots qui le remplacent.

j'ai fait :
Mot censuré : telephone
remplacement: ["html", /\btelephone\b/gi,'<ahref=/http://music.forumpro.fr/t236-telephone->$1</a>']


Questions : est-ce qu'on peut mettre les accents ?
pourquoi tu n'as pas mis : >T<b></b>elephone ?


bon je vais faire ta 3e proposition :
car la liste des groupes est très longue

peux-tu me dire où tu mets tous ces codes ?
toujours à remplacement ?
et est-ce que les noms de groupes viennent à ['machin priest','/t4-' ?
t4 c'est l'adresse bio ?

j'espère avancer là dessus et heureuse d'avoir réussi le test 1 !!

[Ea]

Les scripts ils faut les mettre dans : https://forum.forumactif.com/t311791-gestion-des-codes-javascript ( en ne les mettant que sur les pages de sujet ).

Pour ce qui est du soulignement, vous pouvez le retirer des liens dans les messages avec ce code css ( à mettre dans PA > Affichage > Couleurs > Feuille de style ) :

Code:

.postbody a { text-decoration: none; }

Cordialement.

[newsdurock]

ok merci je viens de faire l'essai mais ça ne marche pas.
j'ai copié-collé le script que tu m'as donné,
remplacé les lignes 2,3,4 des codes par
['Bon scott','/http://music.forumpro.fr/t778-bon-scott-'], [Depeche Mode......etc

en en mettant plusieurs à la suite et j'ai laissé le reste des codes à partir de ]; tel quel.
est-ce comme ça qu'il faut faire ?

[newsdurock]

est-ce que tu peux m'en dire plus stp ?

[Ea]

Oui, mais :

Code:

'/http://music.forumpro.fr/t778-bon-scott-'

ce n'est pas bon, ces façons là seraient bonnes :

Code:

'http://music.forumpro.fr/t778-bon-scott-'

Code:

'/t778-bon-scott-'

Code:

'/t778-'

Cordialement.

[newsdurock]

Code:

var txt_to_url= [
  ['machin priest','/t4-'],
  ['hello world','/t7-'],
  ['jesus comeback','/t5-']
];

function txtToUrlNode(a) {
  if(a.nodeType == 3) {
    for(var b in txt_to_url) {
      if(a.nodeValue.indexOf(txt_to_url[b][0])!=-1) {
        $(a).replaceWith($('<div />').text(a.nodeValue).html().split($('<div />').text(txt_to_url[b][0]).html()).join('<a href="'+txt_to_url[b][1].replace(/"/g,'"').replace(/</g,'<').replace(/>/g,'>')+'">'+$('<div />').text(txt_to_url[b][0]).html()+'</a>'))
      }
    }
  }else {
    if(a.hasChildNodes()) {
      a = a.childNodes;
      for(b = 0;b < a.length;b++) {
        txtToUrlNode(a[b])
      }
    }
  }
}

$(function(){
  $("div.postbody div" + ($("body#phpbb").length ? ".content div" : $("#ipbwrapper").length ? ".post-entry div:not(.clear)" : $("#pun-foot").length ? ".entry-content div div:not(.clear)" : "")).each(function() {
    txtToUrlNode(this)
  })
});

Cordialement.

ok
je les met les uns à la suite des autres avant function txtToUrlNode(a) { ............................ ?

[Ea]

Il faut remplacer le :

Code:

  ['machin priest','/t4-'],
  ['hello world','/t7-'],
  ['jesus comeback','/t5-']

Par des :

Code:

['texte', '/t778-lien']

séparés par des virgules.

[newsdurock]

est-ce que je met le reste des codes ils servent à quoi ? c'est ce que je ne comprend pas ...

[Ea]

Oui.

Ceci sert à indiquer le tableau de texte sur lesquels mettre un lien :

Code:

var txt_to_url= [
  ['machin priest','/t4-'],
  ['hello world','/t7-'],
  ['jesus comeback','/t5-']
];

ceci est une fonction qui va tester tout les textes d'un élément et si il y a un des textes sur lesquels mettre un lien, met ce lien :

Code:

function txtToUrlNode(a) {
  if(a.nodeType == 3) {
    for(var b in txt_to_url) {
      if(a.nodeValue.indexOf(txt_to_url[b][0])!=-1) {
        $(a).replaceWith($('<div />').text(a.nodeValue).html().split($('<div />').text(txt_to_url[b][0]).html()).join('<a href="'+txt_to_url[b][1].replace(/"/g,'"').replace(/</g,'<').replace(/>/g,'>')+'">'+$('<div />').text(txt_to_url[b][0]).html()+'</a>'))
      }
    }
  }else {
    if(a.hasChildNodes()) {
      a = a.childNodes;
      for(b = 0;b < a.length;b++) {
        txtToUrlNode(a[b])
      }
    }
  }
}

et ceci, une fois que la page est ouverte, passe tout les messages de la page à la fonction du dessus :

Code:

$(function(){
  $("div.postbody div" + ($("body#phpbb").length ? ".content div" : $("#ipbwrapper").length ? ".post-entry div:not(.clear)" : $("#pun-foot").length ? ".entry-content div div:not(.clear)" : "")).each(function() {
    txtToUrlNode(this)
  })
});

Cordialement.

[newsdurock]

merci Ea je vais faire des essais même si ça n'est pas très clair pour moi
je te remercie

[Chacha]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif

Bonjour,

Le sujet est mis en archives pour ne pas perdre les explications et codes fournis par EA.


Cordialement.

[Chacha]

Bonjour, Le topic est replacé à la demande de l'auteur du sujet. A bientôt sur ForumActif

[newsdurock]

Bonjour je n'y arrive pas car je ne connais rien aux codes Javascript
mais vu que j'ai bien l'intention d'aller au bout, alors voilà :
J'ai fait des essais je suis bien dans :
Panneau d'adm > Accueil > module > Gestions des codes javascript

j'ai coché : sur les sujets

essai 1 ne fonctionne pas:
var txt_to_url=[
['telephone','http://music.forumpro.fr/t236-telephone-'],
['bon scott','http://music.forumpro.fr/t778-bon-scott-'],
['sortilege','http://music.forumpro.fr/t671-sortilege-'],
['simon & garfunkel','http://music.forumpro.fr/t204-simon-&-garfunkel-']

essai 2 ne fonctionne pas:
var txt_to_url=[
['telephone','/t236-http://music.forumpro.fr/t236-telephone-'],
['bon scott','/t778-http://music.forumpro.fr/t778-bon-scott-'],
['sortilege','/t671-http://music.forumpro.fr/t671-sortilege-'],
['simon & garfunkel','/t204-http://music.forumpro.fr/t204-simon-&-garfunkel-']
];

essai 3 ne fonctionne pas:
var txt_to_url=[
['telephone','/t236-telephone-'],
['bon scott','/t778-bon-scott-'],
['sortilege','/t671-sortilege-'],
['simon & garfunkel','/t204-simon-&-garfunkel-']
];

je n'ai rien mis d'autres pour l'instant, qu'est qui ne va pas dans mes scripts ?
Merci d'utiliser vos meilleurs outils pédagogiques avec moi

[Ea]

Les essais 2 et 3 ont une bonne syntaxe ( le premier il manque un ]; de fermeture, mais il a peut-être été juste oublié dans le copié collé ).

Par contre dans vos scripts il y a ce code html :

Code:

<script type="text/javascript"><!--window.onload=montre;function montre(id){var d=document.getElementById(id);for(var i=1;i<=10;i++){if(document.getElementById('smenu'+i)){document.getElementById('smenu'+i).style.display='none'}}if(d){d.style.display='block'}}</script><style type="text/css"media="screen"><!--body{margin:0;padding:0;background:white;font:80%verdana,arial,sans-serif}dl,dt,dd,ul,li{margin:0;padding:0;list-style-type:none}#menu dl{float:left;width:12em}#menu dt{cursor:pointer;text-align:center;font-weight:bold;background:#ccc;border:1px solid gray;margin:1px}#menu dd{display:none;border:1px solid gray}#menu li{text-align:center;background:#fff}#menu li a,#menu dt a{color:#000;text-decoration:none;display:block;height:100%;border:0 none}#menu li a:hover,#menu li a:focus,#menu dt a:hover,#menu dt a:focus{background:#eee}#site{position:absolute;z-index:1;top:70px;left:10px;color:#000;background-color:#ddd;padding:5px;border:1px solid gray}--></style><div id="menu"><dl><dt onmouseover="javascript:montre();"><a href=""title="Retour à l'accueil">Accueil</a></dt></dl><dl><dt onmouseover="javascript:montre('smenu1');">Menu 1</dt><dd id="smenu1"><ul><li><a href="">Sous-Menu 1.1</a></li><li><a href="">Sous-Menu 1.2</a></li><li><a href="">Sous-Menu 1.3</a></li><li><a href="">Sous-Menu 1.4</a></li><li><a href="">Sous-Menu 1.5</a></li><li><a href="">Sous-Menu 1.6</a></li></ul></dd></dl><dl><dt onmouseover="javascript:montre('smenu2');">Menu 2</dt><dd id="smenu2"><ul><li><a href="">Sous-Menu 2.1</a></li><li><a href="">Sous-Menu 2.2</a></li><li><a href="">Sous-Menu 2.3</a></li><li><a href="">Sous-Menu 2.4</a></li></ul></dd></dl><dl><dt onmouseover="javascript:montre('smenu3');">Menu 3</dt><dd id="smenu3"><ul><li><a href="">Sous-Menu 3.1</a></li><li><a href="">Sous-Menu 3.2</a></li><li><a href="">Sous-Menu 3.3</a></li><li><a href="">Sous-Menu 3.4</a></li><li><a href="">Sous-Menu 3.5</a></li></ul></dd></dl><dl><dt onmouseover="javascript:montre('smenu4');">Menu 4</dt><dd id="smenu4"><ul><li><a href="">Sous-Menu 4.1</a></li><li><a href="">Sous-Menu 4.2</a></li><li><a href="">Sous-Menu 4.3</a></li></ul></dd></dl></div>

dans du javascript on ne peut mettre que du javascript, si on met du html ça causera une erreur dans les scripts.

Pour optimiser, forumactif colle tout les scripts sur "toutes les pages" en un seul script, et votre code html cause donc tout ce script ( consistant de tout les scripts sur "toutes les pages" ) à ne pas fonctionner ^^

Cordialement.

[newsdurock]

ok concrètement que dois-je faire pour que ça marche ?
je ne comprend pas du tout

[Ea]

supprimer ceci que vous avez dans vos fichiers javascript :

Code:

<script type="text/javascript"><!--window.onload=montre;function montre(id){var d=document.getElementById(id);for(var i=1;i<=10;i++){if(document.getElementById('smenu'+i)){document.getElementById('smenu'+i).style.display='none'}}if(d){d.style.display='block'}}</script><style type="text/css"media="screen"><!--body{margin:0;padding:0;background:white;font:80%verdana,arial,sans-serif}dl,dt,dd,ul,li{margin:0;padding:0;list-style-type:none}#menu dl{float:left;width:12em}#menu dt{cursor:pointer;text-align:center;font-weight:bold;background:#ccc;border:1px solid gray;margin:1px}#menu dd{display:none;border:1px solid gray}#menu li{text-align:center;background:#fff}#menu li a,#menu dt a{color:#000;text-decoration:none;display:block;height:100%;border:0 none}#menu li a:hover,#menu li a:focus,#menu dt a:hover,#menu dt a:focus{background:#eee}#site{position:absolute;z-index:1;top:70px;left:10px;color:#000;background-color:#ddd;padding:5px;border:1px solid gray}--></style><div id="menu"><dl><dt onmouseover="javascript:montre();"><a href=""title="Retour à l'accueil">Accueil</a></dt></dl><dl><dt onmouseover="javascript:montre('smenu1');">Menu 1</dt><dd id="smenu1"><ul><li><a href="">Sous-Menu 1.1</a></li><li><a href="">Sous-Menu 1.2</a></li><li><a href="">Sous-Menu 1.3</a></li><li><a href="">Sous-Menu 1.4</a></li><li><a href="">Sous-Menu 1.5</a></li><li><a href="">Sous-Menu 1.6</a></li></ul></dd></dl><dl><dt onmouseover="javascript:montre('smenu2');">Menu 2</dt><dd id="smenu2"><ul><li><a href="">Sous-Menu 2.1</a></li><li><a href="">Sous-Menu 2.2</a></li><li><a href="">Sous-Menu 2.3</a></li><li><a href="">Sous-Menu 2.4</a></li></ul></dd></dl><dl><dt onmouseover="javascript:montre('smenu3');">Menu 3</dt><dd id="smenu3"><ul><li><a href="">Sous-Menu 3.1</a></li><li><a href="">Sous-Menu 3.2</a></li><li><a href="">Sous-Menu 3.3</a></li><li><a href="">Sous-Menu 3.4</a></li><li><a href="">Sous-Menu 3.5</a></li></ul></dd></dl><dl><dt onmouseover="javascript:montre('smenu4');">Menu 4</dt><dd id="smenu4"><ul><li><a href="">Sous-Menu 4.1</a></li><li><a href="">Sous-Menu 4.2</a></li><li><a href="">Sous-Menu 4.3</a></li></ul></dd></dl></div>

[newsdurock]

je supprime ça où stp ? merci

[Ea]

ça doit être dans un de vos codes javascripts ( Index > Panneau d'administration > Modules > HTML & JAVASCRIPT | Gestion des codes Javascript )

donc vous les ouvrez, voyez si il y a quelque chose ressemblant à ce que j'ai mis et si oui le supprimez

[newsdurock]

d'accord je vais chercher, après je colle
var txt_to_url=[
['telephone','http://music.forumpro.fr/t236-telephone-'],
['bon scott','http://music.forumpro.fr/t778-bon-scott-'],
['sortilege','http://music.forumpro.fr/t671-sortilege-'],
['simon & garfunkel','http://music.forumpro.fr/t204-simon-&-garfunkel-']
]

et ça devrais marcher sur toutes les pages du forum ?

[newsdurock]

je viens de supprimer les codes javascript (dans html il n'y en avait pas)
en effet il y avait des codes qui ressemblent à ce que tu as dit,
puis créé nouveau script :
var txt_to_url=[
['telephone','/t236-telephone-'],
['bon scott','/t778-bon-scott-'],
['sortilege','/t671-sortilege-'],
['simon & garfunkel','/t204-simon-&-garfunkel-']
];
ça ne marche toujours pas

[Ea]

Il manque la partie :

Code:

 
function txtToUrlNode(a) {
  if(a.nodeType == 3) {
    for(var b in txt_to_url) {
      if(a.nodeValue.indexOf(txt_to_url[b][0])!=-1) {
        $(a).replaceWith($('<div />').text(a.nodeValue).html().split($('<div />').text(txt_to_url[b][0]).html()).join('<a href="'+txt_to_url[b][1].replace(/"/g,'"').replace(/</g,'<').replace(/>/g,'>')+'">'+$('<div />').text(txt_to_url[b][0]).html()+'</a>'))
      }
    }
  }else {
    if(a.hasChildNodes()) {
      a = a.childNodes;
      for(b = 0;b < a.length;b++) {
        txtToUrlNode(a[b])
      }
    }
  }
}
 
$(function(){
  $("div.postbody div" + ($("body#phpbb").length ? ".content div" : $("#ipbwrapper").length ? ".post-entry div:not(.clear)" : $("#pun-foot").length ? ".entry-content div div:not(.clear)" : "")).each(function() {
    txtToUrlNode(this)
  })
});

Cordialement.

[newsdurock]

ok ok ! merci j'y vais

[newsdurock]

ça marche
mais comment faire pour qu'il ne tienne pas compte
des accents et majuscule ?

[Ea]

Vous pourriez ajouter plusieurs lignes par exemple :

Code:

var txt_to_url=[
  ['telephone','/t236-telephone-'],
  ['Telephone','/t236-telephone-'],
  ['téléphone','/t236-telephone-'],
  ['Téléphone','/t236-telephone-'],
  ['TELEPHONE','/t236-telephone-'],
  ['TÉLÉPHONE','/t236-telephone-'],
  ['bon scott','/t778-bon-scott-'],
  ['Bon Scott','/t778-bon-scott-'],
  ['BON SCOTT','/t778-bon-scott-'],
  ['sortilege','/t671-sortilege-'],
  ['sortilège','/t671-sortilege-'],
  ['simon & garfunkel','/t204-simon-&-garfunkel-']
  ['Simon & Garfunkel','/t204-simon-&-garfunkel-']
];

ou bien ajouter par exemple ce code à la fin du script :

Code:

var ite, new_txt_to_url = [],
    key, new_key;
for (ite in txt_to_url) {
    key = txt_to_url[ite][0].toLowerCase();
    new_txt_to_url.push([key, txt_to_url[ite][1]]);
    // si y'a pas de caractère spécial on ne fait rien
    if (/^[ -~]*$/.test(key)) continue;
    // sinon on retire les accents, et si y'en avait un on duplique l'entrée
    new_key = key.replace(/[àáâãäå]/g, "a").replace(/[èéêë]/g, "e").replace(/[ìíîï]/g, "i").replace(/ñ/g, "n").replace(/[òóôõö]/g, "o").replace(/[ùúûü]/g, "u").replace(/[ýÿ]/g, "y");
    if (key != new_key)
        new_txt_to_url.push([new_key, txt_to_url[ite][1]]);
}
txt_to_url = [];
for (ite in new_txt_to_url) {
    key = new_txt_to_url[ite][0]
    // on ajoute l'entrée en minuscule
    txt_to_url.push([key, new_txt_to_url[ite][1]]);
    // on ajoute l'entrée en majuscule
    if (key.toUpperCase() != key)
        txt_to_url.push([key.toUpperCase(), new_txt_to_url[ite][1]]);
    // on ajoute l'entrée avec une majuscule à chaque première lettre de mot
    new_key = key.replace(/\w\S*/g, function (txt) {
        return txt.charAt(0).toUpperCase() + txt.substr(1);
    });
    if (new_key != key && new_key != key.toUpperCase())
        txt_to_url.push([new_key, new_txt_to_url[ite][1]]);
}

Afin qu'il suffise d'avoir mis :

Code:

var txt_to_url=[
  ['Téléphone','/t236-telephone-'],
  ['bon scott','/t778-bon-scott-'],
  ['sortilège','/t671-sortilege-'],
  ['simon & garfunkel','/t204-simon-&-garfunkel-']
];

Et que ça soit transformé ( grâce au code ajouté à la fin ) en :

Code:

var txt_to_url=[
  ["téléphone","/t236-telephone-"],
  ["TÉLÉPHONE","/t236-telephone-"],
  ["Téléphone","/t236-telephone-"],
  ["telephone","/t236-telephone-"],
  ["TELEPHONE","/t236-telephone-"],
  ["Telephone","/t236-telephone-"],
  ["bon scott","/t778-bon-scott-"],
  ["BON SCOTT","/t778-bon-scott-"],
  ["Bon Scott","/t778-bon-scott-"],
  ["sortilège","/t671-sortilege-"],
  ["SORTILÈGE","/t671-sortilege-"],
  ["Sortilège","/t671-sortilege-"],
  ["sortilege","/t671-sortilege-"],
  ["SORTILEGE","/t671-sortilege-"],
  ["Sortilege","/t671-sortilege-"],
  ["simon & garfunkel","/t204-simon-&-garfunkel-"],
  ["SIMON & GARFUNKEL","/t204-simon-&-garfunkel-"],
  ["Simon & Garfunkel","/t204-simon-&-garfunkel-"]
];

Cordialement.

[newsdurock]

d'accord rajouter le code à la fin sera plus simple pour nous
vu la longue liste qu'on va avoir.

On est bien d'accord , ce script ne viendra pas en conflit avec les liens existant sur le forum ?

+ lorsqu'une nouvelle bio est crée il faudra rajouter le script du nouveau groupe ?