Bouton smiley dans l'éditeur de message identique à celui du message rapide

2 participants

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

Résolu Bouton smiley dans l'éditeur de message identique à celui du message rapide

Message par foxies Mer 14 Aoû 2019 - 13:34

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour

Existe-t-il un moyen d'inclure au niveau de l'éditeur un bouton "smileys" identique à celui qui existe déjà dans la structure des réponses rapides s'il vous plaît ? Smile
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

Voir le profil de l'utilisateur http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton smiley dans l'éditeur de message identique à celui du message rapide

Message par foxies Ven 16 Aoû 2019 - 6:23

Up Smile
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

Voir le profil de l'utilisateur http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton smiley dans l'éditeur de message identique à celui du message rapide

Message par Invité Ven 16 Aoû 2019 - 8:03

Hello foxies,

ce genre de script pourrait t’intéresser.
Le bouton sur l'éditeur sera placé à gauche du bouton B présent sur l'éditeur.

Il faudra renseigner le lien de l'image qui sera placée sur l'éditeur ici:
Code:
//L IMAGE DU BOUTON SUR L EDITEUR
var M14_img="https://2img.net/i/fa//i/smiles/icon_biggrin.png";

Le titre au survol ici:
Code:
//TEXTE DE L INFOBULLE
var M14_title="Smileys 2";

Les images seront placées dans cette div( j'ai placé des smileys existants pour les tests) :
Code:

<div id="M14_smileys"class="sceditor-dropdown"style="display:none;">
<img class="M14_editorImg"src="https://2img.net/i/fa//i/smiles/lol.gif"/>
<img class="M14_editorImg"src="https://2img.net/i/fa//i/smiles/icon_rr.png"/>
<img class="M14_editorImg"src="https://2img.net/i/fa//i/smiles/icon_flower.png"/>
<img class="M14_editorImg"src="https://2img.net/i/fa//i/smiles/icon_geek.png"/>
<img class="M14_editorImg"src="https://2img.net/i/fa//i/smiles/icon_basketball.gif"/>
<img class="M14_editorImg"src="https://2img.net/i/fa//i/smiles/icon_cheers.png"/>
</div>
Il faut laisser la class "M14_editorImg" présente sur chaque image.
Tu peux ajouter autant d'images que tu le souhaites:

Le squelette :
Code:
<img class="M14_editorImg"src="LIEN DE L IMAGE"/>
Il est impératif de laisser toutes les images dans cette div et que les ouverture/fermeture de balises soient correctes
Sous peine de voir le script inopérant.



Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur toutes les pages.


Déposer ceci:
Code:

$(function(){$(function(){
//L IMAGE DU BOUTON SUR L EDITEUR
var M14_img="https://2img.net/i/fa//i/smiles/icon_biggrin.png";
//TEXTE DE L INFOBULLE
var M14_title="Smileys 2";
$('<a class="sceditor-button M14_SmilieS" unselectable="on"><div  unselectable="on"class="M14_smileys"style="background-image:url('+M14_img+')"title="'+M14_title+'">'+M14_title+'</div></a>
<div id="M14_smileys"class="sceditor-dropdown"style="display:none;">
<img class="M14_editorImg"src="https://2img.net/i/fa//i/smiles/lol.gif"/>
<img class="M14_editorImg"src="https://2img.net/i/fa//i/smiles/icon_rr.png"/>
<img class="M14_editorImg"src="https://2img.net/i/fa//i/smiles/icon_flower.png"/>
<img class="M14_editorImg"src="https://2img.net/i/fa//i/smiles/icon_geek.png"/>
<img class="M14_editorImg"src="https://2img.net/i/fa//i/smiles/icon_basketball.gif"/>
<img class="M14_editorImg"src="https://2img.net/i/fa//i/smiles/icon_cheers.png"/>
</div>').insertBefore('a.sceditor-button-bold');$('.M14_smileys').click(function(){$('#M14_smileys').toggle();});
$('.M14_editorImg').each(function(){$(this).click(function(){var smilYes=$(this).attr('src');
$('#text_editor_textarea').sceditor("instance").insert('[img]'+smilYes+'[/img]\n');
});});})});



Penses à cliquer sur le bouton VALIDER

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:

/*CURSEUR SUR LE BOUTON*/
a.sceditor-button.M14_SmilieS{cursor:pointer;}
/*LE CONTENEUR DES SMILEYS*/
#M14_smileys.sceditor-dropdown
{
margin-top:30px;
width: 150px;
height:100px;
overflow-y: auto;
border:2px solid black;
}
/*CHAQUE IMAGE DANS LE CONTENEUR*/
img.M14_editorImg
{
max-width:16px;
max-height:16px;
float: left;
margin: 2px;
}
a.sceditor-button.M14_SmilieS.disabled div{opacity:1!important;}

Penses à cliquer sur le bouton Bouton smiley dans l'éditeur de message identique à celui du message rapide Sans_t10

a++




Anonymous

Invité
Invité


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

Résolu Re: Bouton smiley dans l'éditeur de message identique à celui du message rapide

Message par Chacha Jeu 22 Aoû 2019 - 9:40

Bouton smiley dans l'éditeur de message identique à celui du message rapide UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 66815
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton smiley dans l'éditeur de message identique à celui du message rapide

Message par Chacha Ven 23 Aoû 2019 - 9:31

Bouton smiley dans l'éditeur de message identique à celui du message rapide 8djze9qBonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est archivé afin de ne pas perdre les réponses apportées.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 66815
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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