calque toujours à la même hauteur

**redah75** · 07/12/2007, 18h23

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

**CiTriX** · 08/12/2007, 10h31

voilà comment je procède:

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

Code :

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

document.documentElement.style.overflow = "hidden"

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

Code :

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

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

**redah75** · 10/12/2007, 13h18

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.

calque toujours à la même hauteur

JavaScript

Discussions similaires

Partager

Partager