Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Citation rapide

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

  • 0

Astuce Citation rapide

Message par Shadow Jeu 5 Sep 2013 - 15:59

Citation rapide

Ce tutoriel va vous permettre de faire une citation rapide d'un mot ou d'une phrase que vous aurez surligné au préalable.

Voir illustration :
Citation rapide 17-03-13

Activation de l'option Réponses rapides


Pour que cette astuce puisse fonctionner, il est nécessaire d'activer les réponses rapides sur votre forum. En effet, la citation rapide s'affiche dans la zone de texte de la réponse rapide.

Panneau d'administration  Général  Messages et Emails - Configurations

Voir illustration :
Citation rapide 17-03-14

N'oubliez pas de cliquer sur le bouton :enreg: pour sauvegarder les modifications.

Voir illustration :
Citation rapide 17-03-15

Création du script


Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des codes Javascript

Assurez-vous que la gestion des codes Javascript soit activée, puis créez un nouveau javascript ayant pour titre "Citation rapide" et pour placement "Sur les sujets" (plus d'informations sur la gestion des scripts).

Pour la version PhpBB2


Code:
$(document).ready(function(){
 
$("a:has(.i_icon_quote)").attr("href", "#quick_reply");
$(".i_icon_quote").attr("title", "Répondre en citant");
 
  $(".postbody div").mouseup(function(e){
      qtext = $(this).parents("tr.post");
      if (window.getSelection)
      theSelection = window.getSelection().toString();
      else if (document.getSelection)
      theSelection = document.getSelection();
      else if (document.selection)
      theSelection = document.selection.createRange().text;
      });
          $("a:has(.i_icon_quote)").click(function () {
          uname = qtext.find(".name strong a").text();
            $("div.sceditor-toolbar + iframe").contents().find("body").append('<blockquote><cite>' + uname + '</cite>' + theSelection + '</blockquote> <br />');
            $('.sceditor-container textarea')[0].value += '[quote="' + uname + '"]' + theSelection + '[/quote]'
            });
 
});

Pour la version PhpBB3


Code:
$(document).ready(function(){
 
$("a:has(.i_icon_quote)").attr("href", "#quick_reply");
$(".i_icon_quote").attr("title", "Répondre en citant");
 
  $(".postbody .content div").mouseup(function(e){
      qtext = $(this).parents(".post");
      if (window.getSelection)
      theSelection = window.getSelection().toString();
      else if (document.getSelection)
      theSelection = document.getSelection();
      else if (document.selection)
      theSelection = document.selection.createRange().text;
      });
          $("a:has(.i_icon_quote)").click(function () {
          uname = qtext.find(".postprofile dl dt strong a").text();
            $("div.sceditor-toolbar + iframe").contents().find("body").append('<blockquote><cite>' + uname + '</cite>' + theSelection + '</blockquote> <br />');
            $('.sceditor-container textarea')[0].value += '[quote="' + uname + '"]' + theSelection + '[/quote]'
            });
 
});

Pour la version PunBB


Code:
 $(document).ready(function(){
 
$("a:has(.i_icon_quote)").attr("href", "#quick_reply");
$(".i_icon_quote").attr("title", "Répondre en citant");
 
  $(".entry-content div").mouseup(function(e){
      qtext = $(this).parents(".post");
      if (window.getSelection)
      theSelection = window.getSelection().toString();
      else if (document.getSelection)
      theSelection = document.getSelection();
      else if (document.selection)
      theSelection = document.selection.createRange().text;
      });
          $("a:has(.i_icon_quote)").click(function () {
          uname = qtext.find(".username a").text();
            $("div.sceditor-toolbar + iframe").contents().find("body").append('<blockquote><cite>' + uname + '</cite>' + theSelection + '</blockquote> <br />');
            $('.sceditor-container textarea')[0].value += '[quote="' + uname + '"]' + theSelection + '[/quote]'
            });
 
});

Pour la version Invision


Code:
$(document).ready(function(){
 
$("a:has(.i_icon_quote)").attr("href", "#quick_reply");
$(".i_icon_quote").attr("title", "Répondre en citant");
 
  $(".post-entry div").mouseup(function(e){
      qtext = $(this).parents(".post");
      if (window.getSelection)
      theSelection = window.getSelection().toString();
      else if (document.getSelection)
      theSelection = document.getSelection();
      else if (document.selection)
      theSelection = document.selection.createRange().text;
      });
          $("a:has(.i_icon_quote)").click(function () {
          uname = qtext.find(".postprofile-details dt a + br + a").text();
            $("div.sceditor-toolbar + iframe").contents().find("body").append('<blockquote><cite>' + uname + '</cite>' + theSelection + '</blockquote> <br />');
            $('.sceditor-container textarea')[0].value += '[quote="' + uname + '"]' + theSelection + '[/quote]'
            });
 
});

N'oubliez pas de cliquer sur le bouton Valider pour sauvegarder les modifications.

L'astuce est maintenant opérationnelle ! Lorsque vous cliquez sur le bouton "Citer", après avoir sélectionné un mot ou un passage d'un message, la citation rapide apparaît automatiquement dans la zone de texte de la réponse rapide. Toutefois, cette astuce désactive le comportement normal attendu de ce bouton. En effet, il n'est plus possible de répondre en citant. Dans ce cas, nous vous recommandons de regarder la partie suivante de cette astuce.

Personnalisation du script


Vous pouvez, si vous le souhaitez, ajouter un bouton "Citation rapide" au lieu d'utiliser le bouton "Citer" nativement présent sur les forums Forumactif.

Voir illustration :
Citation rapide 17-03-16

Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des codes Javascript

Editez le script précédent et remplacez-le par le script suivant en fonction de la version de votre forum :

Pour la version PhpBB2


Code:
$(document).ready(function(){
 
$("a:has(.i_icon_quote)").before($('<a href="#quick_reply" style="text-decoration:none;"><img src="https://i.servimg.com/u/f38/11/01/36/00/sans_t10.gif" class="quickquote" alt="Citation rapide" title="Citation rapide" /> </a>'));
 
  $(".postbody div").mouseup(function(e){
      qtext = $(this).parents("tr.post");
      if (window.getSelection)
      theSelection = window.getSelection().toString();
      else if (document.getSelection)
      theSelection = document.getSelection();
      else if (document.selection)
      theSelection = document.selection.createRange().text;
      });
          $(".quickquote").click(function () {
          uname = qtext.find(".name strong a").text();
            $("div.sceditor-toolbar + iframe").contents().find("body").append('<blockquote><cite>' + uname + '</cite>' + theSelection + '</blockquote> <br />');
            $('.sceditor-container textarea')[0].value += '[quote="' + uname + '"]' + theSelection + '[/quote]'
            });
 
});

Pour la version PhpBB3


Code:
 $(document).ready(function(){

$("a:has(.i_icon_quote)").before($('<a href="#quick_reply" style="text-decoration:none;"><img src="https://i.servimg.com/u/f38/11/01/36/00/sans_t10.gif" class="quickquote" alt="Citation rapide" title="Citation rapide" /> </a>'));
 
  $(".postbody .content div").mouseup(function(e){
      qtext = $(this).parents(".post");
      if (window.getSelection)
      theSelection = window.getSelection().toString();
      else if (document.getSelection)
      theSelection = document.getSelection();
      else if (document.selection)
      theSelection = document.selection.createRange().text;
      });
          $(".quickquote").click(function () {
          uname = qtext.find(".postprofile dl dt strong a").text();
            $("div.sceditor-toolbar + iframe").contents().find("body").append('<blockquote><cite>' + uname + '</cite>' + theSelection + '</blockquote> <br />');
            $('.sceditor-container textarea')[0].value += '[quote="' + uname + '"]' + theSelection + '[/quote]'
            });
 
});

Pour la version PunBB


Code:
$(document).ready(function(){
 
$("a:has(.i_icon_quote)").before($('<a href="#quick_reply" style="text-decoration:none;"><img src="https://i.servimg.com/u/f38/11/01/36/00/sans_t10.gif" class="quickquote" alt="Citation rapide" title="Citation rapide" /> </a>'));
 
  $(".entry-content div").mouseup(function(e){
      qtext = $(this).parents(".post");
      if (window.getSelection)
      theSelection = window.getSelection().toString();
      else if (document.getSelection)
      theSelection = document.getSelection();
      else if (document.selection)
      theSelection = document.selection.createRange().text;
      });
          $(".quickquote").click(function () {
          uname = qtext.find(".username a").text();
            $("div.sceditor-toolbar + iframe").contents().find("body").append('<blockquote><cite>' + uname + '</cite>' + theSelection + '</blockquote> <br />');
            $('.sceditor-container textarea')[0].value += '[quote="' + uname + '"]' + theSelection + '[/quote]'
            });
 
});

Pour la version Invision


Code:
$(document).ready(function(){
 
$("a:has(.i_icon_quote)").before($('<a href="#quick_reply" style="text-decoration:none;"><img src="https://i.servimg.com/u/f38/11/01/36/00/sans_t10.gif" class="quickquote" alt="Citation rapide" title="Citation rapide" /> </a>'));

 
  $(".post-entry div").mouseup(function(e){
      qtext = $(this).parents(".post");
      if (window.getSelection)
      theSelection = window.getSelection().toString();
      else if (document.getSelection)
      theSelection = document.getSelection();
      else if (document.selection)
      theSelection = document.selection.createRange().text;
      });
          $(".quickquote").click(function () {
          uname = qtext.find(".postprofile-details dt a + br + a").text();
            $("div.sceditor-toolbar + iframe").contents().find("body").append('<blockquote><cite>' + uname + '</cite>' + theSelection + '</blockquote> <br />');
            $('.sceditor-container textarea')[0].value += '[quote="' + uname + '"]' + theSelection + '[/quote]'
            });
 
});

N'oubliez pas de cliquer sur le bouton Valider pour sauvegarder les modifications.

L'astuce est maintenant opérationnelle ! Un nouveau bouton a été ajouté "Citation rapide". En cliquant sur ce bouton, l'astuce présentée dans la deuxième partie de ce tutoriel est fonctionnelle. De plus, vous conservez ainsi la bouton "Citer" et sa fonctionnalité de base. Enfin, vous pouvez personnaliser le bouton "Citation rapide" en modifiant le lien de l'image dans le script :

Code:
$("a:has(.i_icon_quote)").before($('<a href="#quick_reply" style="text-decoration:none;"><img src="https://i.servimg.com/u/f38/11/01/36/00/sans_t10.gif" class="quickquote" alt="Citation rapide" title="Citation rapide" />&nbsp;</a>'));

Notamment l'élément : https://i.servimg.com/u/f38/11/01/36/00/sans_t10.gif.



Dernière édition par Zen le Ven 6 Sep 2013 - 14:47, édité 4 fois
Shadow

Shadow
Modéractive
Modéractive

Féminin
Messages : 24353
Inscrit(e) le : 30/03/2007

Voir le profil de l'utilisateur
Shadow 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