Connexion

Récupérer mon mot de passe

Derniers sujets
» [AwesomeBB] Profils en onglets
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Clock-10Aujourd'hui à 19:01 par Milouze14

» [PhpBB2] Changer le lien d'une image par une icone font awesone
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Clock-10Aujourd'hui à 16:14 par fascicularia

» Test d'intelligence des politiciens-(e) histoire blagounette
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Clock-10Aujourd'hui à 9:22 par Quad Daniel

» histoire du Jour sans fin
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Clock-10Aujourd'hui à 9:11 par Quad Daniel

» Règlement de l'entraide Forumactif
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Clock-10Hier à 11:42 par BADLANDS

» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Clock-10Mer 21 Aoû 2019 - 12:14 par MathisB

» *RESOLU*[AwesomeBB] Barre de progression sur la page - AwesomeBB
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Clock-10Mar 20 Aoû 2019 - 21:17 par Milouze14

» *RESOLU*[PhpBB2] Insérer la valeur d'un champ personnalisé dans une page HTML
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Clock-10Mar 20 Aoû 2019 - 19:11 par Milouze14

» *CORBEILLE*[PhpBB2] Récupérer la valeur d'un input
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Clock-10Lun 19 Aoû 2019 - 18:42 par Milouze14

» *RESOLU*[PhpBB3] Prévisualisation directe
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Clock-10Ven 16 Aoû 2019 - 11:06 par Milouze14

» *RESOLU*[PhpBB2] l'image s'éclairci dans le codage
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Clock-10Lun 12 Aoû 2019 - 6:30 par Milouze14

» *RESOLU*[PhpBB2] Vérifier valeur dans InArray (Jquery)
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Clock-10Sam 10 Aoû 2019 - 6:24 par Milouze14

» *RESOLU*[PhpBB2] Récupérer valeur checkbox
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Clock-10Jeu 8 Aoû 2019 - 4:17 par Milouze14

» [Toutes versions] Utiliser les variables utilisateur/forum
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Clock-10Mer 31 Juil 2019 - 19:36 par photoclic

» *RESOLU*[PhpBB2] Encadrement des photos dans le .preview .postbody
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Clock-10Mer 31 Juil 2019 - 19:19 par Milouze14

» *RESOLU*[PhpBB3] Nombre de messages et membres su qeel
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Clock-10Mer 31 Juil 2019 - 17:01 par no_way

» *RESOLU*[PhpBB2] Prévisualisation en direct
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Clock-10Lun 29 Juil 2019 - 17:42 par Milouze14

» *RESOLU*[PhpBB2] La version web ne s'affiche pas sur "mon" IPAD.
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Clock-10Ven 26 Juil 2019 - 19:51 par Milouze14

» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Clock-10Dim 21 Juil 2019 - 6:07 par Milouze14

» [Toutes versions]Remplacer les icônes de l'éditeur par des icônes FontAwesome
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Clock-10Sam 20 Juil 2019 - 11:23 par Morane

[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 le 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).

-Astuce des Forums Milouze14&Compagnie-





  • Astuce postée par:
    Réponse automatique:

    Merci de cliquer ici pour voir le message

Pour toute information,merci de contacter un Membre du Staff
[TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter Staff10

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/f108-entraide-tous-supports


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

MessageInvité le 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 le 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é le 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 le 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 le 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 .
fascicularia
fascicularia
Milouzien

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

Messagefascicularia le 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 le Sam 8 Mar 2014 - 6:07

super ok merci Stéphane  clin oeil .
fascicularia
fascicularia
Milouzien

Messagefascicularia le 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 le Sam 8 Mar 2014 - 6:15

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

MessagePtidav le Mar 8 Juil 2014 - 8:39

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

MessageThunderTB le Lun 8 Sep 2014 - 21:25

Merci !!!
WyvernNE
WyvernNE
Milouzien

MessageWyvernNE le Ven 26 Sep 2014 - 11:37

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

MessageInvité le 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
petit coq
petit coq
Milouzien

Messagepetit coq le Ven 2 Juin 2017 - 21:08

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

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

Merci beaucoup !
Ptite_Perle
Ptite_Perle
Milouzien

MessagePtite_Perle le Mar 15 Mai 2018 - 20:49

Merci beaucoup !
choupette60
choupette60
Milouzien

Messagechoupette60 le Mer 6 Mar 2019 - 14:21

Merci beaucoup !
fred9545
fred9545
Milouzien

Messagefred9545 le Mer 6 Mar 2019 - 18:12

Merci beaucoup !
HeroxAquariophile
HeroxAquariophile
Milouzien

MessageHeroxAquariophile le Sam 9 Mar 2019 - 10:36

Merci beaucoup !

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