[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter

Bonjour à tous,
Les habitués de Twitter connaissent ce système qui permet tout simplement de  signaler des mots-clés ou des sujets dans un Tweet. Il a été créé par les utilisateurs de Twitter comme moyen permettant de catégoriser les messages afin de faciliter les recherches.


Grâce au script et au bouton vous pourrez placer le symbole # devant un mot afin de permettre aux membres de trouver plus facilement tous les sujets qui contiennent le mot clef.

Admettons par exemple que vous souhaitiez orientez les membres vers tous les sujets traitant de musa basjoo dans cette phrase : Musa basjoo est un bananier résistant.

Vous placez le symbole # devant basjoo en cliquant sur le bouton

Ce qui donne :

Musa #basjoo est un bananier résistant.  (le mot basjoo devient ainsi un lien qui va rediriger le membre vers une liste contenant  tous les sujets traitant de musa basjoo).



Le codage
Pour le bouton

A placer dans la gestion des javascripts sur "toutes les pages"

le script du bouton qui apparaitra après le bouton quote.

Code:

$(function(){$(function(){
 
 $('<a class="sceditor-button" unselectable="on" title="Hastag"><div unselectable="on" style="background-image:url(http://i55.servimg.com/u/f55/11/93/85/24/hastag10.gif)">Hastag</div></a>').insertAfter(' .sceditor-button-quote ').click(function(){
    $('#text_editor_textarea').sceditor("instance").insertText(" #");
  });
 
})});

A placer dans la gestion des javascripts sur "sujets"

Le js

Code:


 $(function () {
$("table.forumline div.postbody div, div.postbody div.content, div.postbody div.entry-content, div.postbody div.post-entry").each(function () {
var txt = $(this).html();
var bb = false;
txt = txt.replace(/.?#[\wçñáéíóúàèìòùäëïöü]*/gi, function (s) {
var b0 = /[>\s]/.test(s.charAt(0)) && s.length > 2;
var b1 = /^#\d+$/.test(s.substring(1));
var b2 = /^#(?:[0-9a-fA-F]{3}){1,2}$/.test(s.substring(1));
if (b0 && !(b1 || b2)) {
bb = true;
return (s.substring(0, 2)) + '<a href="/search?search_keywords=' + escape(s.substring(2)) + '">' + s.substring(2) + '</a>';
} else {
return s;
}
});
if (bb) {
$(this).html(txt);
$("body script:contains('resize_images')").each(function () {
eval($(this).text());
});
}
});
});

Les modifications que vous pouvez apporter au script

Dans celui du bouton
1/remplacez

Code:

http://i55.servimg.com/u/f55/11/93/85/24/hastag10.gif

par le lien du bouton que vous souhaitez

2/Modifier l'emplacement du bouton en rectifiant cette portion du script

Code:

.sceditor-button-quote

Pas de modification à faire sur le js.

Très très intéressant merci à toi fasccularia    .
Une petite question tout de même, le bouton hastag apparaît que sur la réponse rapide c'est normal ?

Je vais tester cette option  

Bonjour titus. Si tu veux que le bouton apparaisse y compris sur le message étendu, il suffit de mettre le script du boutton sur toutes les pages.

Ok merci une autre petite question installation réussit le mot prend bien la forme d'un lien mais celui-ci me dirige sur aucun message

Il faut cliquer sur le mot. Au clic, le sytème active la fonction recherche au niveau des titres des topics. Si aucun mot n'est présent , tu auras une fenêtre d'alerte qui te spécifiera que la recherche n'a rien donné.

Dans l'exemple donné plus haut avec le mot basjoo, voila ce qui s'affiche sur mon fofo en cliquant sur basjoo



Si le script n'agit pas de ton côté, je ne vois que deux solutions :
1 tu as un autre script qui bloque celui ci
2 tu as placé les deux scripts sur toutes les pages.

Dans ton cas le js doit être placé sur "sujets" et le script du bouton "sur toutes les pages". Il faut donc diviser les deux scripts.

 Stéphane,
merci pour ce partage je viens de tester les 2 scripts
et le fait de déposer un texte quelconque après le hastag
ne donne rien sur mon forum de test (au clic ) .  

  bonne soirée et à demain   .

Bon, je viens de tourner et retourner l'affaire dans tous les sens pendant plus d'une heure.

Le script fonctionne de mon côté sur mon forum et mon forum test.

Pour ce dernier, j'ai crée deux messages  contenant dans le titre " basjoo" et le lien constitué en installant le hastag me redirige bien vers une liste de recherche contenant le mot basjoo.

Sur ce même message, j'ai créé un hastag avec le mot politique. Le hastag me redirige bien vers une fenêtre qui me spécifie : Aucun message ou sujet ne correspond à vos critères de recherche

Le soucis que vous rencontrez avec l'utilisation de ce script est il lié au navigateur ??? possible. De mon côté, je suis sous Opera dernière version.

Avez vous un autre script qui interfère avec la fonction recherche ou avec le fonctionnement des liens ???

Je vous  donne un compte membre sur mon forum test qui est en phpbb2 et,qui est vierge de toute modification. Cela vous permettra de voir comment fonctionne le script.

Le forum est également ouvert aux invités ; en vous donnant un accès , cela vous permettra de voir que le script fonctionne aussi bien en tant que membre qu'en invité.

pseudo : demeter
mot de passe : demeter123

Lien du forum
http://forumessai2.forumactif.org/

lien du topic où se trouve le hastag
http://forumessai2.forumactif.org/t4-test-12313132132131

Faites un essai et dites moi si cela fonctionne de votre côté.

 Stéphane,

si le script fonctionne avec Opera il doit fonctionner avec tous les autres navigateurs
car il est assez capricieux ce petit   .

Edit:


quand on ne lit as assez voilà ce qui arrive   :

  

Admettons par exemple que vous souhaitiez orientez les membres vers tous les sujets traitant de musa basjoo dans cette phrase : Musa basjoo est un bananier résistant.
Vous placez le symbole # devant basjoo en cliquant sur le bouton

Il faut que le Hastag soit placé obligatoirement entre deux mots:

Code:

#milouze

ne fonctionne pas

Code:

Milouze #milouze

fonctionne   

Désolé Stéphane pour le dérangement   

Je viens de re-tester, fonctionne également avec #milouze mais il faut un espace avant#.

Je viens de modifier le js du bouton pour inclure l'espace avant le # au cas ou le hastag serait utisé sans qu'il y ait un mot avant.

 ok merci Stéphane   .

 Philippe. je me suis foulé, j'ai rajouté juste un espace  clavier avant #   

Comme quoi un peu d'espace ouvre de grandes portes (philosophie à deux balles; désolé de si bon matin, je ne peux faire mieux) :jkzlsh: :jkzlsh:

  on voit l'âme du grand poète Stéphane   

merci pour ce tuto , on va tester ça sur notre fofo  

Merci !!!

Merci je vais tester ça!

Bonsoir,

Alors je trouve que cette idée est fantastique, je trouve que c'est une excellent idée, je vais la mettre en place sur mes deux forums.

Merci aux créateurs de ce forum, de nous proposer des idées qui sont vraiment bien. Ce que je dis, je le penses.

Bonne soirée
Romain

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !