Connexion

Récupérer mon mot de passe

Derniers sujets*
» [PHPBB2]Séparer les annonces globales/annonces/notes
par Morane Aujourd'hui à 14:03

» [AWESOMEBB] Afficher la barre de navigation horizontalement
par Bigalex Aujourd'hui à 8:29

» [MODERNBB] Séparer les annonces globales/annonces/notes
par Milouze14 Hier à 8:02

» [AWESOMEBB]Séparer les annonces globales/annonces/notes
par Milouze14 Hier à 7:45

» [PHPBB3]Séparer les annonces globales/annonces/notes
par Milouze14 Hier à 7:25

» [PHPBB3] Afficher l'avatar dans une citation nommée
par Roza Lun 19 Oct 2020 - 17:18

» [TOUTES VERSIONS] Modifier les textes de la barre de navigation
par Morane Lun 19 Oct 2020 - 13:11

» [PHPBB3] Remplacer le mot Invité
par Milouze14 Ven 16 Oct 2020 - 17:36

» [PHPBB3]Supprimer le tag "Re" sur les messages
par Roza Ven 16 Oct 2020 - 14:54

» [TOUTES VERSIONS] Auto suggestion des membres sur les tags
par McLeod Jeu 15 Oct 2020 - 16:46

» [PHPBB3] Remplacer les backgrounds image natifs par des images
par Roza Dim 11 Oct 2020 - 10:54

» [PHPBB3] Rendre la cellule des sujets cliquable
par Roza Sam 10 Oct 2020 - 17:43

» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par Roza Mar 6 Oct 2020 - 0:50

» [TOUTES VERSIONS]Afficher la date de la dernière visite au survol du Pseudo seulement pour les admins
par Roza Mar 6 Oct 2020 - 0:41

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par Roza Mar 6 Oct 2020 - 0:21

» [TOUTES VERSIONS] Une page html connexion/deconnexion...
par Roza Dim 4 Oct 2020 - 17:36

» [TOUTES VERSIONS] Afficher le nombre de script(s) disponible dans le welcome(Toolbar)
par Roza Dim 4 Oct 2020 - 11:12

» [PHPBB2] Supprimer directement un message sans retour
par Chéryl Dim 4 Oct 2020 - 9:59

» [TOUTES VERSIONS] Changer l'apparence du Panneau d'administration
par Milouze14 Sam 3 Oct 2020 - 16:37

» Afficher le nombre de script(s) disponible(s) dans le volet du profil
par Milouze14 Sam 26 Sep 2020 - 6:44

Les statistiques du forum
Nous avons 444 membres enregistrés

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

Nos membres ont posté un total de 21206 messages dans 1092 sujets

[BESTOF][AWESOMEBB] Nombre de caractères restant sur les nouveaux sujets

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

MathisB
MathisB
Milouzien

MessageMathisB le Dim 5 Jan 2020 - 12:44

  • Version du forum :
    AWESOMEBB
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome
Bonjour,

Sur mon forum j'aimerais que les membres puissent voir le nombre de caractères restants qu'ils ont pour écrire leur sujet sous la forme d'une progress bar en pourcentage.
En effet, sur Forumactif la limite de caractère étant de 65000 en mode édition j'aimerais que mes membres puissent ce rendre compte cette limite sous forme de pourcentage uniquement.

Sauf que petite particularité de mon forum, le mode édition est (volontairement) désactivé ce qui veut dire que les membres n'ont accès qu'au mode WYSIWYG.

Cette barre de progression en pourcentage du nombre de caractères restant en mode édition serait affiché ici :
Capture:
[BESTOF][AWESOMEBB] Nombre de caractères restant sur les nouveaux sujets Captur12

Et pour faire d'une pierre deux coups, j'aimerais que mes membres puissent voir le nombre de caractères qu'ils ont tapé uniquement en mode WYSIWYG.

Merci d'avance pour votre aide :D


Dernière édition par MathisB le Sam 11 Jan 2020 - 15:54, édité 1 fois
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 5 Jan 2020 - 19:12

Hello Mathis,
je ne vois pas l'intérêt de barre une barre de progression pour donner une information à tes membres, la meilleure des choses et de donner le nombre de caractère restant.
De plus, j'ai bien peur que cela bloque sur un des modes de rédaction.


Ensuite, peux tu éclairer ma lanterne sur ce point:

Sauf que petite particularité de mon forum, le mode édition est (volontairement) désactivé ce qui veut dire que les membres n'ont accès qu'au mode WYSIWYG.

Ben,
ce n'est pas parce que l'édition est bloqué que le mode WYSIWYG est activé!!!


Et pour faire d'une pierre deux coups, j'aimerais que mes membres puissent voir le nombre de caractères qu'ils ont tapé uniquement en mode WYSIWYG.

Donc, on est d'accord que dans l'autre mode, on affiche rien ?





Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
MathisB
MathisB
Milouzien

MessageMathisB le Mar 7 Jan 2020 - 14:42

@Milouze14 a écrit:
Hello Mathis,
je ne vois pas l'intérêt de barre une barre de progression pour donner une information à tes membres, la meilleure des choses et de donner le nombre de caractère restant.

D'accord ça me va aussi ^^

@Milouze14 a écrit:
Ce n'est pas parce que l'édition est bloqué que le mode WYSIWYG est activé!!!

Oui mais le mode WYSIWYG est activé. Seul le bouton pour basculer d'un mode d'édition à l'autre est désactivé par du CSS :D

@Milouze14 a écrit:Donc, on est d'accord que dans l'autre mode, on affiche rien ?
On affiche le code dans les 2 modes puisque un seul mode est disponible pour mes membres. Ils n'ont pas accès au mode d'édition ou l'on voit le code.


Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 8 Jan 2020 - 8:40

Hello Mathis,
OK merci, dernière question :
Tu veux le compteur seulement sur un nouveau sujet ?

Le script est assez fastidieux donc ne soit pas trop pressé.




Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
MathisB
MathisB
Milouzien

MessageMathisB le Mer 8 Jan 2020 - 14:16

Sur tout ça serait bien :)
Sinon, le plus facile pour toi ^^

Je ne suis pas pressée ne t'inquiète pas tu peux prendre ton temps.

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 8 Jan 2020 - 18:24

Re Mathis,

avec ce script , il n'y aura pas de décompte mais il affichera le nombre de caractères autorisés en permanence et ce quelque soit l'éditeur.


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

Mettre un titre explicite.
Cocher sur toutes les pages.


Déposer ceci:

Code:

jQuery(document).ready(function(){
$('#text_editor_textarea').before('<div id="M14_Decompte"class="block-header"align="center">Nombre de caractére(s) <b>0</b>   sur 65000 autorisés.</div>');
});function addcounters () {
winwin = $('.sceditor-container iframe')[0];
winwin.contentDocument.onkeyup = function () {
with (winwin.contentWindow.parent.document) {
$('#M14_Decompte').html('Nombre de caractére(s) '+ winwin.contentDocument.body.innerText.length + '  sur 65000 autorisés.');}};
$('.sceditor-container textarea').keyup(function() {
$('#M14_Decompte').html('Nombre de caractére(s) <b>'+ this.value.length + '</b>   sur 65000 autorisés.');});};
$(window).ready(function() {setTimeout(addcounters,1000);});

Penser a cliquer sur le bouton Valid


Pas besoin de style, le tag d'information va prendre la couleur
de fond de la version AwesomeBB
 

Je cherche autre chose car ce n'est pas très concluant.
MathisB
MathisB
Milouzien

MessageMathisB le Mer 8 Jan 2020 - 21:07

Merci :D
Ok, j'attend la suite ^^

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 10 Jan 2020 - 19:31

Tu peux tester ce script:


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

Mettre un titre explicite.

Cocher sur toutes les pages.

Déposer ceci:

Code:

$(function(){
if(!$('#text_editor_textarea').length || !$.fn["sceditor"]) return;
  var smil=$('#smiley-box,#smileyContainer').length;
  if(smil)
  {
$(function(){
$('.sceditor-container').after('<div id="M14_Decompte">Reste <span class="M14_Decompte">65000</span> <b>caractères</b></div>');
var texta=$('#text_editor_textarea').sceditor('instance');
if(!texta) return; 
var raf= function(){var decompte=65000;var num=texta.val().length;var result=decompte-num;$('.M14_Decompte').text(result);
};texta.keyUp(function(){setTimeout(function(){ raf() }, 1000)});raf()})
  }
  });


Penser a cliquer sur le bouton Valid


Puis le style:


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

Ajouter ceci:

Code:

div#M14_Decompte
{
width:40%;margin-left:30%;height:30px;line-height:30px;color:white;background-color:#20aec8;text-align:center;font-size:12px;
}
/*LA PARTIE DES CARACTERES*/
span.M14_Decompte
{
color:#222222;
font-size:12px;
}



Penser a cliquer sur le bouton [BESTOF][AWESOMEBB] Nombre de caractères restant sur les nouveaux sujets Sans_t10






Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
MathisB
MathisB
Milouzien

MessageMathisB le Ven 10 Jan 2020 - 22:14

Bonsoir Milouze,

Merci mais rien ne s'affiche

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 11 Jan 2020 - 4:29

Hello Mathis,
le script ne fonctionne pas sur la réponse rapide avec ta version.

Oui mais le mode WYSIWYG est activé. Seul le bouton pour basculer d'un mode d'édition à l'autre est désactivé par du CSS :D

Comment as tu désactivé ce bouton pour le changement de mode d'édition ?

MathisB
MathisB
Milouzien

MessageMathisB le Sam 11 Jan 2020 - 13:23

Salut Milouze,
@Milouze14 a écrit:
Hello Mathis,
le script ne fonctionne pas sur la réponse rapide avec ta version.

Mais je ne parle pas de la réponse rapide, je parle des nouveaux sujets.



Comment as tu désactivé ce bouton pour le changement de mode d'édition ? 
Je l'ai tout simplement masqué avec un code CSS.

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 11 Jan 2020 - 15:25

Merci de donner les renseignements, le sujet va être clôturé rapidement car j'ai horreur de perdre mon temps et d'aller aux renseignements....
As tu un compte test car le script et fonctionnel.
Tu as modifié un template???


MathisB
MathisB
Milouzien

MessageMathisB le Sam 11 Jan 2020 - 15:54

Dans le doute j'ai testé le doute sur un forum vierge et effectivement il fonctionne.
Je passe donc le sujet en résolu.
Désolé pour la perte de temps et un grand merci à toi ^^

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 11 Jan 2020 - 15:55

De rien Mathis,
et pour les prochaines demandes, merci de donner un maximum de renseignements.



Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil

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