Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

[ ↓ ]

Voir le sujet précédent Voir le sujet suivant Message [Page 1 sur 1]

Milouze14


Fondateur

Milouze14

Message posté: le Lun 24 Aoû 2015 - 8:56
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]






Fondateur des forums Milouze14

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



Dany.nou


Membre

Dany.nou

Message posté: le Mar 25 Aoû 2015 - 13:29
Merci pour cette astuce super

50Thierry


Nouveau membre

50Thierry

Message posté: le Mer 1 Juin 2016 - 4:17
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


Fondateur

Milouze14

Message posté: le Mer 1 Juin 2016 - 5:32
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]





Fondateur des forums Milouze14

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



Voir le sujet précédent Voir le sujet suivant Message [Page 1 sur 1]

[ ↑ ]

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

  
  • © PunBB | Signaler un abus