JavaScript et la validation WC3 [Trucs & Astuces]

FoxLeRenard · 07/12/2005, 02h09

Utilisant toujours la même ossature pour mes sites WEB, j'ais décidé de les écrire avec plus de rigueur.
Pour cela je me suis basé sur le controle de validité de WC3, qui me parait une référence ?

Pour la feuille de style pas de probléme sauf qu'apparament je ne peux garder mes bares de scroll
en couleur, (a moins de générer les kignes de style correspondante par javascript lorsque le
navigateur est IE5 > ). bon passons ...

Pour le "BODY" je veux dire "body" la c'est autre chose ... plein plein plein d'ennuis ...

Alors le plus incroyable est que pour étre validé il faut débuter le HTML par

Code :

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

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

Si alors dans le body je mets un javascript contenant

Code :

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

1
2
3
4
5
6
7
8
<script language="javascript" type="text/javascript">
<!--
 if (C_IE5_6==1){
        nx=document.body.offsetWidth;
        ny=document.body.offsetHeight;
         }
// -->
</script><noscript></noscript>

alors nx est parfait mais ny est nimporte quoi par exemple 32 ???

Si je retires juste les deux premiéres lignes alors tout est parfait comme avant ???
alors je n'y comprends RIEN ;-(

Votre avis ?
merci d'avance

**SpaceFrog** · 07/12/2005, 08h36

mon avis ? IE 5 pas glop !

**siddh** · 07/12/2005, 09h49

je comprend pas ton probleme.

C'est de valider ta page ou de recupérer la hauteur ?

**denisC** · 07/12/2005, 13h10

Envoyé par siddh

C'est de valider ta page ou de recupérer la hauteur ?

Validation => Doctype => problème sur la hauteur (à cause du quirkmode IE)....

FoxLeRenard · 07/12/2005, 13h56

Envoyé par denisC

Validation => Doctype => problème sur la hauteur
(à cause du quirkmode IE)....

j'ais l'impression que c'est donc un bug connu ? c'est quoi ce
quirkmode IE , et comment régler le probléme ?

En attendant mercis a tout ceux qui on répondu a mon message
et toi en particulier.

pour répondre a d'autres questions , ce que je cherche c'est récupérer
la hauteur de ma fenétre avec la balyse DOCTYPE présente ;-)

**siddh** · 07/12/2005, 13h58

la hauteur visible ou totale ?

**siddh** · 07/12/2005, 14h00

regardes ca j'utilise les deux dans cette source

FoxLeRenard · 07/12/2005, 14h14

Envoyé par siddh

regardes ca j'utilise les deux dans cette source

AH enfin une occasion de mieux m ' expliquer ... MERCI !!

alors je reposes ma question autrement.
1) Prends ton script sans rien changer
2) suposons qu'ils soit sur le web et que tu veuille le valider aux normes WC3, tu va donc rajouter (c'est la norme)

Code :

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

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

la derniére ligne remplaçant to HEAD bien sur ...

3) alors test ton HTML et tu auras compris ma question !!

Mille mercis à toi

FoxLeRenard · 07/12/2005, 14h16

Arhhhh ... j'oublais le validateur est ici

http://validator.w3.org/

**siddh** · 07/12/2005, 14h35

ouki je vois

je regardes ca

**denisC** · 07/12/2005, 14h39

Envoyé par winpasapas

j'ais l'impression que c'est donc un bug connu ? c'est quoi ce
quirkmode IE , et comment régler le probléme ?

Ce qui est connu, c'est que IE a un comportement plus qu'imprévisible dans ce cas.

Pour t'expliquer un peu la chose, la validation des documents HTML impose la présence d'un DOCTYPE.

Pour des raisons de compatiblité avec le passé, tous les navigateurs acceptent les documents sans DOCTYPE. La ou IE (6) est particulier, c'est qu'il a deux modes de fonctionnement, le quirkmode, appliqué aux documents sans DOCTYPE, dont le but est d'être compatible avec le passé, et le mode strict appliqué aux documents avec DOCTYPE, dont le but est de se conformer aux standards actuels (pas très réussi mais bon).

Et donc, en particulier, la hauteur d'une page (ton offsetHeight) ne fonctionne pas de la même façon dans les deux cas:

Voila le code complet:

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
 
var x,y;
if (self.innerHeight) // all except Explorer
{
x = self.innerWidth;
y = self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight)
// Explorer 6 Strict Mode
{
x = document.documentElement.clientWidth;
y = document.documentElement.clientHeight;
}
else if (document.body) // other Explorers
{
x = document.body.clientWidth;
y = document.body.clientHeight;
}

Et on retrouve bel et bien le comportement particulier de IE6 en strict mode...

FoxLeRenard · 07/12/2005, 14h49

Envoyé par denisC

Ce qui est connu, c'est que IE a un comportement plus qu'imprévisible dans ce cas.

Pour t'expliquer un peu la chose, la validation des documents HTML impose la présence d'un DOCTYPE. etc...

HOULA !! c'est géant tout compris , tout simple , et en plus je viens de tester c'est résolu pour moi ...

Comment te remercier ?

C'est agréable en plus de la solution de savoir le pourquoi ;-)

PS: je vais donc clore par résolu ce fil