outils à coté de la boite réponse

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

Résolu outils à coté de la boite réponse

Message par papounet le Dim 26 Sep 2010 - 21:20

Bonsoir à tous,

J'ai pu constater sur l'annuaire des forums, sur lequel j'ai un petit rôle, une boîte, avec différents messages pré-établis, positionnée à coté de la fenêtre réponse ; un clic et c'est dans ta réponse...c'est vraiment super comme outil !

Voulez-vous bien me dire comment en faire de même sur mon forum ?

Merci par avance,
Bien amicalement,
Papounet Very Happy


Dernière édition par papounet le Jeu 7 Oct 2010 - 14:06, édité 1 fois

papounet
****

Masculin
Messages : 326
Inscrit(e) le : 12/05/2008

http://forumaquaticplaisir.org/index.htm
papounet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: outils à coté de la boite réponse

Message par Tech le Lun 27 Sep 2010 - 13:17

Bonjour,

C'est crée grâce à un script en javascript.
Je déplace ce sujet dans la section Problème avec un script (un code).

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20898
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: outils à coté de la boite réponse

Message par papounet le Jeu 30 Sep 2010 - 12:19

Merci Tech Very Happy

Quelqu'un peut me renseigner, s'il vous plait ?

papounet
****

Masculin
Messages : 326
Inscrit(e) le : 12/05/2008

http://forumaquaticplaisir.org/index.htm
papounet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: outils à coté de la boite réponse

Message par papounet le Ven 1 Oct 2010 - 11:40

@papounet a écrit:Merci Tech Very Happy

Quelqu'un peut me renseigner, s'il vous plait ?
Personne ne peut me renseigner, SVP ? Very Happy

papounet
****

Masculin
Messages : 326
Inscrit(e) le : 12/05/2008

http://forumaquaticplaisir.org/index.htm
papounet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: outils à coté de la boite réponse

Message par papounet le Dim 3 Oct 2010 - 15:09

Up Very Happy

Personne n'a une idée, SVP ?

papounet
****

Masculin
Messages : 326
Inscrit(e) le : 12/05/2008

http://forumaquaticplaisir.org/index.htm
papounet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: outils à coté de la boite réponse

Message par ge80 le Dim 3 Oct 2010 - 15:14

Bonjour
Quel est le lien où se système est visible ?

Cordialement
Ge

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: outils à coté de la boite réponse

Message par james beckett le Mer 6 Oct 2010 - 12:58

Bonjours,

Ce n'est pas exactement ça mais c'est avec les widget du forum. Je vous met mon tuto (qui sera peut-être un peu trop détaillé mais j'ai pas le temps de le réécrire.

Bienvenue sur ce nouveau tutoriel :
Comment ajouter un widget qui contient vos phrases de modération prédéfinies à l'avance.


Tout d'abord, à quoi me servira ce tutoriel ?

Avouez-le, c'est pénible de devoir à chaque modération d'aller chercher la phrase de modération appropriée dans un autre sujet pour le copier/coller. Mais tout ceci est du passé grâce à cette astuce que je vais vous montrer. Maintenant, vous n'aurez plus qu'à cliquer sur un bouton et vos différentes phrases de modération possible s'afficheront dans les messages ou tout endroit où l'on peut écrire, exceptée la chatbox. Ce script n'est pas magique non plus, il vous faudra quand même cliquer sur éditer ou répondre, ça dépend de votre façon de modérer.

Pour ce tutoriel, aucune connaissance n'est demandée !





1) Créer vos phrases de modération :

En HTML, les possibilités de modification sont pratiquement infinies ; mais ne fonctionnent évidemment pas si le HTML est désactivé sur votre forum. (Comment activer le HTML : ici)

Exemples de phrases de modération en HTML et CSS : ici (avec leur code source et commentaires)

Informations: Il est aussi possible de le créer en BBcode mais je vous ne l'expliquerai pas, car c'est moins propre et plus dur.

Voilà maintenant vous avez vos phrases de modération, vous pouvez passer à l'étape suivante ! Wink

<hr />

2)Activer les widgets du forum

Informations : Ceux qui ont déjà installé les widgets du forum, vous pouvez passer directement à l'étape suivante.

1) Allez dans le panneau d'administration et :


2) Dans module, allez :


3) Faites la même configuration que sur l'image :


4) Supprimez tous les widgets qui se mettent par défaut (à part si vous souhaitez les garder) et enregistrez. Si vous avez correctement effectué cette étape, vous devriez avoir :


Bravo, vos widgets du forum ont été configurés !

Direction étape suivante. Arrow

<hr />

3)Créer votre widget perso et le script

Quoi ?! On va créer un script affraid !! Non, rassurez-vous, le script, nous l'avons. Vous devrez juste le modifier, avec mon aide bien entendu. Wink

3.1)Crée votre widget perso

Vous êtes toujours au même endroit que précédemment, soit sur le panneau de contrôle des widgets du forum.

Cliquer sur "créer un widget perso" :



Vous devriez avoir ça :


(Sans les informations rouges, bien entendu. Remplissez le formulaire avec les mêmes informations que moi, ou les vôtres si vous avez assez confiance en vous Wink)

3.3)Modifier le script

Voilà donc le fameux script. Smile

