Raccourcissement les liens URL au début du nom de domaine

[Thitest]

Bonjour à tous,
Voilà je connait très bien l'astuce pour raccourcir les liens URL quand ils sont trop longs mais il ne s'agit pas de cela. Voilà sur différents sites internet, dont www.moddb.com, les liens url sont raccourcis de manière à ce que l'on voit apparaître que le début de l'adresse web. Par exemple un lien du style (Pour notre forum) www.phoenix-interactive.net/XXXXXXXX/XXXXXXXXX est raccourcit à Phoenix-interactive.net. Cependant lorsque l'on clique dessus on arrive bien à l'endroit du lien et non à www.phoenix-interactive.net.

En gros voici un exemple très simple:
Les deux images renvoient à un endroit précis mais l'aperçu se limite au début de l'url du site.


Pour un exemple très concret, voici un exemple tout simple.
L'image et son lien complet: https://2img.net/image.noelshack.com/fichiers/2013/32/1375698719-test.png
L'effet souhaité pour le lien: Image.noelshack.com

Vous pouvez le voir aussi ici
http://www.moddb.com/mods/stargatespaceconflict/images/new-dart-model-and-texture#imagebox

Quelqu'un aurait connaissance du script ?
Il s'agit, d'après mes lectures, que les liens sont raccourcis via un script Javascript.

Merci,
Cordialement Thitest.

[Thitest]

Up

[Ea]

J'imagine que l'astuce pourrait être modifiée en quelque chose de ce genre :

Code:

$(function() {
  $(".postbody a").each(function() {
    1 == this.childNodes.length && 3 == this.childNodes[0].nodeType && this.href == this.childNodes[0].nodeValue && (this.childNodes[0].nodeValue = this.childNodes[0].nodeValue.replace(/^.*?\/\/([^\/]+).*$/, "$1"))
  })
});

Cordialement.

[Thitest]

Merci cependant cela ne fonctionne pas.
J'ai regardé comment agit le script de Moddb. Je ne veux aucunement le copier mais je veux trouver comment il fonctionne.

D'après ce que j'ai vu:
Les liens www.xxxxx.xxx ou plus longs sont réduits automatiquement après l'ajout d'un sujet...
Le problème c'est que je ne comprends pas comment l'html est fait...
Il se met comme si qu'une personne avait prit le lien et avait mît comme description le début de l'url.

Exemple:

Code:

[url=http://forum.forumactif.com/t355654-raccourcissement-les-liens-url-au-debut-du-nom-de-domaine]Forum.forumactif.com[/url]

[Ea]

le code devrait fonctionner

sur le forum www.phoenix-interactive.net il y a dans les scripts deux codes html :

Code:

<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create','UA-42098257-1','phoenix-interactive.net');ga('send','pageview');</script>

Code:

<table style="height:350px;width:100%;"><tr><td style="vertical-align:top;text-align:center;width:100%;"><script src="http://www.archive-host.com/files/775966/96de005e35ffd2b9823d2b1d229d90d18341a601/cssllistederoulanteavecnavigateur.js"></script><script src="http://www.archive-host.com/files/775967/96de005e35ffd2b9823d2b1d229d90d18341a601/csslistederoulante.js"></script><!--script du menu--><script type="text/javascript"src="dynMenu.js"></script><!--détéction du navigateur--><script type="text/javascript"src="browserdetect.js"></script><!--liste imbriquée de liens qui fera office de menu--><ul id="menu"><li><a href="#menu1">A propos</a><ul><li><a href="#">Phoenix</a></li><li><a href="#">L'équipe</a><ul><li><a href="#">élément 1</a></li><li><a href="#">élément 2</a></li><li><a href="#">élément 3</a><ul><li><a href="#">élément 1</a></li><li><a href="#">élément 2</a></li><li><a href="#">élément 3</a></li></ul></li></ul></li><li><a href="#">élément 1</a></li><li><a href="#">élément 3</a><ul><li><a href="#">élément 1</a></li><li><a href="#">élément 2</a></li><li><a href="#">élément 3</a></li></ul></li></ul></li><li><a href="#menu2">menu 2</a><ul><li><a href="#">élément 1</a></li><li><a href="#">élément 2</a></li><li><a href="#">élément 3</a></li></ul></li><li><a href="#menu3">menu 3</a><ul><li><a href="#">élément 1</a></li><li><a href="#">élément 2</a></li><li><a href="#">élément 3</a></li></ul></li></ul><script type="text/javascript">initMenu();</script></td></tr></table>

mettre du html dans une page de script, ça va juste causer une erreur et empêcher l'exécution des codes dans le même fichier ( et tout les scripts sur toutes les pages sont placés dans un même fichier dans un but d'optimisation )

ensuite il y a également une erreur de syntaxe dans ce script :

Code:

$(function () {
    var a = ["http://image.noelshack.com/fichiers/2013/27/1372849654-ssc.jpg", "http://image.noelshack.com/fichiers/2013/27/1372849655-mer.jpg", "http://image.noelshack.com/fichiers/2013/27/1372849655-bsg.jpg", "url(" + a[Math.floor(Math.random() * a.length)] + ")")
});

donc il faut le supprimer ou corriger l'erreur

[Thitest]

Étrange... Malgré les réparations le forum n'accepte pas le code. Sinon pour le Google Analytics, ne vous occupez pas de la première page du site. Elle a été créée pour faire fonctionner l'option qui ne voulait marcher auparavant via les balises Meta.

Sinon j'ai réparé et j'ai nettoyé. J'ai même ajouté votre script sur un autre forum avec le même effet... Il ne fonctionne pas...
Je vous recontacte dès dimanche puisque j'ai effectué l'ajout du code depuis ma tablette.

[Thitest]

Je viens de voir pourquoi cela ne fonctionne pas...
Et justement ça m'embête. Ea, j'ai écouté vos idées, j'ai décoché "Sur toutes les pages" et j'ai coché toutes les autres cases et comme par hasard, cela fonctionne. De ce fait, avez-vous une idée pourquoi cela ne fonctionne pas via l'option "Toutes les pages" ? Est-ce à cause de la page HTML utilisée comme page d'accueil ?

Je ne sais pas si je doit ouvrir un sujet pour ça mais comme c'est dû au même problème...

EDIT: Après avoir tout nettoyer parmi mes codes Javascripts, tout re-fonctionne. Merci pour le script !
Vous pouvez verrouiller. Quant à moi je met "Résolu" et je vous accorde un point de remerciement