begin process at 2012 05 29 19:52:30
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Position relative de calques... problèmeS


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Position relative de calques... problèmeS

mardi 10 novembre 2009 à 13:09:47 | Position relative de calques... problèmeS

lunelautre

Bonjour
j'ai des calques de menu (invisibles quand non actifs) dont la position est relative ... en fonction de la taille de la fenêtre du navigateur...
J'ai essayé de les placer en position relative dans une cellule du tableau... mais en ce cas ils restent apparents et détruisent la mise en page de la cellule : ils prennent leur place non superposé dans la cellule...
Y a-til une solution par ce biais ?

J'ai essayé de récupérer la position du tableau centré dans la page html... et de placer les calques en position absolute mais à des coordonnées calculés en fonction des coordonnées récupérés :
function FindPos()
{
posX = document.getElementById("tab1").offsetLeft;
posY = document.getElementById("tab1").offsetTop;
varF1 = posX+55;
varF2 = posX+106;
do
{
document.getElementById("mF").offsetLeft = varF1;
document.getElementById("mF").offsetTop = varF2;}
}
Mais c'est un echec ou du moins le calque ne change pas de position et reste à la position d'origine :
<div id="mK" style="position:absolute; left:86px; top:235px; width:46px; height:64px; z-index:1 visibility; visibility: <? echo $mK; ?>;"><img src="img/trK.gif" width="41" height="60"></div>

que faire ? quelle est la bonne solution ?
merci
lundi 16 novembre 2009 à 15:10:34 | Re : Position relative de calques... problèmeS

Zobibol

Membre Club
Bonjour, concernant le problème lié à l'inclusion d'une div dans une cellule de tableau, si tu as une solution, je suis plus que preneur (j'ai beaucoup galéré déjà dessus).
En outre, placé ta div en absolue, pour quoi pas mais dans ce cas:
function FindPos()
{
posX = document.getElementById("tab1").offsetLeft;
posY = document.getElementById("tab1").offsetTop;
varF1 = posX+55;
varF2 = posX+106;
do
{
document.getElementById("mF").offsetLeft = varF1;
document.getElementById("mF").offsetTop = varF2;}
}
le code précédent est faux. Pourquoi ? offsetLeft est offsetTop sont des propriétés en lecture seule donc, il doit y avoir une erreur (normalement).
Le code le plus juste:
Code Javascript :
function FindPos()
{
   posX = document.getElementById("tab1").offsetLeft;
   posY = document.getElementById("tab1").offsetTop;
   varF1 = posX+55;
   varF2 = posX+106;
   with (document.getElementById("mF").style)
   {
      left = varF1 + "px";
      top = varF2 + "px";
   }
} 

Après cela ne répond pas forcément à la question initiale mais ça pourrait être une piste à suivre.

[o-_-o]


Cette discussion est classée dans : position, document, getelementbyid, calques, relative


Répondre à ce message

Sujets en rapport avec ce message

position d'un id [ par pqmoltonel ] bonjour, je cherche desespérément une fonction / propriétée qui permet de retourner la position d'un element html quelconque contenant un id:voila le liste déroulante [ par rieppe ] Rieppe ©Salut !je vous expose le problème. j'ai une liste déroulante en au de ma pasge, et il faudrait que lorsqu'elle change, cela change aussi les l position des calques [ par lemica ] bonjour,je n'arrive pas a positionner un calque par rapport a la taille de la fenetre du navigateur, afin qu'il soit toujour a la meme place par rappo pb de getElementById [ par kidpigeyre ] for(var i=0;i { document.getElementById("tete")[i].innerHTML=document.getElementById("tete")[i].innerHTML.substr(0,3); }voila ça ça ne ma GetElementById [ par orionis ] Bonjour à tous,J'ai défini une page par défaut pour afficher toutes mes images, mais je ne parviens pas à récupérer le chemin d'accès de celles-ci dan GetElementById Problème... [ par Thundrax ] Pour ne pas reprendre mon ancien post (dsl de la pollution),J'ai donc un script (gentillement trouvé par bultez) qui modifie le style du bouton d'un Probléme entre deux scripts [ par massacr ] Bonjour, Je veux mettre deux scripts dans ma page.L'un est un effet de texte déroulant, l'autre est un effet d'ouverture de message au chargement de l Passer une valeur variable... [ par Grand Mamamouchi ] Bonjour !Je voudrais faire en sorte qu'un objet de mon document change de couleur en fonction du scrollage.Voila la partie du script sur laquelle je b document.getElementById('body').style.overflow='hidden' [ par Grand Mamamouchi ] Bonsoir !peux-tu m'expliquer pourquoi l'overflow n'est pas masque (jedeveloppe sur Mozilla 1.6) ?document.getElementById('body').style.overflow='hidde ScrollTop et Nestcape [ par charliejo ] Je rencontre un problème avec nestcape pour le scrollTop.Si je fais    alert(document.getElementById('ScrollZone').scrollTop;Cela marche, il me donne


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,281 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales