Position d'une boîte

Position d'une boîte - HTML/CSS - Programmation

Marsh Posté le 02-06-2003 à 11:48:17    

Bonjour,
 
Mon but est de capturer la position du sous-menu pour savoir si ce dernier sort de la page.
Malheureusement quand je capture la position, JS me dit que ma varriable est indéfini ! (JS me le dit grâce à un 'alert' de ma variable).
 
Cela signifierai qu'il est impossible de connaître la position d'une boîte, tel qu'un tableau ?
 
Voici mon code :
 
Le code JS :
 
<SCRIPT>
 function getStyleObjet(idObjet) {
     // pour récupérer le style d'un objet étant donné son ID
     if(document.getElementById && document.getElementById(idObjet)) {
  // W3C DOM
  return document.getElementById(idObjet).style;
     } else if (document.all && document.all(idObjet)) {
  // MSIE 4 DOM
  return document.all(idObjet).style;
     } else if (document.layers && document.layers[idObjet]) {
  // NN 4 DOM
  return document.layers[idObjet];
     } else {
  return false;
     }
}  
 
function AfficheMenu(d) {
 getStyleObjet(d).left.value = "100px";
 alert(getStyleObjet(d).left.value);
 getStyleObjet(d).visibility = "visible";
 position_left = getStyleObjet(d).left.value;
 taille = getStyleObjet(d).width.value;
 alert(getStyleObjet(d).width);
 if(position_left+taille >760)
  getStyleObjet(d).top = 760-taille;
 
}
 
function CacheMenu(d) {
 getStyleObjet(d).visibility = "hidden";
}
</SCRIPT>
******************************************************
 
Le code HTML :
 
<table width=\"100%\" bgcolor=\"#E3E3E3\" class=\"menuTop\">
<tr >
 <td><img src=\"./images/flechedroite.png\"><a href=\"./index.php?c=doc\" class=\"lienMenu\">Documents</a></td>
 <td><img src=\"./images/flechedroite.png\"><a href=\"./index.php?c=groupe\" class=\"lienMenu\">Groupes</a></td>
 <td><img src=\"./images/flechedroite.png\"><a href=\"./index.php?c=categ\" class=\"lienMenu\">Catégories</a></td>
 <td><img src=\"./images/flechedroite.png\"><a href=\"./index.php?c=login\" class=\"lienMenu\">Logins</a></td>
 <td><img src=\"./images/flechedroite.png\"><a href=\"./index.php?c=expo\" class=\"lienMenu\">Expositions</a></td>
 <td onmouseover=\"AfficheMenu('menu_photo')\" onmouseout=\"CacheMenu('menu_photo')\"><img src=\"./images/flechedroite.png\"><a href=\"./index.php?c=photo\" class=\"lienMenu\" >Photos</a>
  <br>
  <table class=\"menu\" id=\"menu_photo\" width=\"200px\">
   <tr>
    <td class=\"menu\">Item1</td>
    <td class=\"menu\">Item2</td>
    <td class=\"menu\">Item3</td>
   </tr>
  </table>
 </td>
</tr>
</table>
 
******************************************************
 
Merci d'avance pour vos remarques ou, et je l'espère, vos solutions !

Reply

Marsh Posté le 02-06-2003 à 11:48:17   

Reply

Marsh Posté le 02-06-2003 à 12:02:27    

Reply

Sujets relatifs:

Leave a Replay

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