[TOUTES VERSIONS sauf AwesomeBB] Ajouter une limite de caractères à la réponse rapide..

Hello les ami(e)s,

 pour la version AmesomeBB:
https://www.milouze14.com/t32472-awesomebbajouter-une-limite-de-caracteres-a-la-reponse-rapide#617877

comme le mentionne le titre,cette astuce va vous permettre de mettre une valeur maximale de caractères à la réponse rapide.
Pour cette astuce, le script est paramétré sur 20 caractères.
Vous pourrez modifier cette valeur dans le script ici:

Code:


//LA VALEUR MAXIMALE ICI
var decompte=20;
 

Au delà de la limite autorisée, le bouton "Envoyer" sera masqué et un message invitera le membre a passer par la réponse traditionnelle.



Le script prend en compte le singulier et le pluriel des textes.

Vous pourrez modifier les textes en vous repérant avec les commentaires:

Code:


 //LE TEXTE vous avez frappé
var textfrappe="Vous avez tapé";
  //LE TEXTE reste
  var reste="Reste:";
  //LE TEXTE SI DEPASSEMENT
var texte="Oups, vous avez déposé trop de caractéres";
  //LE TITRE DU BOUTON REPONDRE
var titre="Répondre au sujet";
  //L INFOBULLE AU SURVOL DU BOUTON REPONDRE
var infobulle="Utilisez la réponse traditionnelle";

pour le reste merci de passer par l'entraide.


La base:


A chaque frappe sur le clavier, un décompte fera.



Au delà de la valeur maximale autorisée, le bouton envoyé sera masqué et un bouton viendra se greffer dans le tag,
mentionnant que le membre devra passer par la réponse traditionnelle.





Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher  Sur les sujets

Déposer ceci:

Code:


$(function(){
if(!$('#text_editor_textarea').length || !$.fn["sceditor"]) return;
$(function(){  
var reply=$('a[href$="mode=reply"]').last().attr('href');
  //LA VALEUR MAXIMALE ICI
var decompte=20;
  //LE TEXTE vous avez frappé
var textfrappe="Vous avez tapé";
  //LE TEXTE reste
  var reste="Reste:";
  //LE TEXTE SI DEPASSEMENT
var texte="Oups, vous avez déposé trop de caractéres";
  //LE TITRE DU BOUTON REPONDRE
var titre="Répondre au sujet";
  //L INFOBULLE AU SURVOL DU BOUTON REPONDRE
var infobulle="Utilisez la réponse traditionnelle";
$('.sceditor-container').before('<div id="M14_Decompte"><span class="M14_texte">'+textfrappe+'</span> <span class="M14_Decompte">0</span> <b class="M14_bold">caractère</b><span class="M14_pourcentage"style="float:right;">'+reste+'<span class="M14_span">'+decompte+'</span> <b class="M14_boldbis">caractéres</b></span><i><a class="M14_reply_quick"href="'+reply+'"title="'+infobulle+'">'+titre+'</a></i></div>');
var editeur=$('#text_editor_textarea').sceditor('instance');
if(!editeur) return;
var base=$('#text_editor_textarea').val().length;


editeur.keyUp(function(){
var more=editeur.val().length;
var num=editeur.val().length;
var result=decompte-num;
$('span.M14_Decompte').text(num);
$('.M14_pourcentage span').text(result);
if(num<2){$('.M14_bold').text('caractère');}
if(num>1){$('.M14_bold').text('caractères');}
if(result>1){$('.M14_boldbis').text('caractères');}
if(result<2){$('.M14_boldbis').text('caractère');}
if(num>decompte)
{
$('.M14_texte').text(texte);
$('.M14_Decompte').css('color','red').text(more-decompte);
$('.M14_pourcentage,.M14_bold,.M14_boldbis,input[value="Envoyer"]').hide();
$('.M14_reply_quick').show();
}
if(num<=decompte)
{
$('.M14_Decompte').css('color','white');
$('.M14_texte').text(textfrappe);
$('.M14_pourcentage,.M14_bold,.M14_boldbis,input[value="Envoyer"]').show();
$('.M14_reply_quick').hide();
}
});

if($('#text_editor_textarea').val() != '')
{
var resultbase=decompte-base;
$('.M14_Decompte').text(base);  
if(base<2){$('.M14_bold').text('caractère');}
if(base>1){$('.M14_bold').text('caractères');}
if(resultbase>1){$('.M14_boldbis').text('caractères');}
if(resultbase<2){$('.M14_boldbis').text('caractère');}
$('.M14_span').text(resultbase);
if(base>decompte)
{
$('.M14_texte').text(texte);
$('.M14_Decompte').css('color','red').text(base-decompte);
$('.M14_bold,.M14_pourcentage,input[value="Envoyer"]').hide();
$('.M14_reply_quick').show();
}
if(base<decompte)
{
$('.M14_Decompte').css('color','white');
$('.M14_bold,.M14_pourcentage,input[value="Envoyer"]').show();
$('.M14_reply_quick').hide();
}}
})
});


Penser a cliquer sur le bouton


Puis le style pour le tag:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:


/*DEBUT AJOUT LIMITATION REPONSE RAPIDE*/

/*Le conteneur*/
#M14_Decompte
{
background-color:#43bfe0;
padding:5px 5px;
color:white;
font-size:12px;
text-align:left;
}
/*Le bouton incitant le membre a utiliser la reponse rapide*/
a.M14_reply_quick
{
  color:#bb102c !important;
  font-size:12px!important;
  text-decoration:none!important;
  float:right;
  margin-right: 20px;
  display:none;
}
/*FIN AJOUT LIMITATION REPONSE RAPIDE*/


Penser a cliquer sur le bouton


Voila, c'est tout pour le moment   .
Un soucis direction l'entraide
https://www.milouze14.com/f14-entraide-forumactif

Merci Milouze14 pour ce sujet: ( [TOUTES VERSIONS sauf AwesomeBB] Ajouter une limite de caractères à la réponse rapide.. )