Remplacer automatiquement toutes les expressions par une image et un lien

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

Résolu Remplacer automatiquement toutes les expressions par une image et un lien

Message par AlexiSonic le Ven 4 Mar 2011 - 19:20

Bonjour,

Ah ! Ca faisait longtemps que je n'étais pas revenu sur le fofo d'entraide, je suis bien content de le voir en perpétuelle évolution.

Alors, voici mon problème :
Je viens du créer une sorte de petit logo pour un forum. Je connais le fondateur et je suis moi-même administrateur donc j'ai accès au panneau d'administration.
Afin que le logo apparaisse un peu partout sur le forum, je me demandais s'il existait un code qui permettais, au sein des posts, de transformer toute expression "Tails Dreamer" en , soit :
Code:
[url=http://tails-dreamer.jeunforum.com][img]http://i66.servimg.com/u/f66/14/86/16/14/logo2_11.png[/img][/url]

ou

<a href="http://tails-dreamer.jeunforum.com"><img src="http://i66.servimg.com/u/f66/14/86/16/14/logo2_11.png" /></a>
(L'image est un peu grosse, elle sera rétrécie.)

Il me semble qu'il existe un moyen en passant par le système de censure des mots, le problème est que je n'ai pas la place de marquer un texte de remplacement aussi grand.

J'ai vaguement cherché une idée du côté du javascript, malheureusement je n'y connais pas grand chose...

En gros, je cherche un moyen de copier le système de censure, mais sans limite de caractères et avec, si possible, un effet rétroactif.

Le Forum est en PHPBB2 et n'a pas de templates modifiés.

Je vous remercie d'avance. Bonne chance et bonne journée.


Dernière édition par AlexiSonic le Mer 9 Mar 2011 - 18:26, édité 1 fois

AlexiSonic
***

Masculin
Messages : 137
Inscrit(e) le : 28/01/2010

http://tails-dreamer.jeunforum.com/
AlexiSonic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer automatiquement toutes les expressions par une image et un lien

Message par Scipion le Sam 5 Mar 2011 - 1:23

@AlexiSonic a écrit:Afin que le logo apparaisse un peu partout sur le forum

<a href="http://tails-dreamer.jeunforum.com"><img src="https://i66.servimg.com/u/f66/14/86/16/14/logo2_11.png" /></a>[/code]
(L'image est un peu grosse, elle sera rétrécie.)
Bonsoir !

Si j'ai bien compris votre question, veuillez aller sur PA > Général > Forum > Configuration >

Dans "Général" :

Like a Star @ heaven Description du site * > insérez le code et enregistrez.

De cette façon, le logo sera centré, sur la barre des liens et visible sur toutes les pages.

Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer automatiquement toutes les expressions par une image et un lien

Message par AlexiSonic le Sam 5 Mar 2011 - 13:16

Arf... Merci, mais ce n'est pas ce que je cherchais à faire...

Mon but est de faire en sorte que si quelqu'un poste un message dans lequel il y a écrit "Tails Dreamer", dans ce cas cette expression sera automatiquement remplacée par le logo + le lien.

Un peu comme le système de censure des mots, ou comme le principe de smileys.
Voilà, d'un certaine manière, j'aimerais transformer la formule Tails Dreamer en code qui affiche à la fois le logo et le lien vers le forum. Cependant, la censure des mots et les smileys n'offrent pas la possibilité d'afficher ET le lien ET l'image.

Existe-t-il une solution ?

Cordialement

AlexiSonic
***

Masculin
Messages : 137
Inscrit(e) le : 28/01/2010

http://tails-dreamer.jeunforum.com/
AlexiSonic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer automatiquement toutes les expressions par une image et un lien

Message par ge80 le Dim 6 Mar 2011 - 13:04

Bonjour


Je vous ai fait un script qui réalise ceci dans les messages.

Savez-vous créer une page html et l'utiliser ?



Cordialement,

Ge

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer automatiquement toutes les expressions par une image et un lien

Message par AlexiSonic le Lun 7 Mar 2011 - 12:10

Bonjour,

Heu... Je sais créer une page HTML, retrouver l'ID et son adresse et donc l'insérer dans un code si on me le demande. Mes connaissances s'arrêtent plus ou moins là.

Je suis intéressé par le script en tout cas. Quel est-il et comment l'insérer ?

Merci d'avance,

AlexiSonic
***

Masculin
Messages : 137
Inscrit(e) le : 28/01/2010

http://tails-dreamer.jeunforum.com/
AlexiSonic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer automatiquement toutes les expressions par une image et un lien

Message par ge80 le Lun 7 Mar 2011 - 12:27

OK, je prépare un mini tutoriel pour demain (ou ce soir).

Pouvez-vous me préparer une image à la bonne taille pour que je fasse des essai d'insertion dans du texte et regarder les déformations éventuelles ?

Et si vous avez un texte à me fournir alors cela serait la méthode de test la plus efficace.

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer automatiquement toutes les expressions par une image et un lien

Message par AlexiSonic le Lun 7 Mar 2011 - 13:00

Merci beaucoup ! cheers

Alors, prenons comme image celle-ci (sera-t-il possible de changer plus tard si je change de logo ?) :

Et imaginons un petit texte comme ça (imaginé pour qu'il y ait différentes situations à envisager, le fond n'étant pas tellement réfléchi) :

Bonjour et Bienvenue sur Tails Dreamer !
Sur Tails Dreamer, actu et activités à gogo !
Mais au fait, pourquoi le forum s'appelle-t-il "Tails Dreamer" ? Parce que c'est un forum à la fois pour les fans de Tails et de l'univers de Sonic !
Notre but : faire naître la légende du fofo Sonic Dreamer.
Passe de bons moments parmi nous sur Tails Dreamer.

Ca peut aller comme texte d'essai ?

AlexiSonic
***

Masculin
Messages : 137
Inscrit(e) le : 28/01/2010

http://tails-dreamer.jeunforum.com/
AlexiSonic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer automatiquement toutes les expressions par une image et un lien

Message par Ea le Mar 8 Mar 2011 - 3:56

Bonjour,


Sinon en raccourcissant il y a bien la place dans la censure, par exemple :

Code:
<a href=/><img src=http://bit.ly/heXfLq></a>
Pour ce qui est de changer il y aurait moyen en utilisant un site d'upload permettant de réuploader une autre image à la même adresse ( archive-host par exemple ).

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer automatiquement toutes les expressions par une image et un lien

Message par ge80 le Mar 8 Mar 2011 - 8:48

Bonjour AlexiSonic

La solution proposée par Etana est-elle celle que vous recherchez?
Dans ce cas j'arrête l'édition du tuto (c'est long à faire Wink )

Ge

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer automatiquement toutes les expressions par une image et un lien

Message par AlexiSonic le Mar 8 Mar 2011 - 12:30

Bonjour

scratch L'idée d'Etana était très bonne, malheureusement je parviens pas à raccourcir suffisamment le chemin d'accès à l'image. De plus, si je me souviens bien l'effet n'est pas rétroactif.
cheers Merci quand même beaucoup ! La solution reste intéressante si je trouve un moyen de raccourcir le chemin d'accès à mon image.

Cependant, si cela ne vous embête pas et ne vous prend pas trop de temps (c'est loin d'être une urgence en ce moment), je veux bien que le tuto voit le jour. Smile

Merci d'avance et bonne journée

AlexiSonic
***

Masculin
Messages : 137
Inscrit(e) le : 28/01/2010

http://tails-dreamer.jeunforum.com/
AlexiSonic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer automatiquement toutes les expressions par une image et un lien

Message par Ea le Mar 8 Mar 2011 - 12:47

L'exemple que je donne c'est avec un lien vers l'index du forum et votre image =D


Cordialement.

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer automatiquement toutes les expressions par une image et un lien

Message par ge80 le Mar 8 Mar 2011 - 12:56

Voici le résultat avec votre exemple



Est-ce correct ? N'est-ce pas trop grand ?

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer automatiquement toutes les expressions par une image et un lien

Message par AlexiSonic le Mar 8 Mar 2011 - 15:08

Etana : Oups ! Je n'avais pas compris... Mais l'effet n'est pas rétroactif je crois ? Je vais essayer la solution de Ge80. Merci tout de même. Very Happy

Ge80 : Ca me convient. C'est très rare que l'expression Tails Dreamer apparaisse plus d'une fois dans un post, donc je ferais avec.

J'apprécie grandement votre aide !

Bonne journée

AlexiSonic
***

Masculin
Messages : 137
Inscrit(e) le : 28/01/2010

http://tails-dreamer.jeunforum.com/
AlexiSonic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer automatiquement toutes les expressions par une image et un lien

Message par ge80 le Mar 8 Mar 2011 - 18:57

OK

Donc "tuto" disponible demain en début de matinée.

Solution avec script



-Définition du script.

Page HTML

1° Une nouvelle page:


On se dirige vers (1)



On clique sur créer une nouvelle page (2).






Placer le script
2°-> Codage:


Sélectionner le code et copier dans le presse papier

Code:

jQuery(document).ready(function()  {
      var divst = document.getElementsByTagName('div');
      for (i=0; i<divst.length; i++){
          if(divst[i] != null && divst[i].className == 'postbody'){
            chainex = new String('Tails Dreamer');
            reg = new RegExp(chainex, 'g');
            lecontenu = divst[i].innerHTML;
            lenouveaucontenu = lecontenu.replace(reg,'<img src="http://bit.ly/heXfLq"/>');
            if(lecontenu != lenouveaucontenu){
                divst[i].innerHTML = lenouveaucontenu;
            }
 
          }
      }
    });

Remplir les champs



et coller le code

puis enregistrer


Enregistrement

3° On obtient l'ID:



Bien noter votre ID ou numéro (devrait être le 1 si vous n'avez pas d'autres pages HTML


Utiliser la page

4° charger la page:



Si votre ID n'est pas 1 alors changer le 1 dans le code à copier

Code:

<script src=/h1-></script>

On va vers cette action



On colle le code dans le champ description.





Essais définitifs
Validation de la mise en forme automatique ou censure Wink

Création d'un nouveau sujet

Utiliser la page
5° Nouveau sujet :


Votre texte de test dans un nouveau sujet pour valider le script
Ce qui donne dans le sujet
Et on visualise après enregistrement :

C'est terminé sunny


conclusion: Le code du message est non modifié.
C'est seulement lors de l'affichage que votre page sera modifiée

A votre disposition pour des explications complémentaires.
ge










ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer automatiquement toutes les expressions par une image et un lien

Message par AlexiSonic le Mer 9 Mar 2011 - 18:25

Ma-gni-fique. Tout fonctionne et je me suis débrouillé pour avoir le lien en plus. Je vous remercie infiniment (sauf que je ne peux cliquer qu'une seule fois sur merci ), surtout que je n'ai même pas eu besoin de uper une seule fois (preuve de vos réponses supersoniques !) et que le résultat est impeccable.

Merci encore ! Problème résolu !

AlexiSonic
***

Masculin
Messages : 137
Inscrit(e) le : 28/01/2010

http://tails-dreamer.jeunforum.com/
AlexiSonic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer automatiquement toutes les expressions par une image et un lien

Message par ge80 le Mer 9 Mar 2011 - 18:28

Embarassed mais ceci fait plaisir.

Bonne soirée
victoire

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

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


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