Javascript et Doctype pour en finir

FoxLeRenard · 04/02/2009, 17h04

Bonjour,

J' ais appelé ça Javascripte et Doctype pour en finir , en fait pour avoir parcouru toute la toile (non quand même pas) mais pas loin de un mois de travail et lecture, rien de bien convainquant

Pour faire court, dans l'exemple de ma question j'ais une valeur "qui"
pour le navigateur ...
De même nx et ny pour la largeur et la hauteur de ma fenêtre.

Avant, à la belle époque, j'avais

Code :

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

1
2
3
4
 
 if (qui==1){ nx=document.body.offsetWidth;ny=document.body.offsetHeight;  }
  if (qui==2){  nx = innerWidth;  ny = innerHeight; }
  if (qui==3){  nx=window.innerWidth; ny=window.innerHeight;}

J'obtenait, indispensable pour moi, la taille au pixel pret de ma fenêtre visible !
nx et ny enpixels.
Sachant que mon DOCTYPE était a l'époque

Code :

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

1
2
3
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

Maintenant, le seul fait d'étre passé a

Code :

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

1
2
3
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"   "http://www.w3.org/TR/html4/loose.dtd">	
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"  lang="fr">

Fait que ça ne marche plus !
J'obtient bien un semblant de résultat avec

Code :

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

1
2
3
 
nx=document.documentElement.offsetWidth;
ny=document.documentElement.offsetHeight;

Mais ce n' est plus de loins au pixel pret ...

Une idée ?

**SpaceFrog** · 04/02/2009, 17h21

tu as mis un css

Code :

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

1
2
html, body {height:100%;
                   width:100%}

FoxLeRenard · 04/02/2009, 17h28

Envoyé par SpaceFrog

tu as mis un css

Code :

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

1
2
html, body {height:100%;
                   width:100%}

Houla tu m' intrigue, je files tester ça de suite et te tiens au courant
mille mercis à toi

De retour, même résultat, mais tu as eu raison, la piste méritait d'étre visitée,

En gros j'obtient
au lieu de réel 1672*870
nx = 1651 ny = 849

**DoubleU** · 04/02/2009, 18h01

http://en.wikipedia.org/wiki/Quirks_mode

Dans le premier cas, tu es en mode quirks (dégradé) et dans le second en mode almost quirks (presque dégradé).

Les règles d'interprétation du css variant beaucoup entre les 2 modes, c'est normal que tu aies des valeurs différentes pour tes dimensions ^^

FoxLeRenard · 04/02/2009, 18h25

Envoyé par DoubleU

http://en.wikipedia.org/wiki/Quirks_mode

Dans le premier cas, tu es en mode quirks (dégradé) et dans le second en mode almost quirks (presque dégradé).

Les règles d'interprétation du css variant beaucoup entre les 2 modes, c'est normal que tu aies des valeurs différentes pour tes dimensions ^^

Merci de ta réponse, mais tu connais la non-fiabilitée de wikipedia

Même si tu lis
http://pagesperso-orange.fr/coin.des...s/faq9_64.html
Tu verra que je ne suis pas tenu d'étre en strict, alors que mes pages sont en HTML, bien que respectant les normes fermeture balises etc ...

Bon alors toi tu proposes quoi comme choix de DOCTYPE et HTML (les deux si tu peux) car tant qu'a faire je voudrais trouver le moyen Javascript de pouvoir continuer a utiliser ces modules javascript !!

FoxLeRenard · 04/02/2009, 18h35

Envoyé par SpaceFrog

tu as mis un css

Code :

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

1
2
html, body {height:100%;
                   width:100%}

J'arrives a une amélioration en utilisant cette méthode trouvée
sur la toile

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
 
 
function getDocumentSize()
{
    return new Array((document.documentElement && 
document.documentElement.scrollWidth) ? 
document.documentElement.scrollWidth : (document.body.scrollWidth > 
document.body.offsetWidth) ? document.body.scrollWidth : 
document.body.offsetWidth,(document.documentElement && 
document.documentElement.scrollHeight) ? 
document.documentElement.scrollHeight : (document.body.scrollHeight > 
document.body.offsetHeight) ? document.body.scrollHeight : 
document.body.offsetHeight);
 
}
 
var XX=new Array;
XX=getDocumentSize();
nx= XX[0];
ny= XX[1];

A voir ... mais nx = 1671 ny = 879 c' est presqque parfait ...

Je réédites car la valeur tient compte des scrolls donc ne convient pas
il faut en rester au moins pire:

Code :

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

1
2
3
 
nx=document.documentElement.offsetWidth;
ny=document.documentElement.offsetHeight;

**DoubleU** · 05/02/2009, 09h59

Même si tu lis
http://pagesperso-orange.fr/coin.des...s/faq9_64.html
Tu verra que je ne suis pas tenu d'étre en strict, alors que mes pages sont en HTML, bien que respectant les normes fermeture balises etc ...

Bon alors toi tu proposes quoi comme choix de DOCTYPE et HTML (les deux si tu peux) car tant qu'a faire je voudrais trouver le moyen Javascript de pouvoir continuer a utiliser ces modules javascript !!

Le mode quirks n'a rien a voir avec le doctype strict/transitional html/xhtml. Ton navigateur peut très bien être en mode de compatibilité standard avec un doctype transitionnal, donc fermer toutes tes balises ne changera rien au fait qu'avec le premier doctype, tu es en quirks, et avec le deuxième non.

Pour avoir eu le même genre de soucis que toi, par exemple sous IE je crois, la même instruction javascript offsetHeight (je sais pas si c'était pas une autre? mais l'idée reste la) va être interprétée de manière tout a faire différente en quirks ou non. Du genre dans un mode, il va te retourner l'offset par rapport au parent, et dans l'autre par rapport au viewport (plus de détails ici pour illustration, dans le premier lien).

Si tu veux réellement conserver tes fonctions, repasse en mode quirks en remettant ton premier doctype. Si tu veux mettre le deuxième, je crains que tu n'aies guère d'autre choix que de recoder tes fonctions.

PS: jveux bien que certains article de wikipedia puissent être pris avec des pincettes, mais ca n'a pas l'air d'être le cas de l'auteur du tableau

FoxLeRenard · 05/02/2009, 12h59

Bien lu ta réponse et merci d'avoir pris ce temps, par contre tu écris ceci,

Envoyé par DoubleU

Le mode quirks n'a rien a voir avec le doctype strict/transitional html/xhtml. Ton navigateur peut très bien être en mode de compatibilité standard avec un doctype transitionnal,

Tu voulais dire le contraire

, puisque c' est le DOCTYPE qui fait basculer sur un même site web, avec le même micro qui le visite , son navigateur en
mode quirks

Voila pourquoi tant que 99% des navigateurs se plierons au mode quirks, je crois que je garderais mon DOCTYPE réduit

Mais ais-je raison

**DoubleU** · 05/02/2009, 13h07

Oui j'ai mal tourné ma phrase, je voulais dire autre chose mais c'est passé par pertes et profit quand j'ai reformulé

Ce que je voulais dire c'est que même si tu as une page qui était valide, par exemple xhtml avec un bon doctype, mais que tu mettais un doctype foireux, tu passerais en mode quirks.

Javascript et Doctype pour en finir

JavaScript

Vue hybride

Discussions similaires

Partager

Partager