Message si condition atteinte

Version imprimable

26/05/2011, 07h30
jlb59

Message si condition atteinte
Bonjour à tous,

J'ai mis dans un formulaire de contact au niveau de la Textarea, un compteur de caractères récupéré sur le Web, mais je sais plus où.
Comme je l'ai limité à 250, je voudrais savoir comment faire pour afficher une boite d'alerte lorsque cette limite est atteinte !

Il faut que je précise, en JS, je suis nul !

Au cas où je vous mets le script pour mieux me comprendre.
Code:

1 2 3 4 5 <script language="javascript" type="text/javascript"> //<![CDATA[ displaylimit("","message",250) //]]> </script
Merci d'avance de votre aide.
26/05/2011, 08h03
Loceka

Il te faut modifier le code de la fonction displaylimit.
26/05/2011, 08h22
jlb59

Citation:

Envoyé par Loceka

Il te faut modifier le code de la fonction displaylimit.

Il faut que je précise, en JS, je suis nul !
26/05/2011, 08h25
andry.aime

Bonjour,

Peux-tu nous monter le code de la fonction displaylimit?

Citation:

Envoyé par jlb59

Il faut que je précise, en JS, je suis nul !

T'en fait pas pour ça, il suffit que tu passes ici.

A+.
26/05/2011, 08h46
jlb59
Citation:

Envoyé par andry.aime

Bonjour,

Peux-tu nous monter le code de la fonction displaylimit?

T'en fait pas pour ça, il suffit que tu passes ici.

A+.
Code:

1 2 3 4 5 <script language="javascript" type="text/javascript"> //<![CDATA[ displaylimit("","message",250) //]]> </script
26/05/2011, 08h51
andry.aime

ça c'est l'appelle de la fonction displaylimit :aie:.
26/05/2011, 09h02
jlb59

Oui mais comment faire pour que ça marche ?

Citation:

Envoyé par jlb59

Oui mais comment faire pour que ça marche ?

Si tu ne veux pas nous montrer ton code, je dois rester :zen: pour cette fois et t'offrir un nouveau code.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
	<head>
		<script type="text/javascript">
                        function displaylimit(obj, message, limit){
                                if(obj.value.length==limit){
                                        alert (message);
                                        return false;
                                }
                        
                        }
                </script>
	</head>
	<body>
		<textarea onkeypress=" return displaylimit(this,'Bla bla 10',10)"></textarea>
	</body>
</html>

A+.

Avec le code précédent, tu ne peux pas faire des suppressions dans le textarea avec Firefox.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
	<head>
		<script type="text/javascript">
                        function displaylimit(obj, message, limit,event){
                                if(obj.value.length>=limit){
                                var keycode = (event.keyCode) ? (event.keyCode) : (event.which);
                                        if(keycode!="8" && keycode!="46"){
                                                alert (message+" "+limit);
                                                return false;
                                        }
                                }
                        }
                </script>
	</head>
	<body>
		<textarea onkeypress=" return displaylimit(this,'Bla bla',10,event)"></textarea>
	</body>
</html>

A+.

Citation:

Envoyé par andry.aime

Si tu ne veux pas nous montrer ton code, je dois rester :zen: pour cette fois et t'offrir un nouveau code.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
	<head>
		<script type="text/javascript">
                        function displaylimit(obj, message, limit){
                                if(obj.value.length==limit){
                                        alert (message);
                                        return false;
                                }
                        
                        }
                </script>
	</head>
	<body>
		<textarea onkeypress=" return displaylimit(this,'Bla bla 10',10)"></textarea>
	</body>
</html>

A+.

Je t'ai mis mon code mais peut-être que c'était pas ça que tu voulais ?

Et merci pour ce code mais c'est un peu de l'hébreu pour moi !
Je vais essayer de faire pour le mieux avec, on verra bien !

26/05/2011, 10h00
andry.aime

Citation:

Envoyé par jlb59

Je t'ai mis mon code mais peut-être que c'était pas ça que tu voulais ?

J'ai bien peur que tu n'as pas la fonction displaylimit dans ton code :no:.

Citation:

Envoyé par andry.aime

J'ai bien peur que tu n'as pas la fonction displaylimit dans ton code :no:.

