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