Ajout de boutons dans l'éditeur de messages

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

Résolu Ajout de boutons dans l'éditeur de messages

Message par -Méphisto- le Dim 16 Juin 2013 - 19:58

Bonjour.

Est-il possible d'avoir deux liens de plus  dans la fenêtre d'écriture (que ce soit en réponse rapide ou réponse normale), quitte à supprimer des boutons dont je n'aurai aucun usage (date, heure, flash) ?

Comme je gère un forum pédagogique, ce serait un lien vers un dictionnaire des synonymes, un conjugueur, et surtout un vers le Bonpatron (un correcteur d'orthographe qui rappelle juste les règles en cause dans des erreurs détectées)

http://bonpatron.com/
http://www.synonymes.com/
http://dictionnaire.reverso.net/



Soit sous forme de simple lien "Synonymes" et "Bonpatron" ou mieux encore, sous forme de lien boutons/icône, un appelé "D"(pour dictionnaire) , un "S" (synonymes), et un autre appelé "BP" (Bonpatron) par exemple, le sens apparaitrait en entier au passage du curseur) Smile


Les deux plus importants pour eux seraient Bonpatron (bien visible) et synonymes.

Quitte à supprimer des boutons moins utiles, mais sans obligation. Pour un gain de place, surtout en réponse rapide, le mieux serait par la suite que certains de ces boutons moins utilisés se trouvent dans un menu déroulant, comme avant quand il y avait "Autres", afin que la fenêtre "réponse rapide" soit moins encombrée, même avec ces rajouts.

J'espère que c'est à nouveau possible de les rajouter, comme c'était le cas avec l'ancien éditeur.

Merci d'avance à ceux qui se pencheront sur la question. Wink


Dernière édition par -Méphisto- le Jeu 27 Juin 2013 - 19:09, édité 1 fois

-Méphisto-
# Tropactif #

Messages : 1654
Inscrit(e) le : 31/08/2007

http://cafet.1fr1.net/
-Méphisto- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par -Méphisto- le Dim 16 Juin 2013 - 20:18

Heu, je viens de poster le topic il y a quelques minutes et il a déjà plus de 1660 vues Shocked

Soit c'est un bug, soit le sujet intéresse plein de monde Shocked

-Méphisto-
# Tropactif #

Messages : 1654
Inscrit(e) le : 31/08/2007

http://cafet.1fr1.net/
-Méphisto- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par -Méphisto- le Mar 18 Juin 2013 - 16:25

Up bounce

Même si ce n'est que pour mettre le lien sans bouton.

-Méphisto-
# Tropactif #

Messages : 1654
Inscrit(e) le : 31/08/2007

http://cafet.1fr1.net/
-Méphisto- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par demeter1 le Mar 18 Juin 2013 - 16:46

Bonjour Mephisto, je pense que le topic doit intéresser pas mal de monde. A titre perso, je dois réinstaller 5 boutons avec liste déroulante. J'ai beau écumer les divers topics en relation avec l'ajout de nouveaux boutons mais rien ne correspond à ce que je recherche.

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par -Méphisto- le Mer 19 Juin 2013 - 20:42

