Resize automatique de la fenêtre

Version imprimable

04/05/2010, 11h46
nakata77

Resize automatique de la fenêtre

Bonjour,

Je voudrai que ma page html se redimensionne automatiquement. Il y a la fonction resizeto() mais il faut absolument lui fixer la taille.

Dans ma page html il y a juste du texte. Est ce que c'est possible d'adapter ma page selon la longueur du texte? si oui, avez vous une idée ?

Cdlt
05/05/2010, 02h26
defacta
On peut mettre le texte dans une div et utiliser offsetWidth et offsetHeight pour connaitre la taille de cette div qui dépendra de la longueur du texte.
Code:

1 2 var XDiv = document.getElementById('TheDiv').offsetWidth var YDiv = document.getElementById('TheDiv').offsetHeight
Ensuite, on peut appeler la fonction resizeto comme tu disais en utilisant les variables XDiv et YDiv...(le mieux serait d'ajouter 20 à XDiv et à YDiv pour que la fenetre ne soit pas exactement à la taille du texte). ;)
05/05/2010, 07h53
vermine
Bonjour,

Sans oublier de préciser l'unité de mesure comme par exemple:
Code:

1 2 XDiv += 20 + "px";

J'ai testé les fonctions, ça me retourne un faux résultat.

Par exemple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <HTML> <HEAD> <SCRIPT LANGUAGE = "JavaScript"> function knowsize() { var xyz=document.getElementById("TheDiv"); alert(xyz.innerHTML); var XDiv = document.getElementById("TheDiv").offsetWidth; var YDiv = document.getElementById("TheDiv").offsetHeight; alert("XDIV="+XDiv); alert("YDIV="+YDiv); //resizeTo(XDiv,YDiv); } </script> </HEAD> <BODY> <div id="TheDiv" onClick="knowsize();" >ceci est un test</div> </BODY> </HTML>
le XDIV me renvoi 1240 (la résolution de la fenêtre)
le YDIV me renvoi 19
sous IE6 et la dernière version de firefox

As tu une idée pourquoi le XDIV renvoi la résolution de la fenêtre ?

12/05/2010, 10h30
vermine

Parce que par défaut, la div prend la largeur de la fenêtre et la hauteur d'une ligne.
12/05/2010, 11h45
nakata77

OK, comment je peux faire pour que mon exemple marche ?
12/05/2010, 11h51
vermine

En récupérant le innerHTML de la div, lui calculant sa taille, y ajouter quelques pixels pour faire plus joli et en redimensionnant la fenêtre avec ces nouvelles valeurs.