Derniers sujets*
» [TOUTES VERSIONS]Mise en place automatique décorations
par clost Dim 21 Fév 2021 - 11:37

» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04

» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par fred9545 Mar 2 Fév 2021 - 21:03

» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13

» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31

» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29

» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04

» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48

» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43

» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39

» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17

» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51

» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48

» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22

» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26

» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27

» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53

» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32

» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36

Les statistiques du forum
Nous avons 458 membres enregistrés

L'utilisateur enregistré le plus récent est cin

Nos membres ont posté un total de 24029 messages dans 1229 sujets

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

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

fascicularia
fascicularia
Milouzien

Messagefascicularia Ven 7 Mar 2014 - 18:32

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 [TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Hastag10vous 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 [TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Hastag10

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.




Voila, c'est tout pour le moment clin oeil .
Un soucis direction l'entraide hinhin
https://www.milouze14.com/f14-entraide-forumactif



Dernière édition par fascicularia le Mar 16 Déc 2014 - 19:49, édité 4 fois
Anonymous
Invité
Invité

MessageInvité Ven 7 Mar 2014 - 18:46

Très très intéressant merci à toi fasccularia   super .
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  tape la
fascicularia
fascicularia
Milouzien

Messagefascicularia Ven 7 Mar 2014 - 19:33

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.
Anonymous
Invité
Invité

MessageInvité Ven 7 Mar 2014 - 19:37

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
fascicularia
fascicularia
Milouzien

Messagefascicularia Ven 7 Mar 2014 - 20:07

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

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

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.


Dernière édition par fascicularia le Jeu 11 Déc 2014 - 1:01, édité 2 fois
Milouze14
Milouze14
Fondateur

MessageMilouze14 Ven 7 Mar 2014 - 20:19

coucou 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 ) .  oups

 coucou bonne soirée et à demain  clin oeil .


NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES

Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
fascicularia
fascicularia
Milouzien

Messagefascicularia Sam 8 Mar 2014 - 1:17

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

MessageMilouze14 Sam 8 Mar 2014 - 5:34

coucou Stéphane,

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

Edit:


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

 regardeplusbas 

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  super 

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


NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES

Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
fascicularia
fascicularia
Milouzien

Messagefascicularia Sam 8 Mar 2014 - 6:05

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

MessageMilouze14 Sam 8 Mar 2014 - 6:07

super ok merci Stéphane  clin oeil .


NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES

Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
fascicularia
fascicularia
Milouzien

Messagefascicularia Sam 8 Mar 2014 - 6:12

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

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

MessageMilouze14 Sam 8 Mar 2014 - 6:15

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


NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES

Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Ptidav
Ptidav
Milouzien

MessagePtidav Mar 8 Juil 2014 - 8:39

merci pour ce tuto , on va tester ça sur notre fofo  tape la
avatar
ThunderTB
Milouzien

MessageThunderTB Lun 8 Sep 2014 - 21:25

Merci !!!
WyvernNE
WyvernNE
Milouzien

MessageWyvernNE Ven 26 Sep 2014 - 11:37

Merci je vais tester ça!
Anonymous
Invité
Invité

MessageInvité Ven 26 Sep 2014 - 19:30

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
avatar
petit coq
Milouzien

Messagepetit coq Ven 2 Juin 2017 - 21:08

Merci beaucoup !
Sick.l.Offrande
Sick.l.Offrande
Milouzien

Avertissement : 40/100

MessageSick.l.Offrande Ven 2 Fév 2018 - 18:13

Merci beaucoup !
Ptite_Perle
Ptite_Perle
Milouzien

MessagePtite_Perle Mar 15 Mai 2018 - 20:49

Merci beaucoup !
avatar
gigi60
Milouzien

Messagegigi60 Mer 6 Mar 2019 - 14:21

Merci beaucoup !
fred9545
fred9545
Milouzien

Messagefred9545 Mer 6 Mar 2019 - 18:12

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité Sam 9 Mar 2019 - 10:36

Merci beaucoup !

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

Sujets similaires internes ( 0 )
Aucun sujet

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