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

[foxies]

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 ?

[foxies]

Up

[Invité]

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

a++

[Chacha]

Bonjour, 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]

Bonjour, 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.