Connexion

Récupérer mon mot de passe

Derniers sujets
» [PHPBB2] Menu Rechercher en haut à gauche effet survol
par Milouze14 Aujourd'hui à 18:50

» [TOUTES VERSIONS] Une page html connexion/deconnexion...
par christ77000 Hier à 14:13

» [EDGE]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Ptite_Perle Lun 24 Fév 2020 - 18:24

» *RESOLU*[MODERNBB] Fusionner la toolbar et la barre de navigation sur un thème modernBB
par Milouze14 Dim 23 Fév 2020 - 15:56

» *RESOLU*[PHPBB2] Décaler des petites images dans le corps du message d'accueil sur l'index;
par Milouze14 Sam 22 Fév 2020 - 15:17

» [PHPBB3] Afficher les membres en ligne (version graphique) sur l'index et dans la liste des sujets
par BarTender Sam 22 Fév 2020 - 15:00

» histoire du Jour sans fin
par Quad Daniel Sam 22 Fév 2020 - 12:06

» [PHPBB3] Widget anniversaire sur toutes les pages du fofo
par Milouze14 Sam 22 Fév 2020 - 10:43

» [TOUTES VERSIONS] Bouton générateur de tableaux
par BarTender Ven 21 Fév 2020 - 15:31

» [PHPBB3] Intégrer des boutons en relation avec le profil du membre style barre de contact
par BarTender Ven 21 Fév 2020 - 14:57

» [TOUTES VERSIONS]Remplacer les icônes de l'éditeur par des icônes FontAwesome
par BarTender Ven 21 Fév 2020 - 13:08

» *RESOLU*[PHPBB2] Fenetres en haut du forum
par Milouze14 Ven 21 Fév 2020 - 3:46

» [BESTOF] Images favorites
par Milouze14 Jeu 20 Fév 2020 - 19:33

» [BESTOF] Ajouter lien message dans titre citation
par Milouze14 Mar 18 Fév 2020 - 18:44

» *RESOLU*[PHPBB2] WYSIWYG pour citation sur message rapide
par Milouze14 Mar 18 Fév 2020 - 18:32

» [TOUTES VERSIONS]Ajouter un contenu visible que par les membres ayant répondu.
par dymo Mar 18 Fév 2020 - 2:10

» *RESOLU*[PHPBB2] Mise en page dans le corps du message uniquement sur le 1er message
par Milouze14 Ven 14 Fév 2020 - 16:25

» [BESTOF] Les photos à partir de l'ID d'un membre
par Milouze14 Ven 14 Fév 2020 - 3:53

» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par christ77000 Jeu 13 Fév 2020 - 10:01

» [TOUTES VERSIONS]Visualiser le mot de passe
par christ77000 Jeu 13 Fév 2020 - 8:29

[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

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