bonjour,
Mon site est contenu dans un div prend la taille de la fenêtre (width : 100% height=100%) donc je n'est pas de scrollbar sur la fenêtre.
Le problème c'est que les sous-menu ont une longueur trop longue, enfin ce n'est pas a cause de mais rubrique mais en fait tou les ss-menu ont la même taille, taille trop longue pour moi puisque je ne lesremplis pas !
ex: d'un ss-menu
Rubrique 1
Rubrique 2
Rubrique 3
et la du blanc ...
Ducoup j'ai le scrollbar vertical qui réaparait et alor que le contenu de ma page ne dépasse pas sa taille, quand je descend j'ai donc du blanc et esthétiquement ce n'est pas top.
Le problème c'est que dans le code javasccript je n'arrive pas à retrouver a quoi correspond la taille de ses sous-menu et comment la modifier. Je met le code si quelqu'un peux m'aider
Merci
Modifié par Elo44 (01 Jun 2005 - 15:32)
Mon site est contenu dans un div prend la taille de la fenêtre (width : 100% height=100%) donc je n'est pas de scrollbar sur la fenêtre.
Le problème c'est que les sous-menu ont une longueur trop longue, enfin ce n'est pas a cause de mais rubrique mais en fait tou les ss-menu ont la même taille, taille trop longue pour moi puisque je ne lesremplis pas !
ex: d'un ss-menu
Rubrique 1
Rubrique 2
Rubrique 3
et la du blanc ...
Ducoup j'ai le scrollbar vertical qui réaparait et alor que le contenu de ma page ne dépasse pas sa taille, quand je descend j'ai donc du blanc et esthétiquement ce n'est pas top.
Le problème c'est que dans le code javasccript je n'arrive pas à retrouver a quoi correspond la taille de ses sous-menu et comment la modifier. Je met le code si quelqu'un peux m'aider
/* menuDropdown.js - implements a dropdown menu based on a HTML list
* Author: Dave Lindquist (http://www.gazingus.org)
* Modified by: Nicolas Lesbats (nicolas lesbats at laposte net)
* Version: 0.1b (2004-03-11)
*/
var maxWidth = 50;
/* maximum width of the submenus (in 'em' units) */
var borderBox = false;
var horizontal = new Array();
var menuTop = new Array();
var menuHeight = new Array();
var menuLeft = new Array();
var menuWidth = new Array();
window.onload = function() { loadMenu(); }
function loadMenu() {
if (!document.getElementById) return;
var i = 0, j, root, submenus, node, li, link, division;
while (true) {
root = document.getElementById("menuList" + (i + 1));
if (root == null)
break;
submenus = root.getElementsByTagName("ul");
division = root.parentNode;
if (document.createElement) {
/* Win/IE5-6 trick: makes the whole width of the submenus clickable
*/
for (j = 0; j < submenus.length; j++) {
node = submenus.item(j);
if (node.className == "menu" && node.getElementsByTagName("ul").length == 0) {
li = document.createElement("li");
node.appendChild(li);
li.style.position = "absolute";
li.style.visibility = "hidden";
}
}
/* checks whether the 'width' property applies to the border box or
* the content box of an element
*/
if (i == 0) {
li.style.display = "block";
li.style.padding = "0";
li.style.width = "2px";
li.style.border = "1px solid";
if (li.offsetWidth == 2)
borderBox = true;
}
}
initializeMenu(root, division, i);
for (j = 0; j < submenus.length; j++) {
node = submenus.item(j);
if (node.className == "menu") {
link = node.previousSibling;
while (link != null) {
if (link.className == "actuator") {
initializeSubmenu(node, link, root, division);
node.set();
break;
}
link = link.previousSibling;
}
}
}
i++;
}
}
function initializeMenu(root, div, index) {
horizontal[index] = menuIsHorizontal(root);
menuTop[index] = div.offsetTop;
menuHeight[index] = div.offsetHeight;
menuLeft[index] = div.offsetLeft;
menuWidth[index] = div.offsetWidth;
div.horizontal = function() {
return horizontal[index];
}
div.checkMove = function() {
if (this.hasMoved()) this.resetMenu();
}
div.hasMoved = function() {
if (menuTop[index] == this.offsetTop &&
menuHeight[index] == this.offsetHeight &&
menuLeft[index] == this.offsetLeft &&
menuWidth[index] == this.offsetWidth)
return false;
return true;
}
div.resetMenu = function() {
horizontal[index] = menuIsHorizontal(root);
menuTop[index] = this.offsetTop;
menuHeight[index] = this.offsetHeight;
menuLeft[index] = this.offsetLeft;
menuWidth[index] = this.offsetWidth;
var submenus = root.getElementsByTagName("ul");
for (var j = 0; j < submenus.length; j++) {
var node = submenus.item(j);
if (node.className == "menu") {
node.style.right = "";
node.style.left = "";
if (!window.opera)
node.style.width = "";
node.set();
}
}
}
}
function menuIsHorizontal(root) {
var first = firstElement(root, "LI");
if (first != null) {
var second = first.nextSibling;
while (second != null) {
if (second.tagName == "LI") {
first = firstElement(first, "A");
second = firstElement(second, "A");
if (first != null && second != null)
if (first.offsetLeft == second.offsetLeft)
return false;
return true;
}
second = second.nextSibling;
}
}
return true;
}
function initializeSubmenu(menu, actuator, root, div) {
var parent = menu.parentNode;
parent.onmouseover = function() {
div.checkMove();
menu.style.visibility = "visible";
}
actuator.onfocus = function() {
div.checkMove();
menu.style.visibility = "visible";
}
parent.onmouseout = function() {
menu.style.visibility = "";
}
var tags = menu.getElementsByTagName("a");
var link = tags.item(tags.length - 1);
if (!link.onblur)
link.onblur = function() {
var node = link.parentNode.parentNode;
while (node != menu) {
node.style.visibility = "";
node = node.parentNode.parentNode;
}
menu.style.visibility = "";
}
if (parent.parentNode == root) {
menu.set = function() {
setLocation1(this, actuator, root, div);
}
} else {
menu.set = function() {
setLocation2(this, actuator, div);
}
}
}
function setLocation1(menu, actuator, root, div) {
var first = firstElement(menu, "LI");
if (first != null)
if (first.offsetParent == menu)
setWidth(menu);
if (div.horizontal()) {
if (actuator.offsetParent == menu.offsetParent) {
menu.style.left = actuator.offsetLeft + "px";
menu.style.top = actuator.offsetTop + actuator.offsetHeight + "px";
} else {
/* happens in Win/IE5-6 when some ancestors are 'static' and have their
* 'width' or 'height' different than 'auto' */
var parent = actuator.offsetParent;
var top = 0;
var left = 0;
while (parent != menu.offsetParent && parent != null) {
top = top + parent.offsetTop;
left = left + parent.offsetLeft;
parent = parent.offsetParent;
}
menu.style.left = left + actuator.offsetLeft + "px";
menu.style.top = top + actuator.offsetTop + actuator.offsetHeight + "px";
}
} else {
menu.style.top = actuator.offsetTop + "px";
menu.style.left = (div.offsetWidth + actuator.offsetWidth) / 2 + "px";
}
}
function setLocation2(menu, actuator, div) {
if (menu.offsetParent != document.body)
setWidth(menu);
menu.style.top = actuator.offsetTop + "px";
menu.style.left = actuator.offsetWidth + "px";
}
function setWidth(menu) {
menu.style.right = - maxWidth + "em";
var width = 0;
var height = 0;
var items = menu.getElementsByTagName("a");
for (var i = 0; i < items.length; i++) {
var link = items.item(i);
if (link.parentNode.parentNode == menu) {
height = height + link.offsetHeight;
if (link.offsetWidth > width)
width = link.offsetWidth;
}
}
if (borderBox)
width = width + (menu.offsetHeight - height);
menu.style.width = width + "px";
}
function firstElement(node, name) {
var first = node.firstChild;
while (first != null) {
if (first.tagName == name)
return first;
first = first.nextSibling;
}
return null;
}
Merci
Modifié par Elo44 (01 Jun 2005 - 15:32)
