[AWESOMEBB] Remplacer les URL par le titre de la page

Hello Mathis,


ce script va rechercher toutes les urls postés par tous les membres
quelque soit le statut sur les messages.
Le lien ne sera donc plus cliquable.

Et remplacer par le titre du sujet.


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher  Sur les sujets

Déposer ceci:

Code:


$(function(){
var titre=$('.topic-header h1 a[href^="/t"]').text();
$('div.post-body .post .post-content').find('a[href]:not(:has(>img))').each(function(){
var testurl=$(this).length;
if(testurl){$(this).replaceWith(titre);}});});


Penser a cliquer sur le bouton



Si tu désires garder le lien et remplacer le texte par le titre du sujet,
ce sera ce script:

Code:

$(function(){
var titre=$('.topic-header h1 a[href^="/t"]').text();
$('div.post-body .post .post-content').find('a[href]:not(:has(>img))').each(function(){
var testurl=$(this).length;
var link=$(this).attr('href'); 
if(testurl)
{
$(this).replaceWith('<a href="'+link+'">'+titre+'</a>');
}
});});

D'accord, merci ça fonctionne mais quand je parlais des URL posté par les membres je parlais de tous les types d'URL même extérieur au forum :D

mais quand je parlais des URL posté par les membres je parlais de tous les types d'URL même extérieur au forum :D

Il faut le préciser dans ta demande Mathis car:

Je cherche un script qui remplacerait les URL postés par les membres par le titre de la page.

Ben les urls ne peuvent être postées que dans les messages!!!!!!!!!!!!!!

D'accord, mon message pouvait être compris de plusieurs façons désolé.
Mon but étant de raccourcir les longs liens du coup je pensais à un remplacer les liens par le titre de la page 

Vu que ce n'est pas possible j'aimerais utiliser ce script:

Code:

$(function(){  $(".postbody a").each(function() {    1 == this.childNodes.length && 3 == this.childNodes[0].nodeType && (this.href == this.childNodes[0].nodeValue && 55 < this.childNodes[0].nodeValue.length) && (this.childNodes[0].nodeValue = this.childNodes[0].nodeValue.substr(0, 39) + "…" + this.childNodes[0].nodeValue.substr(-10))  })});

Mais il ne fonctionne pas sur AwesomeBB.
Tu pourrais me le rendre fonctionnelle?

Merci :D

Salut Mathis,

le script que tu mentionnes :
https://forum.forumactif.com/t339898-raccourcir-l-affichage-de-longs-liens#2912716

Revient au même car il est actif sur les messages.

Pour le rendre fonctionnel sur toutes les pages:

Code:


$(function(){
$('a[href]:not(:has(>img))').each(function() {
    1 == this.childNodes.length && 3 == this.childNodes[0].nodeType && (this.href == this.childNodes[0].nodeValue && 55 < this.childNodes[0].nodeValue.length) && (this.childNodes[0].nodeValue = this.childNodes[0].nodeValue.substr(0, 39) + "…" + this.childNodes[0].nodeValue.substr(-10))
  })
});


Attention toutefois, a ne pas réduire de trop la valeur 55 comme mentionné par EA:

   

55 => longueur que le lien doit dépasser pour être raccourci
39 => nombre de caractère à partir du début à mettre avant le …
10 => nombre de caractère à partir de la fin à mettre après le …

Ou cette cette C.S.S qui devrait fonctionner :


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:


a[href^="/t"] ,.post-body .post-content a
{
  display: inline-block;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
}


Penser a cliquer sur le bouton

300px étant la longueur maximale .

Bonsoir Phil,

Un grand merci c'est parfait ! Désolé pour mon premier message qui n'était pas très clair.

A bientôt !

Hello Mathis,

de rien mon ami.