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; } }
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 !