calque toujours à la même hauteur

Version imprimable

07/12/2007, 19h23
redah75

calque toujours à la même hauteur

bonjour a tous et a toutes :)

j'aimerais juste savoir comment faire pour afficher a calque div TOUJOURS a la meme hauteur. je ne parle pas de "persistant layer"

je vous explique mon cas :

j'ai un formulaire qui me permet d'uploader des images, lorsqu'on valide le formulaire, j'affiche un calque avec un ptit message: "telechargement en cours, veuillez patienter..." ce calque a comme propriete:
position: absolute;
width: 300px;
height: 40px;
top: 35%;

mais le probleme est lorsqu'on a scrolle pour cliquer sur le bouton "valider", on ne voit pas ce calque car il est affiche mais tout en haut.

auriez vous une solution??

merci de votre aide.
Reda

voilà comment je procède:

premièrement je désactive le scroll sur la page :

Code:

document.documentElement.style.overflow = "hidden"

ensuite je calcule la position du div mais là il faut faire la distinction entre ie/firefox :
Code:

1 2 3 4 5 6 7 8 Firefox window.pageXOffset + (window.innerWidth-largeur)/2 window.pageYOffset + (window.innerHeight-hauteur)/2 IE document.documentElement.scrollLeft + (document.documentElement.clientWidth-largeur)/2 document.documentElement.scrollTop + (document.documentElement.clientHeight-hauteur)/2
PS: j'utilise documentElement à cause de ma DTD, à adapter selon votre cas

10/12/2007, 14h18
redah75

Bonjour et merci pour ta reponse.

excuse moi mais g un peu de mal a comprendre ce que je dois faire.

au fait, ce que je fait est simple mais j'arrive pas a y integrer ce que tu m'as dis.
Exemple :

<script>

function cacher()
{
document.getElementById('calque_load').style.display = "none";
}

</script>

<div id='calque_load' style="position: absolute; height: 40px; top: 35%;"><table align='center' width='400'><tr><td height='50' align='center' valign='middle'>Mon message...</td></tr></table></div>
<html>
....
<body onLoad="cacher();">
...
</body>
</html>

et la ce qui m'interesse c'est la position Y, j'aimerai qu'il soit toujours a une hauteur definie, et qu'il soit visible meme si on a scrolle la page web.