DOCTYPE et document.body.scrollTop....

**lacsap49** · 30/03/2006, 12h23

Dans la s�rie, plus tu creuses moins tu trouves !

Mes questions pr�c�dentes ayant semble-il un peu �nerv�, je reviens humblement vers vous apr�s avoir fouill� un peu partout et pr�par� un exemple complet.

g�n�se : Apr�s m'etre aper�u que ce que j'avais ecrit (HTML+CSS+Javascript), fonctionnant parfaitement sous IE et Firefox, affichait le code de la page au lieu de celle-ci chez un ami equip� d'un Apple. J'avais repris la pioche pour valider mon code (http://validator.w3.org/). J'ai donc obtenu des pages valid�es mais qui ne fonctionnait plus � cause notamment d'affectation de valeur sans unit� (...top=100 au lieu de de ... top=100+"px" ) MEA CULPA et merci pour votre aide.

Mon NOUVEAU probl�me :

d'abord un exemple :

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
  <meta http-equiv="Content-script-type" content="text/javascript" >
  <meta http-equiv="Content-style-type" content="text/css" >
  <meta http-equiv="Content-language" content="fr" >
 
  <title>essai page</title>
 
<script type="text/javascript">
var pfcie4 = (document.all)? true:false;
// affiche la position
function pos() {
  if(pfcie4) { document.write(document.body.scrollTop); } else { document.write(window.pageYOffset); }
}
 
</script>
 
</head>
<body>
  texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>
  texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>
  texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>
  texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>
  texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>
  texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>
  texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>
  texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>
  texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>texte<br>
  <a href="#" onClick="pos()">clic</a>
</body>
</html>

Evidemment c'est pas ce que l'on fait de plus utile comme page. Mais le probleme est le suivant :
- si on laisse la ligne Doctype IE affiche 0 pour la valeur document.body.scrollTop
-si on enleve le Doctype il donne la bonne valeur.
Firefox lui donne bien la valeur dans les 2 cas.

L'application r�elle : Je surveille la valeur du scroll et d�clenche une routine Javascript lorsque celle-ci change. comme la valeur de scroll n'est pas retourn�e avec IE... j'avance pas d'un iota.

Pour re-pr�ciser ma d�marche et eviter les tirs � vue :
- Je dois evidemment faire une grosse erreur (pour pas dire plus), ne m'incendiez pas !
- Je ne cherche pas � faire une usine � gaz... (je ne fais pas de blocage de clic droit, je ne force pas l'ouverture d'un lien dans une autre page, je ne suis pas le roi des popup...).
- Les pages fonctionnent m�me sans Javascript ou sans CSS activ�...

mon raisonnement : si mes pages sont valides, elles ont plus de chance de s'afficher correctement sur un max de navigateur.

pour finir qu'est-ce que je fais de travers pour que "document.body.scrollTop" ne retourne pas la bonne valeur.

Pascal (futur ancien d�butant)

**Matthieu2000** · 30/03/2006, 13h20

http://www.w3.org/TR/html4/index/attributes.html
...
ton attribut n'est pas reconnu par le doctype d�fini

**lacsap49** · 30/03/2006, 13h23

Merci, je vais voir ton lien

pascal

**lacsap49** · 30/03/2006, 14h39

bon bah je rame...

j'ai modifi� comme �a

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<a href="index.htm" onclick="alert(document.body.scrollTop)">clic</a>

j'ai bien droit au attributs href et onclick mais �a ne change rien.

je p�dale dans la semoule. d'autant que firefox lui, fonctionne a tous les coups.

IE me renvoie syst�matiquement 0

**lacsap49** · 30/03/2006, 16h35

pas la moindre piste ?

j'ai fait plein de test, et document.body.scrollTop me renvoie toujours 0

a t'on le droit d'utiliser document.body.scrollTop avec ce DOCTYPE ?