Un menu qui se déplace

Version imprimable

Voir 40 message(s) de cette discussion en une page

07/10/2005, 11h28
Olish

Citation:

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?

J'ai essayé ça:

Code:

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.

07/10/2005, 11h34
Mr N.

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...
07/10/2005, 11h35
Mr N.

Citation:

Envoyé par Olish

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

Enlève cette ligne de ton fichier html :

Code:

<!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.
07/10/2005, 11h39
Olish

Ca ne fonctionne pas non plus. C'est grave ça quand même... :x
07/10/2005, 11h43
SpaceFrog

change de pc ? :lol:
07/10/2005, 11h50
Mr N.

Arrête l'informatique ? :lol:

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 ?

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

Code:

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...

07/10/2005, 11h55
SpaceFrog

aucun souci chez moi ...
07/10/2005, 11h56
Olish

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

Firefox m'indique que la page en question est en Mode de compatibilité.
07/10/2005, 12h00
Mr N.

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...
07/10/2005, 18h04
Mr N.

Tiens ça devrait t'interesser !
http://www.quirksmode.org/js/fixedmenu.html
07/10/2005, 18h36
Olish

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! :D :merci: :yaisse1: :chin: :yaisse3:
19/10/2011, 10h38
ernestrenan

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.

Voir 40 message(s) de cette discussion en une page