[javascript]Positionner 1menu en fonction de la disposition de la page

Positionner 1menu en fonction de la disposition de la page [javascript] - HTML/CSS - Programmation

Marsh Posté le 19-09-2004 à 18:00:20    

Je vous explique la chose :
J'ai fait une menu en javascript que j'ai mit dans un fichier .js, et que j'appelle dans mon code HTML a chaque nouvelle page.
 
Sauf que sur certaines pages, des barres de pub apparaissent en haut donc le contenu HTML lui est décalé vers le bas et mon menu lui reste a la meme place, donc il est en fait trop haut dans la page.
 
Je pensai le décaler en augmentant la coordonnée Y du menu, sauf que la pub varie de taille a chaque chargement, dur dur  :fou:  
 
Je voudrais donc savoir si je peux faire varier la coordonnée Y de mon menu en fonction de l'emplacement des autres éléments de ma page ????
 
 
 


---------------
RTX 3090 - i9 9900K - 32GB DDR4 - M.2 1TB SSD / Topic London
Reply

Marsh Posté le 19-09-2004 à 18:00:20   

Reply

Marsh Posté le 19-09-2004 à 19:24:37    

J'ai vu un code en Jv permettant de récupérer les Coordonnées d'un objet par offsetParent
 
<script language="JavaScript">
getOffsetPosition = function(inID, inTYPE)
{
 var iVal = 0;
 var oObj = document.getElementById(inID);
 var sType = 'oObj.offset' + inTYPE;
 while (oObj && oObj.tagName != 'BODY') {
  iVal += eval(sType);
  oObj = oObj.offsetParent;
 }
 return iVal;
}
window.onload = function()
{
 alert(getOffsetPosition('oExemple', 'Top'));
 alert(getOffsetPosition('oExemple', 'Left'));
}
</script>
<table border="0">
 <tr>
  <td colspan="2"><br><br><br><br><br><br><br><br><br><br></td>
 </tr>
 <tr>
  <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
  <td><div id="oExemple" style="position:relative;top:10px;left:15px;">Exemple</div></td>
 </tr>
</table>
 
 
Mais comment faire pour transmettre a mon script qui gere le menu la position d'un élément de ma page sachant que le que ce script est dans un fichier à part ??
 


---------------
RTX 3090 - i9 9900K - 32GB DDR4 - M.2 1TB SSD / Topic London
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed