Bouton smiley dans l'éditeur de message identique à celui du message rapide
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Bouton smiley dans l'éditeur de message identique à celui du message rapide
Détails techniques
Version du forum : ModernBBPoste 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
BonjourExiste-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 ?
Re: Bouton smiley dans l'éditeur de message identique à celui du message rapide
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:
Le titre au survol ici:
Les images seront placées dans cette div( j'ai placé des smileys existants pour les tests) :
Tu peux ajouter autant d'images que tu le souhaites:
Le squelette :
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:
Penses à cliquer sur le bouton VALIDER
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajoutes ceci:
Penses à cliquer sur le bouton
a++
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>
Tu peux ajouter autant d'images que tu le souhaites:
Le squelette :
- Code:
<img class="M14_editorImg"src="LIEN DE L IMAGE"/>
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++
Invité- Invité
Re: Bouton smiley dans l'éditeur de message identique à celui du message rapide
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 » |
Re: Bouton smiley dans l'éditeur de message identique à celui du message rapide
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. |
Sujets similaires
» Intégrer un bouton "smiley" dans l'éditeur de message étendu
» Dissocier l'éditeur de message de celui des réponses rapide
» Balisage automatique et smiley dans un nouveau message
» Est-il possible de supprimer le bouton prévisualiser dans les réponses rapide ?
» Placement d'un bouton animateur comme ceux Aministrateur et Modérateur sur le message rapide
» Dissocier l'éditeur de message de celui des réponses rapide
» Balisage automatique et smiley dans un nouveau message
» Est-il possible de supprimer le bouton prévisualiser dans les réponses rapide ?
» Placement d'un bouton animateur comme ceux Aministrateur et Modérateur sur le message rapide
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum