Rajout de boutons personnalisé avec liste déroulante sur le nouvel éditeur
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 3 sur 3 • Partagez
Page 3 sur 3 • 1, 2, 3
Rajout de boutons personnalisé avec liste déroulante sur le nouvel éditeur
Rappel du premier message :
Bonjour à tous,
L'ancien éditeur permettait le rajout de boutons personnalisés en passant par les templates.
La dernière mise à jour ayant anéanti d'un coup de nombreux boutons, j'aimerai savoir s'il est possible d'en rajouter avec ce nouvel éditeur.
Merci par avance pour vos réponses
Bonjour à tous,
L'ancien éditeur permettait le rajout de boutons personnalisés en passant par les templates.
La dernière mise à jour ayant anéanti d'un coup de nombreux boutons, j'aimerai savoir s'il est possible d'en rajouter avec ce nouvel éditeur.
Merci par avance pour vos réponses
Dernière édition par demeter1 le Sam 5 Oct 2013 - 0:32, édité 7 fois
Re: Rajout de boutons personnalisé avec liste déroulante sur le nouvel éditeur
up du troisième mois.
Re: Rajout de boutons personnalisé avec liste déroulante sur le nouvel éditeur
Salut Stéphane,
j'ai bien un truc mais c'est assez lourd mon ami .
Je te le donne tout de même :
Modules/HTML&JAVASCRIPT/
Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Dans le template:posting_body
Affichage/Templates/Poster et messages privés/posting_body
Recherches ligne 211 environ :
Il ne restera plus qu'a attribuer les droits mon ami
a++
j'ai bien un truc mais c'est assez lourd mon ami .
Je te le donne tout de même :
Modules/HTML&JAVASCRIPT/
Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
- Code:
$(function(){
$(function(){
$('#M14_bloc_deroulant').insertAfter('.sceditor-button-source');
})});
$(function () {
$('#M14_bloc_deroulant li ul').hide().removeClass('fallback');
$('#M14_bloc_deroulant li').hover(function () {
$('ul', this).stop().slideToggle(400);
});
});
$(function(){
$(function(){
$('<a class="sceditor-button" unselectable="on" title="LE TITRE AU SURVOL DU BOUTON">
<div unselectable="on" style="background-image:none !important"></div>
<span>Xata</span>
</a>')
.appendTo('#M14_bloc_deroulant li.M14_soustitre1 ').click(function()
{
$('#text_editor_textarea').sceditor("instance")
.insert("[Xata]","[/Xata]");
});
})
});
$(function(){
$(function(){
$('<a class="sceditor-button" unselectable="on" title="LE TITRE AU SURVOL DU BOUTON">
<div unselectable="on" style="background-image:none !important"></div>
<span>Hydra</span>
</a>')
.appendTo('#M14_bloc_deroulant li.M14_soustitre2 ').click(function()
{
$('#text_editor_textarea').sceditor("instance")
.insert("[Hydra]","[/Hydra]");
});
})
});
$(function(){
$(function(){
$('<a class="sceditor-button" unselectable="on" title="LE TITRE AU SURVOL DU BOUTON">
<div unselectable="on" style="background-image:none !important"></div>
<span>Présentation</span>
</a>')
.appendTo('#M14_bloc_deroulant li.M14_soustitre3 ').click(function()
{
$('#text_editor_textarea').sceditor("instance")
.insert("[Presentation]","[/Presentation]");
});
})
});
$(function(){
$(function(){
$('<a class="sceditor-button" unselectable="on" title="LE TITRE AU SURVOL DU BOUTON">
<div unselectable="on" style="background-image:none !important"></div>
<span>Charte</span>
</a>')
.appendTo('#M14_bloc_deroulant li.M14_soustitre4 ').click(function()
{
$('#text_editor_textarea').sceditor("instance")
.insert("[Charte]","[/Charte]");
});
})
});
$(function(){
$(function(){
$('<a class="sceditor-button" unselectable="on" title="LE TITRE AU SURVOL DU BOUTON">
<div unselectable="on" style="background-image:none !important"></div>
<span>Titre</span>
</a>')
.appendTo('#M14_bloc_deroulant li.M14_soustitre5 ').click(function()
{
$('#text_editor_textarea').sceditor("instance")
.insert("[Titre]","[/Titre]");
});
})
});
$(function(){
$(function(){
$('<a class="sceditor-button" unselectable="on" title="LE TITRE AU SURVOL DU BOUTON">
<div unselectable="on" style="background-image:none !important"></div>
<span>Verrou</span>
</a>')
.appendTo('#M14_bloc_deroulant li.M14_soustitre6 ').click(function()
{
$('#text_editor_textarea').sceditor("instance")
.insert("[Verrou]","[/Verrou]");
});
})
});
$(function(){
$(function(){
$('<a class="sceditor-button" unselectable="on" title="LE TITRE AU SURVOL DU BOUTON">
<div unselectable="on" style="background-image:none !important"></div>
<span>Modération</span>
</a>')
.appendTo('#M14_bloc_deroulant li.M14_soustitre7 ').click(function()
{
$('#text_editor_textarea').sceditor("instance")
.insert("[Moderation]","[/Moderation]");
});
})
});
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
- Code:
#M14_bloc_deroulant {background:transparent;float:right;height:20px;margin-top:-5px;}
#M14_bloc_deroulant ul {text-align:center;}
#M14_bloc_deroulant ul li {display:inline;}
#M14_bloc_deroulant ul li a {display:block;}
#M14_bloc_deroulant ul li ul
{
position:absolute;
background:#FFF;
width:80px;
padding:2px 30px 10px 10px;
border:1px solid #666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#M14_bloc_deroulant ul li ul li.M14_soustitre1 ,
#M14_bloc_deroulant ul li ul li.M14_soustitre2 ,
#M14_bloc_deroulant ul li ul li.M14_soustitre3 ,
#M14_bloc_deroulant ul li ul li.M14_soustitre4 ,
#M14_bloc_deroulant ul li ul li.M14_soustitre5 ,
#M14_bloc_deroulant ul li ul li.M14_soustitre6 ,
#M14_bloc_deroulant ul li ul li.M14_soustitre7
{
margin:0;
padding:0;
width:80px;
height:20px;
float:left;
}
#M14_bloc_deroulant ul li ul li a.sceditor-button
{display:inline;padding:2px ;color:#444;font-size:11px;text-decoration:none!important;}
#M14_bloc_deroulant ul li ul li:hover a.sceditor-button {background:transparent;}
#M14_bloc_deroulant ul li ul.fallback {display:none;padding:2px;}
#M14_bloc_deroulant ul li:hover ul.fallback {display:block;}
#M14_bloc_deroulant a.sceditor-button:hover {box-shadow:none!important;}
Dans le template:posting_body
Affichage/Templates/Poster et messages privés/posting_body
Recherches ligne 211 environ :
- Code:
<td class="row2" valign="top"><span class="genmed"></span>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
- Code:
<div id="M14_bloc_deroulant">
<ul>
<li>
<a href="#"><img src="LE LIEN DE L IMAGE"/></a>
<ul class="fallback">
<li class="M14_soustitre1"></li>
<li class="M14_soustitre2"></li>
<li class="M14_soustitre3"></li>
<li class="M14_soustitre4"></li>
<li class="M14_soustitre5"></li>
<li class="M14_soustitre6"></li>
<li class="M14_soustitre7"></li>
</ul>
</li>
</ul>
</div>
Il ne restera plus qu'a attribuer les droits mon ami
a++
Dernière édition par Milouze14 le Ven 4 Oct 2013 - 16:48, édité 1 fois
Invité- Invité
Re: Rajout de boutons personnalisé avec liste déroulante sur le nouvel éditeur
Bonjour Milouze,
un grand merci déjà pour cette aide.:thanks:
Le script fonctionne à merveille; chapeau bas pour le script. Je vais grandement abuser en te demandant s'il est possible de faire apparaitre également le bouton dans le message rapide .
Pour attribuer les droits aux modérateurs, je suppose qu'il faut mettre en début de script quelque chose de ce style
un grand merci déjà pour cette aide.:thanks:
Le script fonctionne à merveille; chapeau bas pour le script. Je vais grandement abuser en te demandant s'il est possible de faire apparaitre également le bouton dans le message rapide .
Pour attribuer les droits aux modérateurs, je suppose qu'il faut mettre en début de script quelque chose de ce style
- Code:
$(function(){if (userdata.user_level == 2 )
Re: Rajout de boutons personnalisé avec liste déroulante sur le nouvel éditeur
Salut Stéphane,
de rien c'est un réel plaisir ,
Il suffit de rajouter le code Html :
Affichage/Templates/Général/viewtopic_body
Recherches ceci:
Pensez a enregistrer les modifications en cliquant respectivement sur et
Et voilà le tour est joué .
Pour les droits, j'ai enfin pigé le fonctionnement car en fait je me basais sur une astuce vue ailleurs.
Enfin bref:
Il faut voir les groupes dans ton PA et regarder
(en passant le curseur de ta souris pour afficher le chiffre attribué )
a++
de rien c'est un réel plaisir ,
Il suffit de rajouter le code Html :
- Code:
<div id="M14_bloc_deroulant">
<ul>
<li>
<a href="#"><img src="LE LIEN DE L IMAGE"/></a>
<ul class="fallback">
<li class="M14_soustitre1"></li>
<li class="M14_soustitre2"></li>
<li class="M14_soustitre3"></li>
<li class="M14_soustitre4"></li>
<li class="M14_soustitre5"></li>
<li class="M14_soustitre6"></li>
<li class="M14_soustitre7"></li>
</ul>
</li>
</ul>
</div>
Affichage/Templates/Général/viewtopic_body
Recherches ceci:
- Code:
{QUICK_REPLY_FORM}<br />
Pensez a enregistrer les modifications en cliquant respectivement sur et
Et voilà le tour est joué .
Pour les droits, j'ai enfin pigé le fonctionnement car en fait je me basais sur une astuce vue ailleurs.
Enfin bref:
Il faut voir les groupes dans ton PA et regarder
(en passant le curseur de ta souris pour afficher le chiffre attribué )
a++
Dernière édition par Milouze14 le Ven 4 Oct 2013 - 16:47, édité 1 fois
Invité- Invité
Re: Rajout de boutons personnalisé avec liste déroulante sur le nouvel éditeur
Re,
je me permet de faire un double post car je ne sais pas si Demeter avait lu mon message,
j'ai amélioré le plugin en y insérant directement le code HTML :
Donc tu peux supprimer le code HTML dans les deux templates Stéphane ;
Voici ensuite le plugin dans sa totalité mon ami :
je me permet de faire un double post car je ne sais pas si Demeter avait lu mon message,
j'ai amélioré le plugin en y insérant directement le code HTML :
Donc tu peux supprimer le code HTML dans les deux templates Stéphane ;
Voici ensuite le plugin dans sa totalité mon ami :
- Code:
$(function(){
$('body').append("<div id='M14_bloc_deroulant'>
<ul>
<li>
<a href='#'><img src='LE LIEN DE L IMAGE'/></a>
<ul class='fallback'>
<li class='M14_soustitre1'></li>
<li class='M14_soustitre2'></li>
<li class='M14_soustitre3'></li>
<li class='M14_soustitre4'></li>
<li class='M14_soustitre5'></li>
<li class='M14_soustitre6'></li>
<li class='M14_soustitre7'></li>
</ul>
</li>
</ul>
</div>");
});
$(function(){
$(function(){
$('#M14_bloc_deroulant').insertAfter('.sceditor-button-source');
})});
$(function () {
$('#M14_bloc_deroulant li ul').hide().removeClass('fallback');
$('#M14_bloc_deroulant li').hover(function () {
$('ul', this).stop().slideToggle(400);
});
});
$(function(){
$(function(){
$('<a class="sceditor-button" unselectable="on" title="LE TITRE AU SURVOL DU BOUTON">
<div unselectable="on" style="background-image:none !important"></div>
<span>Xata</span>
</a>')
.appendTo('#M14_bloc_deroulant li.M14_soustitre1 ').click(function()
{
$('#text_editor_textarea').sceditor("instance")
.insert("[Xata]","[/Xata]");
});
})
});
$(function(){
$(function(){
$('<a class="sceditor-button" unselectable="on" title="LE TITRE AU SURVOL DU BOUTON">
<div unselectable="on" style="background-image:none !important"></div>
<span>Hydra</span>
</a>')
.appendTo('#M14_bloc_deroulant li.M14_soustitre2 ').click(function()
{
$('#text_editor_textarea').sceditor("instance")
.insert("[Hydra]","[/Hydra]");
});
})
});
$(function(){
$(function(){
$('<a class="sceditor-button" unselectable="on" title="LE TITRE AU SURVOL DU BOUTON">
<div unselectable="on" style="background-image:none !important"></div>
<span>Présentation</span>
</a>')
.appendTo('#M14_bloc_deroulant li.M14_soustitre3 ').click(function()
{
$('#text_editor_textarea').sceditor("instance")
.insert("[Presentation]","[/Presentation]");
});
})
});
$(function(){
$(function(){
$('<a class="sceditor-button" unselectable="on" title="LE TITRE AU SURVOL DU BOUTON">
<div unselectable="on" style="background-image:none !important"></div>
<span>Charte</span>
</a>')
.appendTo('#M14_bloc_deroulant li.M14_soustitre4 ').click(function()
{
$('#text_editor_textarea').sceditor("instance")
.insert("[Charte]","[/Charte]");
});
})
});
$(function(){
$(function(){
$('<a class="sceditor-button" unselectable="on" title="LE TITRE AU SURVOL DU BOUTON">
<div unselectable="on" style="background-image:none !important"></div>
<span>Titre</span>
</a>')
.appendTo('#M14_bloc_deroulant li.M14_soustitre5 ').click(function()
{
$('#text_editor_textarea').sceditor("instance")
.insert("[Titre]","[/Titre]");
});
})
});
$(function(){
$(function(){
$('<a class="sceditor-button" unselectable="on" title="LE TITRE AU SURVOL DU BOUTON">
<div unselectable="on" style="background-image:none !important"></div>
<span>Verrou</span>
</a>')
.appendTo('#M14_bloc_deroulant li.M14_soustitre6 ').click(function()
{
$('#text_editor_textarea').sceditor("instance")
.insert("[Verrou]","[/Verrou]");
});
})
});
$(function(){
$(function(){
$('<a class="sceditor-button" unselectable="on" title="LE TITRE AU SURVOL DU BOUTON">
<div unselectable="on" style="background-image:none !important"></div>
<span>Modération</span>
</a>')
.appendTo('#M14_bloc_deroulant li.M14_soustitre7 ').click(function()
{
$('#text_editor_textarea').sceditor("instance")
.insert("[Moderation]","[/Moderation]");
});
})
});
Invité- Invité
Re: Rajout de boutons personnalisé avec liste déroulante sur le nouvel éditeur
ça fonctionne nickel Philippe. Chapeau bas pour ce codage.
Je vais être chia..t. Dans cette partie :
Je vais être chia..t. Dans cette partie :
- Code:
$('#text_editor_textarea').sceditor("instance")
.insert("[Xata]","[/Xata]");
- Code:
<center><IFRAME src=" http://altitudetropicale.forums-actifs.com/h20-message-de-bienvue-7-laurent" width=100% height=580px scrolling=no frameborder=0 > </IFRAME></center>
Re: Rajout de boutons personnalisé avec liste déroulante sur le nouvel éditeur
Re,
mais non , tu n'es pas ch... .
Ton code sera comme ceci Stéphane :
a++
mais non , tu n'es pas ch... .
Ton code sera comme ceci Stéphane :
- Code:
<center><IFRAME src=\" http:\//altitudetropicale.forums-actifs.com\/h20-message-de-bienvue-7-laurent\" width=100% height=580px scrolling=no frameborder=0 > </IFRAME></center>
a++
Invité- Invité
Re: Rajout de boutons personnalisé avec liste déroulante sur le nouvel éditeur
Philippe, que dire si ce n'est que tu es un véritable génie. Cela fonctionne à merveille.
Grace à toi, je vais réussir à remettre en place plusieurs boutons que le nouvel éditeur avait rendu obsolétes.
Un grand, très grand merci
Grace à toi, je vais réussir à remettre en place plusieurs boutons que le nouvel éditeur avait rendu obsolétes.
Un grand, très grand merci
Re: Rajout de boutons personnalisé avec liste déroulante sur le nouvel éditeur
Salut Stéphane,
allez, un problème de moins .
Passons au suivant .
a++
allez, un problème de moins .
Passons au suivant .
a++
Invité- Invité
Re: Rajout de boutons personnalisé avec liste déroulante sur le nouvel éditeur
Tu m'as enlevé une grosse épine du pied , je peux te l'assurer.
Page 3 sur 3 • 1, 2, 3
Sujets similaires
» [Résolu] Problème avec une liste déroulante
» problème avec nouvel éditeur
» Problème avec le nouvel éditeur de message
» [Nouvel éditeur] Revenir aux boutons de couleur à la place de la palette
» Liste des noms "codés" des boutons de l'éditeur
» problème avec nouvel éditeur
» Problème avec le nouvel éditeur de message
» [Nouvel éditeur] Revenir aux boutons de couleur à la place de la palette
» Liste des noms "codés" des boutons de l'éditeur
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 3 sur 3
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum