Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

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


2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

MathisB
MathisB
http://www.dixily.fr

MessageMathisB Jeu 30 Avr 2020 - 18:43

  • Version du forum :
    AWESOMEBB
  • Templates modifiés :
    oui
  • Navigateur :
    Autre
Bonsoir,

Je cherche un script qui remplacerait les URL postés par les membres par le titre de la page.
Exemple:
Ce lien:
https://www.milouze14.com/t32265-modernbb-afficher-les-boutons-editer-citer-supprimer-etc-sous-forme-de-texte

Deviendrait automatiquement:
Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte

Merci pour votre aide ^^


Dernière édition par MathisB le Sam 2 Mai 2020 - 20:35, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 30 Avr 2020 - 18:58

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 Valid



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>');
}
});});
MathisB
MathisB
http://www.dixily.fr

MessageMathisB Ven 1 Mai 2020 - 11:56

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
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 1 Mai 2020 - 18:44

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!!!!!!!!!!!!!!
MathisB
MathisB
http://www.dixily.fr

MessageMathisB Ven 1 Mai 2020 - 21:01

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 marreordi

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
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 2 Mai 2020 - 4:11

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 [AWESOMEBB] Remplacer les URL par le titre de la page Sans_t10

300px étant la longueur maximale clin oeil .

MathisB
MathisB
http://www.dixily.fr

MessageMathisB Sam 2 Mai 2020 - 20:34

Bonsoir Phil,

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

A bientôt ! hinhin
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 3 Mai 2020 - 6:20

Hello Mathis,

de rien mon ami.


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil



Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum