rajouter des boutons sur le bandeau des message

[civ gendarmerie]

bonjour
J'ai un jeu de gendarmerie (civ gendarmerie) et je souhaiterais ajouter des carré sur le bandeau des outils pour les messages et lorsque que l'on clique dessus sa envoie sur le sujet un message du (genre; engagé, sur les lieux etc) il en faudrait donc plusieurs...
voici une image pour vous montrer (ce sont le carrés 01, 02, 03)

[Self]

..	Bonjour et Bienvenue sur le Forum des Forums ForumActif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de ForumActif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

Vous désirez n'ajouter que 3 boutons ?
Quel texte faudrait-il ajouter à l'éditeur au clique sur chacun des boutons ?

[TheDirector]

Ce sujet m'intéresse aussi

[civ gendarmerie]

bonjour
Merci de votre réponse SeLfde4Th7
Tant mieux si sa peux vous aider theDirector

Alors il faudrait en tout 7 carrés (comme c'est sur l'image ci-dessous), quand on clique sur un des carré, sa envoie un message avec l'écriture de couleur orange si possible: par exemple le carré 01: "indisponible" de même pour les autres mais juste le nombre et le message qui change: ( indisponible: 01, patrouille: 02, fin de patrouille: 03, engagement inter: 04, sur les lieux: 05 , fin d'inter: 06, )demande intervention CODIS: 07)


J'espère avoir été compréhensible
PS: la correspondance entre les numéros et les statuts ne sont pas les vrais...

[Self]