Oui,  je pense en effet que nous sommes très nombreux à être intéressés (en témoigne le grand nombre de vues sur ce topic avant même qu'il y ait une réponse)

@-Méphisto- a écrit:Up bounce

Même si ce n'est que pour mettre les liens sans bouton.

Smile

-Méphisto-
# Tropactif #

Messages : 1654
Inscrit(e) le : 31/08/2007

http://cafet.1fr1.net/
-Méphisto- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par -Méphisto- le Jeu 20 Juin 2013 - 18:39

Voici les liens que j'avais en plus dans viewtopic body, et qui me mettait des liens en plus dans la fenêtre d'écriture ...

Je les ai mis à la fin du nouveau script (ils étaient quelque part avant la fin), mais en publiant, c'est comme si je n'avais rien ajouté ... Non !

Est-ce à dire que les codes ne fonctionnent plus avec ce nouvel éditeur ?
Ou alors qu'il faut les placer à un endroit précis ?

Code:

<!-- les liens ajoutés --> <a
href="http://bonpatron.com/" target=_blank style="
font-size:10px;color:#000000;"><b>Bonpatron</b></a>

  <a href="http://www.synonymes.com/" target=_blank style="
font-size:10px;color:#000000;"><b>Synonymes</b></a>
  <a href="http://www.linternaute.com/encyclopedie/" target=_blank
style="
font-size:10px;color:#000000;"><b>Dico</b></a>
 <a href="http://www.babelweb.be/babel.acgi$Spc_fr" target=_blank
style="
font-size:10px;color:#000000;"><b>répétitions</b></a>
 <a href="http://kay-smiley.info/index.htm" target=_blank style="
font-size: 10px;color:#000000;"><b>Smileys</b></a>
<!-- fin des liens ajoutés -->

-Méphisto-
# Tropactif #

Messages : 1654
Inscrit(e) le : 31/08/2007

http://cafet.1fr1.net/
-Méphisto- a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par Omuey le Ven 21 Juin 2013 - 16:33

Bonjour,
grâce au message d'Ea (WWW), j'ai su un peu modifier le code pour qu'elle soit adaptée à cette demande Smile
Code:
function clicediteur(lienediteur)
{
window.open(lienediteur);
}



$(function(){$(function(){
 
  $('<a class="sceditor-button sceditor-button-dico" unselectable="on" title="Dictionnaire"><div unselectable="on" style="background-image:url(http://illiweb.com/fa//i/smiles/star3.png)">Dictionnaire</div></a>').insertAfter('.sceditor-button-time').click(function(){
    $('#text_editor_textarea').sceditor("instance").onclick=clicediteur("http://dictionnaire.reverso.net/");
  });
 
})});


$(function(){$(function(){
 
  $('<a class="sceditor-button sceditor-button-syno" unselectable="on" title="Synonymes"><div unselectable="on" style="background-image:url(http://illiweb.com/fa//i/smiles/star3.png)">Synonymes</div></a>').insertAfter('.sceditor-button-dico').click(function(){
    $('#text_editor_textarea').sceditor("instance").onclick=clicediteur("http://www.synonymes.com/");
  });
 
})});


$(function(){$(function(){
 
  $('<a class="sceditor-button sceditor-button-patron" unselectable="on" title="BonPatron"><div unselectable="on" style="background-image:url(http://illiweb.com/fa//i/smiles/star3.png)">BonPatron</div></a>').insertAfter('.sceditor-button-syno').click(function(){
    $('#text_editor_textarea').sceditor("instance").onclick=clicediteur("http://bonpatron.com/");
  });
 
})});

Nouveau code javascript placé sur toutes les pages, donc.
La seule chose qu'il reste à faire, c'est de faire vos 3 images (de préférence de 16px²), de les héberger, et de remplacer les liens "http://illiweb.com/fa//i/smiles/star3.png" par les vôtres.

Omuey
***

Masculin
Messages : 133
Inscrit(e) le : 26/01/2011

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

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par -Méphisto- le Ven 21 Juin 2013 - 17:38

Oh merci merci, je suis fou de joie !!!! cheers

-Méphisto-
# Tropactif #

Messages : 1654
Inscrit(e) le : 31/08/2007

http://cafet.1fr1.net/
-Méphisto- a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par Omuey le Ven 21 Juin 2013 - 17:39

De rien ^^
Passe une bonne soirée Smile

Omuey
***

Masculin
Messages : 133
Inscrit(e) le : 26/01/2011

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

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par -Méphisto- le Ven 21 Juin 2013 - 18:37

En regardant comment se présentaient les codes, j'ai même réussi à créer un nouveau lien pour "Plus de smileys".

Code:
$(function(){$(function(){
 
 $('<a class="sceditor-button sceditor-button-smileys" unselectable="on" title="Smileys +"><div unselectable="on" style="background-image:url(http://illiweb.com/fa//i/smiles/star3.png)">Plus de smileys</div></a>').insertAfter('.sceditor-button-time').click(function(){
    $('#text_editor_textarea').sceditor("instance").onclick=clicediteur("http://kay-smiley.info/");
  });
 
})});

Je suis trop content cheers

Je l'ai mis en tête de codes pour voir si je pouvais modifier l'ordre des "étoiles" servant de lien ... Pourtant, alors que j'ai mis ce lien en premier, il se retrouve être l'étoile n°4 et non la première, alors que son code est mis avant celui des autres dans le javascript.scratch

Y a-t-il un moyen de changer l'ordre des liens ? Smile

Si oui, comment ?

-Méphisto-
# Tropactif #

Messages : 1654
Inscrit(e) le : 31/08/2007

http://cafet.1fr1.net/
-Méphisto- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par Omuey le Ven 21 Juin 2013 - 18:46

L'ordre d'affichage des étoile ne dépends pas de l'ordre du code ^^
En fait, elle dépend en quelque sorte de la class du lien.
La class de ton bouton que tu viens de créer est " sceditor-button sceditor-button-smileys". Chaque bouton à sa propre class. 
En écrivant "insertAfter('.sceditor-button-time'", on indique qu'on veut que notre bouton soit après celui qui a la class .sceditor-button-time. il n'y a que le "time" que l'on change pour change l'ordre des boutons. 
On peut aussi demander de positionner notre bouton avant un autre, et non après, en remplaçant insertAfter par insertBefore.
Il y a moyen de connaitre la class de chaque bouton en analysant le code source de la page ou, plus rapidement, en utilisant une extension comme Firebug. 

J'espère avoir su t'éclairer Smile


Dernière édition par Omuey le Ven 21 Juin 2013 - 20:22, édité 1 fois

Omuey
***

Masculin
Messages : 133
Inscrit(e) le : 26/01/2011

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

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par Fenring le Ven 21 Juin 2013 - 19:46

bonjour,quand je copie/colle ces codes dans la gestion des codes javascript,ça m'affiche une page d'erreur "la connexion a été réinitialisée",
quand j'applique une fonction vide pour lui c'est ok,c'est à dire comme ceci:
Code:
function clicediteur(lienediteur)
{
window.open(lienediteur);
}

$(function(){$(function(){

$('#text_editor_textarea').sceditor("instance").onclick=clicediteur("http://dictionnaire.reverso.net/");
})});
 c'est donc bien la partie avec le div qu'il aime pas.
c'est peut-être lié à ce que mon forum est tout nouveau (en phbb2),il y a-t-il des variables qui doivent être entrées avant ce code?

Fenring
Nouveau membre

Messages : 11
Inscrit(e) le : 18/06/2013

http://testdebidouille.forumactif.org/
Fenring a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par Omuey le Ven 21 Juin 2013 - 20:00

Bonsoir Fering,
C'est vraiment bizarre que ça ne fonctionne pas sur ton forum ._.
Je doute que ça soit le fait que le forum soit "jeune" qui rende le script inutilisable. Au contraire, il est plus (+) à jour que d'autres vieux forums donc avec (théoriquement) moins de bugs.
Le forum sur lequel j'ai testé le script est sous PHPBB2 aussi, donc normalement, le problème ne vient pas de là non plus.
Pourrais-tu poster le script entier qui ne fonctionne pas et me dire si tu as d'autres scripts modifiés ?

Omuey
***

Masculin
Messages : 133
Inscrit(e) le : 26/01/2011

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

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par -Méphisto- le Ven 21 Juin 2013 - 20:13

J'ai remplacé vinsertAfter par vinsertBefore pour ce lien, et au lien de ce trouver en premier, plus aucun des liens ajoutés n'apparaissaient. Tous disparus. J'ai donc supprimé le vinsertBefore pour remettre vinsertAfter, et tout est revenu (pas dans l'ordre souhaité, mais c'est l'essentiel).

La fatigue doit commencer à me jouer des tour. Je verrai cela plus tard.

A moins que ma boulette n'ait une explication simple. Embarassed

-Méphisto-
# Tropactif #

Messages : 1654
Inscrit(e) le : 31/08/2007

http://cafet.1fr1.net/
-Méphisto- a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par Omuey le Ven 21 Juin 2013 - 20:19

Méphisto : Vraiment désolé, c'est moi qui me suis trompé. J'ai fait une faute de frappe que j'ai copié 3 fois x)
Ce n'est pas vinsert mais insert !
ce qui donne donc ceci (le code n'est pas entier, c'est juste la partie avec insert)
Code:
<div unselectable="on" style="background-image:url(http://illiweb.com/fa//i/smiles/star3.png)">Plus de smileys</div></a>').insertBefore('.sceditor-button-bold').click(function(){
Edit : Ah ben je pense que ça bug, en effet. Je teste d'autre codes en même temps donc je ne sais pas dire si mes autres scripts y sont pour quelques choses donc je vais essayer sans les autres codes en tests
Edit² : J'ai trouvé ce qui faisait buguer chez moi, je ne sais pas si c'est le cas chez toi aussi. Il n'y avait pas ces lignes de codes dans le script que tu m'avais fournis (à placer au tout début)
Code:
function clicediteur(lienediteur)
{
window.open(lienediteur);
}

Omuey
***

Masculin
Messages : 133
Inscrit(e) le : 26/01/2011

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

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par -Méphisto- le Ven 21 Juin 2013 - 20:46

Yep, ça marche !!!! Razz

Merci beaucoup Omuey Smile

-Méphisto-
# Tropactif #

Messages : 1654
Inscrit(e) le : 31/08/2007

http://cafet.1fr1.net/
-Méphisto- a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par Omuey le Ven 21 Juin 2013 - 20:47

Encore une fois, de rien ^^
N'hésite pas à me recontacter si tu as besoin d'aide Smile

Omuey
***

Masculin
Messages : 133
Inscrit(e) le : 26/01/2011

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

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par Anzu le Jeu 27 Juin 2013 - 18:33

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par -Méphisto- le Jeu 27 Juin 2013 - 19:09

Encore merci Smile

-Méphisto-
# Tropactif #

Messages : 1654
Inscrit(e) le : 31/08/2007

http://cafet.1fr1.net/
-Méphisto- 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