Un menu qui se déplace

**Olish** · 07/10/2005, 11h28

Envoyé par Mr N.

Enleve la dtd et tu verras que ca marche !
Quirks mode vs Standards compliance mode

DW a raison...

C'est quoi ça? Je ne comprends pas? Comment voit-on ce mode?

**Olish** · 07/10/2005, 11h31

J'ai essayé ça:

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
<!--
function prog() {
 
    window.document.getElementById("boite_deplacable").style.top =  window.document.pageYOffset+150+'px';
	window.setTimeout("javascript:prog();",3000);
}
 
//-->
</script>
</head>
 
<body onload="prog();">
<a href="javascript:(confirm('oui ou non')?window.location.href='newpage.htm':void(0));">ici</a>
<div id="boite_deplacable" style="height:150px;width:150px;background-color:red;position:absolute; top:150px">sfqsd</div>
<div style="height:1500px;">ddd</div>
</body>
</html>

Rien non plus.

**Mr N.** · 07/10/2005, 11h34

A partir du moment ou tu met une dtd sur ton flux (x)html, le browser passe du mode 'quirks mode' au mode 'standards compliance mode', en gros il applique la dtd et ne reconnait pas les attributs non déclarés dans cette dtd.
Or onscroll ne fait pas partie de la dtd http://www.w3.org/TR/html4/loose.dtd donc pas reconnu par le navigateur donc pas de scroll.
C'est une deduction personnelle, peut-etre que la verité est ailleurs...

**Mr N.** · 07/10/2005, 11h35

Envoyé par Olish

J'ai essayé ça:[...]

Enlève cette ligne de ton fichier html :

Code :

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Attention! je ne dis pas que c'est ce qu'il faut faire au final. C'est juste pour voir ton scroll. après à toi de choisir entre mettre le doctype ou pas.

**Olish** · 07/10/2005, 11h39

Ca ne fonctionne pas non plus. C'est grave ça quand même...

**SpaceFrog** · 07/10/2005, 11h43

change de pc ?

**Mr N.** · 07/10/2005, 11h50

Arrête l'informatique ?

Après avoir enlevé ce doctype, en quel mode es-tu (cf un de mes posts précédents) ? quel est le source de ta page ? Si tu l'enlève sous DW, es-tu sur qu'il ne le rajoute pas automatiquement à la sauvegarde du fichier ?

**Olish** · 07/10/2005, 11h51

Bien, j'ai testé avec Internet Explorer, ça fonctionne avec ce code:

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
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language=javascript>
<!--
 
function window_onscroll() {
 
    window.document.getElementById("boite_deplacable").style.top =  window.document.body.scrollTop+150+'px';
}
 
//-->
</script>
 
</head>
<body onscroll="window_onscroll()">
<a href="javascript:(confirm('oui ou non')?window.location.href='newpage.htm':void(0));">ici</a>
<div id="boite_deplacable" style="height:150px;width:150px;background-color:red;position:absolute; top:150px">sfqsd</div>
<div style="height:1500px;">ddd</div>
</body>
</html>

Mais Firefox est complètememnt largué sur le coup...

**SpaceFrog** · 07/10/2005, 11h55

aucun souci chez moi ...

**Olish** · 07/10/2005, 11h56

Le doctype n'est pas rajouté automatiquement par Dreamweaver.

Firefox m'indique que la page en question est en Mode de compatibilité.

**Mr N.** · 07/10/2005, 12h00

Aucun soucis pour moi non plus.
Il ne reste plus beaucoup de piste pour ma part et elles sont assez hasardeuses :
OS en cause ? version de Fx en cause ? je ne saurais répondre...

**Mr N.** · 07/10/2005, 18h04

Tiens ça devrait t'interesser !
http://www.quirksmode.org/js/fixedmenu.html

**Olish** · 07/10/2005, 18h36

Je vous remercie tous beaucoup pour votre aide. J'ai réussi tout de même à bidouiller tout ça.

Merci pour le dernier lien, je vais décortiquer le code de la page un peu plus tard... il me semble intéressant.

Puis-je vous inviter à regarder le résultat sur mon site? Je sais que ce n'est pas trop le bon forum mais c'est juste pour que vous voyiez...

http://olishontheweb.selfip.net

Encore merci à vous tous!

**ernestrenan** · 19/10/2011, 10h38

Désolé de remonter mais comme je suis tombé dessus ça peut arriver à d'autres et je pense qu'un simple position: fixed fait l'affaire.

Un menu qui se déplace

JavaScript

Discussions similaires

Partager

Partager