On pourrait pour votre cas ajouter le code suivant à la toute fin des templates viewtopic_body et posting_body :
(Panneau d'administration > Affichage > Templates > Général (pour le viewtopic_body) ou Poster & Messages Privés (pour le posting_body))

Code:

<script type="text/javascript">
   jQuery(function($){
      $('<div class="sceditor-group status"><a class="sceditor-button sceditor-button-01">01<div unselectable="on">Indisponible</div></a><a class="sceditor-button sceditor-button-02">02<div unselectable="on">Patrouille</div></a><a class="sceditor-button sceditor-button-03">03<div unselectable="on">Fin de patrouille</div></a><a class="sceditor-button sceditor-button-04">04<div unselectable="on">Engagement inter</div></a><a class="sceditor-button sceditor-button-05">05<div unselectable="on">Sur les lieux</div></a><a class="sceditor-button sceditor-button-06">06<div unselectable="on">Fin d\'inter</div></a><a class="sceditor-button sceditor-button-07">07<div unselectable="on">Demande intervention CODIS</div></a></div>').appendTo('.sceditor-toolbar');
      $('.sceditor-group.status a').click(function(){
         $('#text_editor_textarea').sceditor('instance').insertText('[color=#ff6600]'+$(this).find('div').html()+'[/color]');
      });
   });
</script>

Et y joindre le CSS suivant à mettre dans la feuille de style CSS :
(Panneau d'administration > Affichage > Images et couleurs > Couleurs > Feuille de style CSS (onglet))

Code:

.sceditor-group.status{
   background: darkblue;
}
   
.sceditor-group.status .sceditor-button{
   text-indent: 0;
   line-height: 20px;
   color:white;
}
   
.sceditor-group.status .sceditor-button:hover{
   background-color: blue;
}
   
.sceditor-group.status .sceditor-button div{
   background: none;
}

Pour le code JavaScript, il ajoute à la toolbar de l'éditeur un groupe de boutons :

Code:

<div class="sceditor-group status"><a class="sceditor-button sceditor-button-01">01<div unselectable="on">Indisponible</div></a><a class="sceditor-button sceditor-button-02">02<div unselectable="on">Patrouille</div></a><a class="sceditor-button sceditor-button-03">03<div unselectable="on">Fin de patrouille</div></a><a class="sceditor-button sceditor-button-04">04<div unselectable="on">Engagement inter</div></a><a class="sceditor-button sceditor-button-05">05<div unselectable="on">Sur les lieux</div></a><a class="sceditor-button sceditor-button-06">06<div unselectable="on">Fin d\'inter</div></a><a class="sceditor-button sceditor-button-07">07<div unselectable="on">Demande intervention CODIS</div></a></div>

Dans lequel on peut distinguer les boutons qui se forment comme ceci :

Code:

<a class="sceditor-button sceditor-button-01">01<div unselectable="on">Indisponible</div></a>

Ensuite nous avons l'action au clique sur chaque bouton qui s'occupe de mettre dans l'éditeur le texte de la div (<div unselectable="on">Indisponible</div> (au dessus)) entre des balises color (pour la couleur orange) :

Code:

$('.sceditor-group.status a').click(function(){
   $('#text_editor_textarea').sceditor('instance').insertText('[color=#ff6600]'+$(this).find('div').html()+'[/color]');
});

[civ gendarmerie]

merci je vais essayer..., mais je vois pas "Template" dans "affichage"

[Self]

Voici une image pour illustrer :

[civ gendarmerie]

Euh, moi sa va de "thèmes" a "Avatars" et j'ai pas la catégorie "templates"

[Self]

Oh, à la page d'accueil de votre panneau d'administration cliquez sur le bouton "Avancé".

[civ gendarmerie]

c'est déjà en mode "avancé"

[Self]

Êtes-vous bien le fondateur du forum comme indiqué dans votre profil ?

[civ gendarmerie]

oui, mais je suis pas connecter sur le conte "Admin"...

[Self]

Il faut être sur le compte fondateur pour avoir accès au templates .

[civ gendarmerie]

voilà là c'est bon , mais il y a déjà des lignes de code, je met le 1er code que vous m'avez donné a la suite de ceux-ci?

[Self]

Oui, comme indiqué le premier code est à mettre à la toute fin des deux templates, une fois fait vous devez publié vos templates en cliquant sur .

[civ gendarmerie]

il ne sont pas apparus, pour le code "JavaScript", je l'es mit dans "module", "HTML et JavaScript", c'est bien ici?

[civ gendarmerie]

car les 2 derniers codes ne sont pas a mettre?, c'est juste un extrait du code au dessus?

[Self]

On pourrait pour votre cas ajouter le code suivant à la toute fin des templates viewtopic_body et posting_body :
(Panneau d'administration > Affichage > Templates > Général (pour le viewtopic_body) ou Poster & Messages Privés (pour le posting_body))

Code:

<script type="text/javascript">
   jQuery(function($){
      $('<div class="sceditor-group status"><a class="sceditor-button sceditor-button-01">01<div unselectable="on">Indisponible</div></a><a class="sceditor-button sceditor-button-02">02<div unselectable="on">Patrouille</div></a><a class="sceditor-button sceditor-button-03">03<div unselectable="on">Fin de patrouille</div></a><a class="sceditor-button sceditor-button-04">04<div unselectable="on">Engagement inter</div></a><a class="sceditor-button sceditor-button-05">05<div unselectable="on">Sur les lieux</div></a><a class="sceditor-button sceditor-button-06">06<div unselectable="on">Fin d\'inter</div></a><a class="sceditor-button sceditor-button-07">07<div unselectable="on">Demande intervention CODIS</div></a></div>').appendTo('.sceditor-toolbar');
      $('.sceditor-group.status a').click(function(){
         $('#text_editor_textarea').sceditor('instance').insertText('[color=#ff6600]'+$(this).find('div').html()+'[/color]');
      });
   });
</script>

Et y joindre le CSS suivant à mettre dans la feuille de style CSS :
(Panneau d'administration > Affichage > Images et couleurs > Couleurs > Feuille de style CSS (onglet))

Code:

.sceditor-group.status{
   background: darkblue;
}
   
.sceditor-group.status .sceditor-button{
   text-indent: 0;
   line-height: 20px;
   color:white;
}
   
.sceditor-group.status .sceditor-button:hover{
   background-color: blue;
}
   
.sceditor-group.status .sceditor-button div{
   background: none;
}

Ceci est la marche à suivre, le reste du message était une brève explication du premier code .

[civ gendarmerie]

Merci beaucoup, sa marche

encore merci à toi

[Self]

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

[TheDirector]

J'en profite pour demander s'il est possible de faire en sorte que seul les admins et modos puissent l'utiliser ?

[Self]

peut être en entourant le passage :

Code:

$('<div class="sceditor-group status"><a class="sceditor-button sceditor-button-01">01<div unselectable="on">Indisponible</div></a><a class="sceditor-button sceditor-button-02">02<div unselectable="on">Patrouille</div></a><a class="sceditor-button sceditor-button-03">03<div unselectable="on">Fin de patrouille</div></a><a class="sceditor-button sceditor-button-04">04<div unselectable="on">Engagement inter</div></a><a class="sceditor-button sceditor-button-05">05<div unselectable="on">Sur les lieux</div></a><a class="sceditor-button sceditor-button-06">06<div unselectable="on">Fin d\'inter</div></a><a class="sceditor-button sceditor-button-07">07<div unselectable="on">Demande intervention CODIS</div></a></div>').appendTo('.sceditor-toolbar');

Par cette condition :

Code:

if(_userdata.user_id != -1 && _userdata.user_level < 3){
    /*ici le code*/
}