[TOUTES VERSIONS] Imposer un nombre de mots avant l'envoi du message

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

Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
coucou ,

L'astuce ne venant pas de moi mais du support Italien,
elle restera donc visible :
[Vous devez être inscrit et connecté pour voir ce lien]

Elle consiste a afficher le nombre de mots tapé dans tous les éditeurs de votre fofo avec une restriction de lettre par mots qui sera défini dans le script.

Tous les textes ont été traduit par mes soins et aussi remanié sur l'apparence mais en respectant l'auteur sur les identifiants.

Pour l'astuce , j'ai paramétré le script avec 10 mots ayant eux mêmes au moins trois lettres.

Il faut bien prendre en compte que le script comptera le nombre de mots ayant au moins trois lettres les image suivantes seront bien plus parlantes surtout pour la deuxième ou on voit bien dix mots mais l'envoi n'est toujours pas effectif car un mot est composé de deux lettres donc non compté hinhin



Les aperçus imagés:

Le bloc vierge:

[Vous devez être inscrit et connecté pour voir cette image]

Le bloc lors de la frappe :

[Vous devez être inscrit et connecté pour voir cette image]

On voit bien les dix mots mais l'envoi n'est toujours pas possible car le mot "si" n'est pas prit en compte vu qu'il est composé de 2 lettres.

[Vous devez être inscrit et connecté pour voir cette image]


Allez c'est partiiiiiiiii :


Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.



Déposez ceci:
Code:

$(function(){$(function(){
//Nombre de mots minimum
    var MinNumberOfWords = 10;
//Nombre minimum de lettre par mot
    var LetterCountPerWord = 3;
//Image de validation
    var ico_compl = "http://i73.servimg.com/u/f73/18/10/89/49/ok-gre10.png";
//Image invalide
    var ico_incompl = "http://i18.servimg.com/u/f18/11/26/21/37/loadin11.gif";

    if($("#text_editor_textarea").length != 0){
//on règle l'opacité du bouton avant envoi ici 0.2
    $("input[type='submit'][name='post']").attr("disabled", true).attr('title','Il faut dix mots avant l envoi').css("opacity", "0.2");
    $(".sceditor-container").after("<br/><div id='div_minchars' align='center'><div id='div_minchars_header'>Il faut minimum " + MinNumberOfWords + " mots d\'au moins " + LetterCountPerWord + " lettres pour envoyer un message. </div><br/><div id='div_minchars_info'></div></div>");

    var sceditor = $("#text_editor_textarea").sceditor("instance");
    var str = sceditor.val();
    var regex = new RegExp('\\w{' + LetterCountPerWord + ',}\\b', 'g');
    var str_arr = str.match(regex);
    var str_len = str_arr == null ? 0 : str_arr.length;

    if(str_len >= MinNumberOfWords) $("input[type='submit']
//on règle l'opacité du bouton pour l'envoi ici 1
[name='post']").attr("disabled", false).css("opacity", "1");

    sceditor.keyUp(function(e) {
    str = sceditor.val();
    str_arr = str.match(regex);
    str_len = str_arr == null ? 0 : str_arr.length;
    if(str_len >= MinNumberOfWords) {
    $("#div_minchars_info").html("Vous avez écrit <span style='color:green'>" + str_len + "</span> mots. <span style='color:green'>Vous pouvez maintenant envoyer votre message</span><img src='" + ico_compl + "' />");
    $("input[type='submit'][name='post']").attr("disabled", false).attr('title','Vous pouvez poster le message').css("opacity", "1");
    }else{
    $("#div_minchars_info").html("Vous avez écrit " + str_len + " mot(s), encore <span style='color:red'>" + (MinNumberOfWords - str_len) + " </span>
 mot(s) avant l\'envoi &nbsp;<img src='" + ico_incompl + "' />");
    $("input[type='submit'][name='post']").attr("disabled", true).css("opacity", "0.5");
    }
    });
    }
    })});





Pensez a cliquer sur le bouton Valid

Ici, modifiez le nombre de mot minimum avant de poster:
Code:

var MinNumberOfWords = 10;

Ici, modifiez le nombre lettre par mot:
Code:
   
var LetterCountPerWord = 3;


Ici , modifiez l'image de validation:
Code:

var ico_compl = "http://i73.servimg.com/u/f73/18/10/89/49/ok-gre10.png";


Ici, modifiez l'image invalide :
Code:
   
var ico_incompl = "http://i18.servimg.com/u/f18/11/26/21/37/loadin11.gif";

Ici, modifiez le title ("Il faut dix mots avant l envoi") en relation avec le nombre de mots de la variable et l'opacité du bouton

Code:

$("input[type='submit'][name='post']").attr("disabled", true).attr('title','Il faut dix mots avant l envoi').css("opacity", "0.2");



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


Déposez ceci:
Code:

/*La barre du haut*/
#div_minchars_header{color:orange;font-size:12px !important;}
/*La barre du bas*/
#div_minchars_info {font-style:italic;color:green;font-size:12px !important;}



Pensez à valider les modifications en cliquant sur le bouton Valid

Le style n'est qu'un exemple , à vous donc de paramétrer votre bloc comme bon vous semble les ami(e)s.




Voila, c est tout pour le moment clin oeil .
Un soucis direction l entraide hinhin
[Vous devez être inscrit et connecté pour voir ce lien]




[Vous devez être inscrit et connecté pour voir cette image]

-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums


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



Invité
avatar
Invité

MessageInvité

  • 16px
  • 24px
  • Zoom
Merci pour cette astuce super
50Thierry
avatar
Membre

Message50Thierry

  • 16px
  • 24px
  • Zoom
bonjour milouze, et t'il possible de le faire fonctionner que sur 1 ou 2 forum de mon choix, et non pas sur le forum entier, des petits rigolo font des messages du genre merci, sympa, salut, pour pouvoir passer à membre actif sans participer au forum, mais ce script bloque aussi les modos/admin sur notre section privé, est-t'il possible de le faire ??, merci pour ton retour.
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Salut 50Thierry,

hum une petite présentation serait bienvenue  clin oeil . :
[Vous devez être inscrit et connecté pour voir ce lien]



[Vous devez être inscrit et connecté pour voir ce lien] a écrit:
bonjour milouze, et t'il possible de le faire fonctionner que sur 1 ou 2 forum de mon choix, et non pas sur le forum entier, des petits rigolo font des messages du genre merci, sympa, salut, pour pouvoir passer à membre actif sans participer au forum, mais ce script bloque aussi les modos/admin sur notre section privé, est-t'il possible de le faire ??, merci pour ton retour.


Ce forum n'a pas pour vocation d'apporter d'autre explication sur le tutoriel présent.
Si ce dernier n'est pas assez explicite:
[Vous devez être inscrit et connecté pour voir ce lien]




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


[Vous devez être inscrit et connecté pour voir cette image]

-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums


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



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