Attention : Cette partie du tutoriel est la plus dure, soyez donc bien attentifs !


Le script est assez simple et court, le voici : Smile

Informations : Tout ce qui est entouré de < !--Texte -- > sont des commentaires, donc ne s'afficheront pas à l'écran (en gros, ils vous servent d'aide-mémoire Wink).

Code:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

</head>

<body>

<input type="button" id="ton_id" value="phrase modo 2" />

<input type="button" id="ton_id2" value="phrase modo 2" />

  <script type="text/javascript">


var monlien = document.getElementById("ton_id");

monlien.onclick= function(){
emoticonp('Votre trames')
}


var monlien2 = document.getElementById("ton_id2");

monlien2.onclick= function(){
emoticonp('Votre trames')
}


  </script>
</body>
</html>

Je vous l'avais dit, il n'est pas très long. Smile

Allez, c'est parti pour les explications. Wink

1)
Code:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>

Toutes ces informations ne vous intéresseront pas vraiment pour la réalisation du tutoriel, mais sont quand même nécessaires.

2)
Code:
<input type="button" id="ton_id" value="trames double poste" />

Ici, c'est le bouton sur lequel on cliquera, et qui affichera la phrase de modération dans la zone de texte.

Le premier élément à modifier : c'est l'id "ton_id". Il faudra le modifier si vous souhaitez rajouter d'autre boutons (qui, en les cliquant, afficheront la phrase de modération associée Wink).

Code:
<input type="button" id="ton_id2" value="trames double poste" />

Code:
<input type="button" id="ton_id3" value="trames double poste" />

Ici, j'ai juste rajouté des numéros, mais vous pouvez changer complètement l'id, c'est vous qui voyez. Wink

Informations : Il faudra vous souvenir de vos différentes ids pour la prochaine étape.

3) Le script cheers

Code:

  <script type="text/javascript">


var monlien = document.getElementById("ton_id");

monlien.onclick= function(){
emoticonp('Votre phrase de modération')
}
 </script>

Ici, il y aura plusieurs choses à modifier :


  • le "ton_id"
  • le "monlien" qui apparait deux fois. Il doit être identique les deux fois !
  • Votre phrase de modération.


Comment modifié tout ça scratch

Pour le "ton_id" : il faudra mettre la même id que nous avons vu plus haut.
Pour le "monlien" : il faudra le remplacer deux fois et mettre deux fois le même. Exemple : "monlien2" à la première ligne, et donc "monlien2" à la troisième ligne.
Votre phrase de modération : Grâce au code HTML que vous avez déjà fait à l'étape n°1 Wink


Si vous avez fait seulement ces étapes, et que vous avez deux phrases de modération ça donnera :


Code:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

</head>
<body>

<input type="button" id="ton_id" value="phrase modo 2" />

<input type="button" id="ton_id2" value="phrase modo 2" />

  <script type="text/javascript">


var monlien = document.getElementById("ton_id");

monlien.onclick= function(){
emoticonp('<div class="saut"> Nos modérateurs ont découvert un bug sur votre profil. <img src="http://illiweb.com/fa/admin/icones/small_ico/portail.png" alt=""/></div>')
}


var monlien2 = document.getElementById("ton_id2");

monlien2.onclick= function(){
emoticonp('<div class="saut"> Nos admins ont découvert un bug sur votre profil. <img src="http://illiweb.com/fa/admin/icones/small_ico/portail.png" alt=""/></div>')
}


  </script>
</body>
</html>

N'oubliez pas d'enregistrer !



Et cliquez sur le lien qui est souligné.

Voilà, le plus dur est fait. Smile

<hr />

4)Rendre le widget visible uniquement aux modos et admins

Informations : Ici "modos" signifient toutes les personnes qui ont un droit de modération (même le plus insignifiant ! Par exemple si vos membres peuvent modérer les présentations, ils auront également le widget !)
On est de retour au panneau de contrôle des widgets. Cliquez sur le bouton qui est à côté du 1 pour modifier les permissions :


Et vous cochez comme ceci :



Ensuite, vous enregistrez.

J'ai une bonne nouvelle pour vous ... C'est fini ! cheers cheers cheers

Maintenant, vous pouvez aller admirer votre chef d'œuvre Very Happy




Ce tutoriel est sous cette licence créative commons:
Je pense qu'il y a que le point trois qui vous interesse. Wink

james beckett
****

Masculin
Messages : 338
Inscrit(e) le : 11/10/2009

http://dailylife.forumactif.org/index.htm
james beckett a été remercié(e) par l'auteur de ce sujet.

Résolu Re: outils à coté de la boite réponse

Message par papounet le Jeu 7 Oct 2010 - 14:05

Merci infiniment, james beckett Very Happy

C'est super sympa ...

papounet
****

Masculin
Messages : 326
Inscrit(e) le : 12/05/2008

http://forumaquaticplaisir.org/index.htm
papounet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: outils à coté de la boite réponse

Message par james beckett le Jeu 7 Oct 2010 - 17:55

C'est bon ça fonctionne?

Et de rien pour une fois que c'est utile.

james beckett
****

Masculin
Messages : 338
Inscrit(e) le : 11/10/2009

http://dailylife.forumactif.org/index.htm
james beckett 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