Connexion

Récupérer mon mot de passe

Derniers sujets
» [TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition
par chrisnvidia Aujourd'hui à 8:00

» [TOUTES VERSIONS] Recherche de texte dans les templates
par Morane Sam 25 Jan 2020 - 15:56

» *RESOLU*[PHPBB2] Lien d'un message spécifique dans un topic
par Milouze14 Ven 24 Jan 2020 - 18:40

» *RESOLU*[EDGE] Tags sur la page d'accueil
par Milouze14 Mer 22 Jan 2020 - 17:33

» histoire du Jour sans fin
par Quad Daniel Mer 22 Jan 2020 - 8:03

» [PUNBB] Module de connexion type Forumactif
par soleda Lun 20 Jan 2020 - 16:05

» *RESOLU*[PHPBB2] Problème des membres non inscrits sur le Tchatt:
par Milouze14 Lun 20 Jan 2020 - 14:59

» [TOUTES VERSIONS sauf AwesomeBB] Ajouter une limite de caractères à la réponse rapide..
par Splash Sam 18 Jan 2020 - 10:25

» *CORBEILLE*[PHPBB2] Echange de trafic modifié en recherche interne inopérant
par Milouze14 Ven 17 Jan 2020 - 19:04

» [AWESOMEBB]Ajouter une limite de caractères à la réponse rapide..
par Milouze14 Ven 17 Jan 2020 - 16:28

» [TOUTES VERSIONS]Visualiser le mot de passe
par soleda Ven 17 Jan 2020 - 6:00

» *RESOLU*[PHPBB2] Nouveaux BBcode pour le TchatBox :
par Milouze14 Mer 15 Jan 2020 - 18:08

» *RESOLU*[PHPBB3] Bouton à Smileys
par Milouze14 Mer 15 Jan 2020 - 11:23

» Histoire de Blondes Sans Fin
par Quad Daniel Mar 14 Jan 2020 - 12:48

» [AWESOMEBB]Afficher les widgets à droite
par Splash Mar 14 Jan 2020 - 8:21

» [AWESOMEBB] Widget "Derniers Sujets"
par Milouze14 Mar 14 Jan 2020 - 7:20

» *RESOLU*[PHPBB3] Bouton à Smileys
par Milouze14 Sam 11 Jan 2020 - 16:13

» *RESOLU*[AWESOMEBB] Nombre de caractères restant sur les nouveaux sujets
par Milouze14 Sam 11 Jan 2020 - 15:55

» *RESOLU*[PHPBB3] Bouton avec menu déroulant
par Milouze14 Sam 11 Jan 2020 - 15:52

» C’est fort de calva !
par Quad Daniel Sam 11 Jan 2020 - 10:14

*RESOLU*[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:
*RESOLU*[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 ?



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é.


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 *RESOLU*[AWESOMEBB] Nombre de caractères restant sur les nouveaux sujets Sans_t10




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

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