[AWESOMEBB]Ajouter une limite de caractères à la réponse rapide..

Hello les ami(e)s,

 pour les autres versions:
https://www.milouze14.com/t32473-toutes-versions-sauf-awesomebb-ajouter-une-limite-de-caracteres-a-la-reponse-rapide#617887


cette astuce va vous permettre de bloquer le nombre de caractères dans la réponse rapide.
Le script est basé sur un nombre maximal de 20 caractères.


Au delà le bouton envoyer se masquera et le bouton répondre viendra se placer à gauche afin
d'inviter le membre a poster directement via la réponse traditionnelle.
Prise en compte du singulier et du pluriel sur les textes.
Prise en compte si le navigateur garde en mémoire le texte tapé dans la réponse rapide en cas
d'un rafraichissement de la page.

Les aperçus imagés:




Le message contient 20 caractères


Une simple virgule et hop on passe à 21 et ensuite le bouton "Répondre vient se placer à gauche
avec une infobulle indiquant "Utilisez la réponse traditionnelle" et le bouton d'envoi est caché.

Attention toutefois, le contenu ne pourra pas être copié si le membre décide de choisir de passer par la réponse traditionnelle.






Dans le script , vous pourrez mettre la valeur maximale autorisée ici:

Code:


//METTRE LA VALEUR MAXIMALE ICI
var decompte=20;


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(){  
var editeur=$('textarea[class="textarea"]');
var base=$('textarea[class="textarea"]').val().length;
//METTRE LA VALEUR MAXIMALE ICI
var decompte=20;
$('.block.quick-reply').before('<div id="M14_Decompte" class="post-header"><span class="M14_texte">Vous avez tapé</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">20</span> <b class="M14_boldbis">caractéres</b></span></div>');
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('Oups,trop de caractéres');
$('.M14_Decompte').css('color','red').text(more-decompte);
$('.quick-reply-send,.M14_pourcentage,.M14_bold,.M14_boldbis').hide();
$('.btn-fixed').addClass('M14_reply').attr('title','Utilisez la réponse traditionnelle');
}
if(num<=decompte)
{
$('.M14_Decompte').css('color','white');
$('.M14_texte').text('Vous avez tapé');
$('.quick-reply-send,.M14_pourcentage,.M14_bold,.M14_boldbis').show();
$('.btn-fixed').removeClass('M14_reply').attr('title','Répondre au sujet');
}
});
if($('textarea[class="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('Oups,trop de caractéres');
$('.M14_Decompte').css('color','red').text(base-decompte);
$('.quick-reply-send,.M14_bold,.M14_pourcentage').hide();
  $('.btn-fixed').addClass('M14_reply').attr('title','Utilisez la réponse traditionnelle');
}
if(base<decompte)
{
$('.M14_Decompte').css('color','white');
$('.quick-reply-send,.M14_bold,.M14_pourcentage').show();
$('.btn-fixed').removeClass('M14_reply').attr('title','Répondre au sujet');
}}});


Penser a cliquer sur le bouton

Puis ajoutez ceci dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:


.M14_reply
{
bottom:350px;
right:;
left:22px;
-webkit-transform: rotate(200deg);
-moz-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
}



Penser a cliquer sur le bouton

Le script ajoute une class si le message dépasse les 20 caractères au bouton "Répondre".


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