Connexion

Récupérer mon mot de passe

Derniers sujets
» [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

» [TOUTES VERSIONS] Afficher un bouton pour remonter en haut de page
par Bigalex Mar 19 Mai 2020 - 21:06

[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:
[Vous devez être inscrit et connecté pour voir ce lien]

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 ?



[Vous devez être inscrit et connecté pour voir ce lien]


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

MessageMathisB le Mar 7 Jan 2020 - 14:42

[Vous devez être inscrit et connecté pour voir ce lien] 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 ^^

[Vous devez être inscrit et connecté pour voir ce lien] 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

[Vous devez être inscrit et connecté pour voir ce lien] 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.


[Vous devez être inscrit et connecté pour voir ce lien]
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é.


[Vous devez être inscrit et connecté pour voir ce lien]


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.

[Vous devez être inscrit et connecté pour voir ce lien]
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 ^^

[Vous devez être inscrit et connecté pour voir ce lien]
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 [Vous devez être inscrit et connecté pour voir ce lien]




[Vous devez être inscrit et connecté pour voir ce lien]


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

[Vous devez être inscrit et connecté pour voir ce lien]
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,
[Vous devez être inscrit et connecté pour voir ce lien] 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.

[Vous devez être inscrit et connecté pour voir ce lien]
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???


[Vous devez être inscrit et connecté pour voir ce lien]
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 ^^

[Vous devez être inscrit et connecté pour voir ce lien]
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

[Vous devez être inscrit et connecté pour voir cette image]
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