Mon script pour compter les caractères marche sous IE7 et non IE8

**Alexandrebox** · 06/04/2009, 23h57

bonsoir,

Je suis débutant en javascript.
J'ai pris un code que j'utilise sur mon site. Le code permet de compter les caractères tapés dans un box au fure à mesure qu'ils sont tapés. Le code marche bien (IE7, FF, Safari)
Depuis que j'ai installé IE8, le même code ne marche pas sur IE8.
SVP Pourriez-vous m'aider à l'adapter? Ou connaitriez-vous un code plus simple compatible à tous les navigateurs et aussi à IE8.

Voici le code:

Fichier fonctions.js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
41
42
// COMPTER DES CARACTERES DANS UN CHAMP-----------------------------------------------------------
 
 
 
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='<b><span id="'+theform.toString()+'">'+thelimit+'</span></b> caractères Maximum.'
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); 
}
}

Page HTML où se trouve le formulaire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<head>
//appeler le fichier
<SCRIPT LANGUAGE=Javascript SRC="../js/fonctions.js"> </SCRIPT>
</head>
 
<body>
<form>
...
<textarea name="metadescription" cols="92" rows="4" id="idTexte">Voici la place réservée au texte pas plus de 138 caractères</textarea> 
<script>displaylimit("","idTexte",138)</script>
</form>
</body>

D'avance je vous remercie

**SpaceFrog** · 07/04/2009, 08h54

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script langage="Javascript" type="text/javascript" src="../js/fonctions.js"> </script>

**Alexandrebox** · 07/04/2009, 09h24

Merci pour votre réponse.
Mais malheureusement ce n'est pas à ce niveau le problème. J'ai fait ce que vous avez dit et l'erreur n'a pas changé. Avec les autres navigateurs, non seulement il y a pas d'erreur mais en plus le code fonctionne. ça fonctionne aussi sur IE7.
Il y a que sur IE8 que ça ne marche pas. Alors que bcp sont utilisent IE8.

Voici le code d'erreur:

Détails de l’erreur de la page Web
Agent utilisateur : Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.21022; .NET CLR 3.5.30729; .NET CLR 3.0.30618; InfoPath.2)
Horodateur : Tue, 7 Apr 2009 07:17:14 UTC

Message*: 'undefined' a la valeur Null ou n'est pas un objet.
Ligne*: 170
Caractère*: 1
Code*: 0
URI*: http://www.monsite.com/monadmin/js/fonctions.php

Voici la ligne 170 dont-il parle :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

placeholderobj.innerHTML=lengthleft

Merci bcp

**Bovino** · 07/04/2009, 09h34

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var placeholderobj=document.all? document.all[placeholder] : document.getElementById(placeholder)

Je crois qu'il est largement temps de considérer que document.all est obsolète

Essaye juste ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var placeholderobj=document.getElementById(placeholder)

**Alexandrebox** · 07/04/2009, 11h44

bonjour,

Merci pour votre aide.
J'ai fait ce que vous avez dit. Comme je l'avais mentionné au début, je suis néophyte en javascript. J'ai trouvé ce code.
La correction que je viens de faire ne permet pas encore au code de marcher.

Peut-être dois-je également changer quelque à cette ligne ? (ligne 170)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

placeholderobj.innerHTML=lengthleft

Ou à quelque part d'autre?

Voici le code d'erreur. Toujours au même niveau :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
Agent utilisateur : Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.21022; .NET CLR 3.5.30729; .NET CLR 3.0.30618; InfoPath.2)
Horodateur : Tue, 7 Apr 2009 09:43:18 UTC
 
 
Message*: 'null' a la valeur Null ou n'est pas un objet.
Ligne*: 170
Caractère*: 1
Code*: 0

D'avance je te remercie