Connexion

Récupérer mon mot de passe

Derniers sujets*
» [EDGE] Auto suggestion de la recherche
par tenrev Aujourd'hui à 15:13

» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31

» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29

» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04

» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48

» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43

» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39

» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17

» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51

» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48

» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22

» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26

» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27

» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53

» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32

» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36

» [PHPBB2] Effet loupe sur chaque message
par fanny Jeu 10 Déc 2020 - 10:11

» [TOUTES VERSIONS] Afficher des boutons pour le haut et le bas de page
par fanny Mer 9 Déc 2020 - 8:27

» [PHPBB2]Afficher les statistiques dans la liste des membres
par fanny Mar 8 Déc 2020 - 9:26

Les statistiques du forum
Nous avons 457 membres enregistrés

L'utilisateur enregistré le plus récent est nanie

Nos membres ont posté un total de 23382 messages dans 1198 sujets

[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

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

Sujets similaires internes ( 0 )
Aucun sujet

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