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 ?

**lacsap49** · 31/03/2006, 08h27

Essaie de remplacer document.body.scrollTop par document.documentElement.scrollTop...

Quel pied ça marche.. tiens j'vais même mettre un smile

Je vais de ce pas marquer ce post comme résolu et modifier le titre du Post

a+

Pascal

DOCTYPE et document.body.scrollTop....

JavaScript

Discussions similaires

Partager

Partager