Div de la taille de la fenetre : pb

Version imprimable

Bonjour
Code:

1 2 3 4 5 6 <div id="cache" style="position: absolute; filter:alpha(opacity=75); background-color: #000000; left: 0px; top: 0px; z-index: 1;"></div> <script type="text/javascript"> document.getElementById('cache').style.width=document.documentElement.scrollWidth+'px'; document.getElementById('cache').style.height=document.documentElement.scrollHeight+'px'; </script>
Lors de l'execution de ce code, mon div a bien la même hauteur que ma page, mais pas la même largeur : la largeur du div est d'environ 75% de la valeur de ma page.

Alors que avant, j'avais mis ... .width = document.body.clientWidth, et idem pour height. Là j'avais une hauteur de 0, mais une bonne largeur. Jutilise un doctype :
Code:

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">
Si je met pour l'un document.documentElement.scrollHeight, et pour l'autre document.body.clientWidth, ça ne fonctionne pas.

Pourriez vous m'aider SVP ?

Merci beaucoup

Thomas ;-)

et y'aurai-til une autre solution pour qu'un div fasse la taille de la page ?

salut,

c'est innerWidth et innerHeight :

Code:

1
2
3
 
document.getElementById('cache').style.width=window.innerWidth+'px';
document.getElementById('cache').style.height=window.innerHeight+'px';

04/01/2008, 11h24
thomasalbert1993

quand je mets ce que tu m'as dis, ça me met une erreur sur une ligne de tableau html qui n'a rien a voir, avec comme erreur: argument non valide

et quand je met ça :

Code:

alert('innerWidth = '+window.innerWidth+'\ninnerHeight = '+window.innerHeight);

il me met :

Citation:

innerWidth : undefined
innerHeight : undefined

Où est l'erreur ?

ps : je travaille sur IE6
04/01/2008, 11h41
jln13
ET oui ... c'est la tout le probleme.. :p

Sous IE aparemment c'est plutot clientWidth et clientHeight. Tu avais dit avoir utilisé ces attributs et que ca marchait pas pour la hauteur il t'affiche quoi pour ce code :
Code:

1 2 alert('clientWidth = '+document.body.clientWidth +'\nclientHeight = '+ document.body.clientHeight);
Parce que sous mon IE7 ca marche clientHeight... :roll:
04/01/2008, 12h00
thomasalbert1993

width: 1003 et height : 0 :S

voila le probleme

et je reprécise (au cas où...) que je souhaite la taille de la PAGE et non de la FENETRE.

Bonjour,
Citation:
Envoyé par thomasalbert1993
Code:

1 2 3 4 5 6 <div id="cache" style="position: absolute; filter:alpha(opacity=75); background-color: #000000; left: 0px; top: 0px; z-index: 1;"></div> <script type="text/javascript"> document.getElementById('cache').style.width=document.documentElement.scrollWidth+'px'; document.getElementById('cache').style.height=document.documentElement.scrollHeight+'px'; </script>
Lors de l'execution de ce code, mon div a bien la même hauteur que ma page, mais pas la même largeur : la largeur du div est d'environ 75% de la valeur de ma page.

Alors que avant, j'avais mis ... .width = document.body.clientWidth, et idem pour height. Là j'avais une hauteur de 0, mais une bonne largeur.
Et bien dans chaque méthode, conserve celle qui fonctionne
Code:

1 2 document.getElementById('cache').style.height=document.documentElement.scrollHeight+'px'; document.getElementById('cache').style.width=document.body.clientWidth+'px';
Non ?

A+

04/01/2008, 12h36
thomasalbert1993

je précise aussi que j'utilise le doctype transistional XHTML 1.0

oui c'est bon ça fonctionne !!!

mais je trouve ça bizarre car j'avais deja testé ça avant, et ça ne fonctionnait pas...
04/01/2008, 13h50
E.Bzz

Citation:

Envoyé par thomasalbert1993

oui c'erst bon ça fonctionne !!!

mais je truve ça bizarre car j'avais deja testé ça avant, et ça ne fonctionnait pas...

Tu ne devais pas avoir le 'px' pour le width, c'est moi qui l'ai ajouté ...

A+