Connexion

Récupérer mon mot de passe

Derniers sujets
» *RESOLU*[PHPBB2] Installation Messenger - Template modifié
par Milouze14 Sam 30 Mai 2020 - 20:16

» [PHPBB2] Cacher les infos du profil sous l'avatar, en hover
par Milouze14 Jeu 28 Mai 2020 - 18:54

» [AWESOMEBB] Supprimer le soulignement des liens
par Milouze14 Mer 27 Mai 2020 - 18:28

» *RESOLU*[PHPBB2] Champs du profil en fonction de la couleur de groupe.
par Milouze14 Mar 26 Mai 2020 - 17:54

» [PUNBB] Codage qeel
par Milouze14 Mar 26 Mai 2020 - 17:44

» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par croklivre Lun 25 Mai 2020 - 18:25

» [TOUTES VERSIONS] Faire clignoter les images des nouveaux messages
par croklivre Lun 25 Mai 2020 - 18:17

» [PUNBB] Couleurs des Catégories et des cellules qui ne changent pas de couleurs
par Milouze14 Lun 25 Mai 2020 - 14:47

» [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne
par Milouze14 Dim 24 Mai 2020 - 5:38

» [AWESOMEBB] Taille de la zone.
par Milouze14 Dim 24 Mai 2020 - 5:38

» [PUNBB] Agencement du profil
par Milouze14 Sam 23 Mai 2020 - 19:06

» *RESOLU*[MODERNBB] Chatbox - Enlever les deux points après le pseudo
par Milouze14 Sam 23 Mai 2020 - 17:26

» *RESOLU*[PHPBB3] Anomalies certains éléments
par Milouze14 Sam 23 Mai 2020 - 16:05

» [AWESOMEBB]Refonte du profil dans un sujet.
par Milouze14 Sam 23 Mai 2020 - 3:31

» [PHPBB2] Alignement du champ masculin/féminin
par Milouze14 Jeu 21 Mai 2020 - 20:24

» *RESOLU*[PHPBB3] Supprimer des champs de contact
par Milouze14 Jeu 21 Mai 2020 - 16:59

» [AWESOMEBB] Supprimer cette ligne
par Milouze14 Mer 20 Mai 2020 - 20:02

» [AWESOMEBB] Supprimer cette zone
par Milouze14 Mer 20 Mai 2020 - 20:01

» *RESOLU*[PHPBB3] Title en double sur un bouton éditeur
par Milouze14 Mer 20 Mai 2020 - 17:16

» [AWESOMEBB] Modifier l'icône du bouton d'accueil
par YOUGATAGA Mer 20 Mai 2020 - 13:56

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

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 17 Jan 2020 - 16:28

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:

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


Le message contient 20 caractères
[AWESOMEBB]Ajouter une limite de caractères à la réponse rapide.. 229

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.



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


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 Valid

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 [AWESOMEBB]Ajouter une limite de caractères à la réponse rapide.. Sans_t10

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  clin oeil .
Un soucis direction l'entraide hinhin
https://www.milouze14.com/f14-entraide-forumactif
MathisB
MathisB
Milouzien

MessageMathisB le Jeu 30 Avr 2020 - 18:48

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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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