J'y connais rien du tout, aussi, ce que je mets dans le code est peut-être ce que tu voulais ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<script language="javascript" type="text/javascript">
//<![CDATA[
//source sur: www.portugal-tchat.com//
var ns6=document.getElementById&&!document.all
 
	function restrictinput(maxlength,e,placeholder){
	if (window.event&&event.srcElement.value.length>=maxlength)
	return false
	else if (e.target&&e.target==eval(placeholder)&&e.target.value.length>=maxlength){
	var pressedkey=/[a-zA-Z0-9\.\,\/]/ 
	if (pressedkey.test(String.fromCharCode(e.which)))
	e.stopPropagation()
	}
	}
	function countlimit(maxlength,e,placeholder){
	var theform=eval(placeholder)
	var lengthleft=maxlength-theform.value.length
	var placeholderobj=document.all? document.all[placeholder] : document.getElementById(placeholder)
	if (window.event||e.target&&e.target==eval(placeholder)){
	if (lengthleft<0)
	theform.value=theform.value.substring(0,maxlength)
	placeholderobj.innerHTML=lengthleft
	}
	}
	function displaylimit(thename, theid, thelimit){
	var theform=theid!=""? document.getElementById(theid) : thename
	var limit_text='Reste <strong><span id="'+theform.toString()+'">'+thelimit+'</span></strong> sur 250 autorisés.'
	if (document.all||ns6)
	document.write(limit_text)
	if (document.all){
	eval(theform).onkeypress=function(){ return restrictinput(thelimit,event,theform)}
	eval(theform).onkeyup=function(){ countlimit(thelimit,event,theform)}
	}
	else if (ns6){
	document.body.addEventListener('keypress', function(event) { restrictinput(thelimit,event,theform) }, true); 
	document.body.addEventListener('keyup', function(event) { countlimit(thelimit,event,theform) }, true); 
	}
	}
//]]>
</script>

26/05/2011, 10h25
Loceka

Ah ben voilà :bravo:
Ca aura pris 10 messages mais on y est arrivé.

Ligne 12 : alert("limite atteinte");.

PS :
Merci à andry.aime pour sa patience.
26/05/2011, 10h47
jlb59

Citation:

Envoyé par Loceka

Ah ben voilà :bravo:
Ca aura pris 10 messages mais on y est arrivé.

Ligne 12 : alert("limite atteinte");.

PS :
Merci à andry.aime pour sa patience.

T'as bien raison, il est armé de patience... à mon grand bonheur !

Et je tiens beaucoup de m'avoir aidé à résoudre ce hic !
26/05/2011, 11h03
Loceka

Citation:

Envoyé par jlb59

Comme je l'ai limité à 250, je voudrais savoir comment faire pour afficher une boite d'alerte lorsque cette limite est atteinte !

Citation:

Envoyé par jlb59

pour fixer la limite, je dois aller où ?

Faudrait savoir, tu veux modifier la limite ou bien afficher une pop-up d'alerte lorsque la limite est atteinte ?

Si tu veux la pop-up, il suffit de rajouter le code que j'ai écrit à la ligne sus-mentionnée (copier le code que j'ai marqué, ouvrir le fichier, aller à la ligne correspondant à la ligne 12 que t'as postée, coller le code, appuyer sur entrée pour sauter une ligne, appuyer sur tabulation pour indenter le code).
26/05/2011, 11h49
jlb59

Citation:

Envoyé par Loceka

Faudrait savoir, tu veux modifier la limite ou bien afficher une pop-up d'alerte lorsque la limite est atteinte ?

Si tu veux la pop-up, il suffit de rajouter le code que j'ai écrit à la ligne sus-mentionnée (copier le code que j'ai marqué, ouvrir le fichier, aller à la ligne correspondant à la ligne 12 que t'as postée, coller le code, appuyer sur entrée pour sauter une ligne, appuyer sur tabulation pour indenter le code).

Tout est OK, ce que tu m'as donné est parfait.
Merci encore.
26/05/2011, 11h54
andry.aime

Citation:

Envoyé par Loceka

PS :
Merci à andry.aime pour sa patience.

:ange: