Connexion
Derniers sujets*
» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 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
par tenrev Ven 22 Jan 2021 - 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
[BESTOF][AWESOMEBB] Nombre de caractères restant sur les nouveaux sujets
Page 1 sur 1 • Partagez
- MathisBMilouzien
- 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 :
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
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:
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
- Milouze14Fondateur
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:
Ben,
ce n'est pas parce que l'édition est bloqué que le mode WYSIWYG est activé!!!
Donc, on est d'accord que dans l'autre mode, on affiche rien ?
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 ?
NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
- MathisBMilouzien
@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
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 a écrit:Donc, on est d'accord que dans l'autre mode, on affiche rien ?
- Milouze14Fondateur
NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
- Milouze14Fondateur
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:
Penser a cliquer sur le bouton
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.
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

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.
- Milouze14Fondateur
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:
Penser a cliquer sur le bouton
Puis le style:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajouter ceci:
Penser a cliquer sur le bouton![[BESTOF][AWESOMEBB] Nombre de caractères restant sur les nouveaux sujets Sans_t10](https://i.servimg.com/u/f87/11/26/21/37/sans_t10.png)
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

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](https://i.servimg.com/u/f87/11/26/21/37/sans_t10.png)
NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
- Milouze14Fondateur
Hello Mathis,
le script ne fonctionne pas sur la réponse rapide avec ta version.
Comment as tu désactivé ce bouton pour le changement de mode d'édition ?
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 ?
- Milouze14Fondateur
De rien Mathis,
et pour les prochaines demandes, merci de donner un maximum de renseignements.
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

Sujet résolu et déplacé dans le forum adéquate
A bientôt pour une prochaine demande

Sujets similaires internes ( 0 )
Aucun sujet
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum