rajouter des boutons sur le bandeau des message

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

Résolu rajouter des boutons sur le bandeau des message

Message par civ gendarmerie le Mar 26 Aoû 2014 - 12:22

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)


Dernière édition par civ gendarmerie le Mar 26 Aoû 2014 - 22:22, édité 1 fois

civ gendarmerie
**

Messages : 73
Inscrit(e) le : 14/08/2014

http://civgendarmerie.forumactif.org/
civ gendarmerie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rajouter des boutons sur le bandeau des message

Message par Self le Mar 26 Aoû 2014 - 14:56

..
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
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink

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

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: rajouter des boutons sur le bandeau des message

Message par TheDirector le Mar 26 Aoû 2014 - 15:52

Ce sujet m'intéresse aussi Smile

TheDirector
*****

Masculin
Messages : 639
Inscrit(e) le : 08/05/2012

http://contrehomophobes.pro-forum.fr/
TheDirector a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rajouter des boutons sur le bandeau des message

Message par civ gendarmerie le Mar 26 Aoû 2014 - 18:55

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

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

civ gendarmerie
**

Messages : 73
Inscrit(e) le : 14/08/2014

http://civgendarmerie.forumactif.org/
civ gendarmerie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rajouter des boutons sur le bandeau des message

Message par Self le Mar 26 Aoû 2014 - 20:49

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]');
});

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: rajouter des boutons sur le bandeau des message

Message par civ gendarmerie le Mar 26 Aoû 2014 - 21:04

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

civ gendarmerie
**

Messages : 73
Inscrit(e) le : 14/08/2014

http://civgendarmerie.forumactif.org/
civ gendarmerie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rajouter des boutons sur le bandeau des message

Message par Self le Mar 26 Aoû 2014 - 21:07

Voici une image pour illustrer Wink :

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: rajouter des boutons sur le bandeau des message

Message par civ gendarmerie le Mar 26 Aoû 2014 - 21:10

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

civ gendarmerie
**

Messages : 73
Inscrit(e) le : 14/08/2014

http://civgendarmerie.forumactif.org/
civ gendarmerie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rajouter des boutons sur le bandeau des message

Message par Self le Mar 26 Aoû 2014 - 21:25

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

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: rajouter des boutons sur le bandeau des message

Message par civ gendarmerie le Mar 26 Aoû 2014 - 21:26

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

civ gendarmerie
**

Messages : 73
Inscrit(e) le : 14/08/2014

http://civgendarmerie.forumactif.org/
civ gendarmerie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rajouter des boutons sur le bandeau des message

Message par Self le Mar 26 Aoû 2014 - 21:28

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

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: rajouter des boutons sur le bandeau des message

Message par civ gendarmerie le Mar 26 Aoû 2014 - 21:29

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

civ gendarmerie
**

Messages : 73
Inscrit(e) le : 14/08/2014

http://civgendarmerie.forumactif.org/
civ gendarmerie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rajouter des boutons sur le bandeau des message

Message par Self le Mar 26 Aoû 2014 - 21:30

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

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: rajouter des boutons sur le bandeau des message

Message par civ gendarmerie le Mar 26 Aoû 2014 - 21:31

voilà là c'est bon Smile, 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?

civ gendarmerie
**

Messages : 73
Inscrit(e) le : 14/08/2014

http://civgendarmerie.forumactif.org/
civ gendarmerie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rajouter des boutons sur le bandeau des message

Message par Self le Mar 26 Aoû 2014 - 21:35

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

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: rajouter des boutons sur le bandeau des message

Message par civ gendarmerie le Mar 26 Aoû 2014 - 21:46

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

civ gendarmerie
**

Messages : 73
Inscrit(e) le : 14/08/2014

http://civgendarmerie.forumactif.org/
civ gendarmerie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rajouter des boutons sur le bandeau des message

Message par civ gendarmerie le Mar 26 Aoû 2014 - 21:52

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

civ gendarmerie
**

Messages : 73
Inscrit(e) le : 14/08/2014

http://civgendarmerie.forumactif.org/
civ gendarmerie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rajouter des boutons sur le bandeau des message

Message par Self le Mar 26 Aoû 2014 - 21:53

SeLfde4Th7 a écrit: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 Wink .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: rajouter des boutons sur le bandeau des message

Message par civ gendarmerie le Mar 26 Aoû 2014 - 21:58

Merci beaucoup, sa marche Smile

encore merci à toi

civ gendarmerie
**

Messages : 73
Inscrit(e) le : 14/08/2014

http://civgendarmerie.forumactif.org/
civ gendarmerie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rajouter des boutons sur le bandeau des message

Message par Self le Mar 26 Aoû 2014 - 22:18

..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 résolu
  • 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 Smile

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: rajouter des boutons sur le bandeau des message

Message par TheDirector le Mar 26 Aoû 2014 - 22:21

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

TheDirector
*****

Masculin
Messages : 639
Inscrit(e) le : 08/05/2012

http://contrehomophobes.pro-forum.fr/
TheDirector a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rajouter des boutons sur le bandeau des message

Message par Self le Mer 27 Aoû 2014 - 3:30

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*/
}

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

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


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