Bonjour,
J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
gridlayout une Dropdownlist.
mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
Voici le code :
<%@ Register TagPrefix="uc1" TagName="MainNavigation"
Src="Controls/MainNavigation.ascx" %>
<%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
Inherits="SitePresentation.page2" smartNavigation="True"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>page2</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5"
name="vs_targetSchema">
</HEAD>
<body>
<form id="Form1" method="post" runat="server">
<DIV>
<style type="text/css">DIV.menuBar {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menuBar A.menuButton {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menu {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menu A.menuItem {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menuBar {
BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
}
DIV.menuBar A.menuButton {
BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
DIV.menuBar A.menuButton:hover {
BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
1px outset; BACKGROUND-COLOR: transparent
}
DIV.menuBar A.menuButtonActive {
BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
}
DIV.menuBar A.menuButtonActive:hover {
BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
}
DIV.menu {
BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
BACKGROUND-COLOR: #e0e0e0
}
DIV.menu A.menuItem {
PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
DIV.menu A.menuItem:hover {
COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
}
DIV.menu A.menuItemHighlight {
COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
}
DIV.menu A.menuItem SPAN.menuItemText {
}
DIV.menu A.menuItem SPAN.menuItemArrow {
MARGIN-RIGHT: -0.75em
}
DIV.menu DIV.menuItemSep {
BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
}
</style>
<script type="text/javascript">//<![CDATA[
//*****************************************************************************
// Do not remove this notice.
//
// Copyright 2000-2004 by Mike Hall.
// See http://www.brainjar.com for terms of use.
//*****************************************************************************
//----------------------------------------------------------------------------
// Code to determine the browser and version.
//----------------------------------------------------------------------------
function Browser() {
var ua, s, i;
this.isIE = false; // Internet Explorer
this.isOP = false; // Opera
this.isNS = false; // Netscape
this.version = null;
ua = navigator.userAgent;
s = "Opera";
if ((i = ua.indexOf(s)) >= 0) {
this.isOP = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = "Netscape6/";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
// Treat any other "Gecko" browser as Netscape 6.1.
s = "Gecko";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = 6.1;
return;
}
s = "MSIE";
if ((i = ua.indexOf(s))) {
this.isIE = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
}
var browser = new Browser();
//----------------------------------------------------------------------------
// Code for handling the menu bar and active button.
//----------------------------------------------------------------------------
var activeButton = null;
// Capture mouse clicks on the page so any active button can be
// deactivated.
if (browser.isIE)
document.onmousedown = pageMousedown;
else
document.addEventListener("mousedown", pageMousedown, true);
function pageMousedown(event) {
var el;
// If there is no active button, exit.
if (activeButton == null)
return;
// Find the element that was clicked on.
if (browser.isIE)
el = window.event.srcElement;
else
el = (event.target.tagName ? event.target : event.target.parentNode);
// If the active button was clicked on, exit.
if (el == activeButton)
return;
// If the element is not part of a menu, reset and clear the active
// button.
if (getContainerWith(el, "DIV", "menu") == null) {
resetButton(activeButton);
activeButton = null;
}
}
function buttonClick(event, menuId) {
var button;
// Get the target button element.
if (browser.isIE)
button = window.event.srcElement;
else
button = event.currentTarget;
// Blur focus from the link to remove that annoying outline.
button.blur();
// Associate the named menu to this button if not already done.
// Additionally, initialize menu display.
if (button.menu == null) {
button.menu = document.getElementById(menuId);
if (button.menu.isInitialized == null)
menuInit(button.menu);
}
// Reset the currently active button, if any.
if (activeButton != null)
resetButton(activeButton);
// Activate this button, unless it was the currently active one.
if (button != activeButton) {
depressButton(button);
activeButton = button;
}
else
activeButton = null;
return false;
}
function buttonMouseover(event, menuId) {
var button;
// Find the target button element.
if (browser.isIE)
button = window.event.srcElement;
else
button = event.currentTarget;
// If any other button menu is active, make this one active instead.
if (activeButton != null && activeButton != button)
buttonClick(event, menuId);
}
function depressButton(button) {
var x, y;
// Update the button's style class to make it look like it's
// depressed.
button.className += " menuButtonActive";
// Position the associated drop down menu under the button and
// show it.
x = getPageOffsetLeft(button);
y = getPageOffsetTop(button) + button.offsetHeight;
// For IE, adjust position.
if (browser.isIE) {
x += button.offsetParent.clientLeft;
y += button.offsetParent.clientTop;
}
button.menu.style.left = x + "px";
button.menu.style.top = y + "px";
button.menu.style.visibility = "visible";
// For IE; size, position and show the menu's IFRAME as well.
if (button.menu.iframeEl != null)
{
button.menu.iframeEl.style.left = button.menu.style.left;
button.menu.iframeEl.style.top = button.menu.style.top;
button.menu.iframeEl.style.width = button.menu.offsetWidth + "px";
button.menu.iframeEl.style.height = button.menu.offsetHeight + "px";
button.menu.iframeEl.style.display = "";
}
}
function resetButton(button) {
// Restore the button's style class.
removeClassName(button, "menuButtonActive");
Bonjour,
J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
gridlayout une Dropdownlist.
mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
Voici le code :
<%@ Register TagPrefix="uc1" TagName="MainNavigation"
Src="Controls/MainNavigation.ascx" %>
<%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
Inherits="SitePresentation.page2" smartNavigation="True"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>page2</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5"
name="vs_targetSchema">
</HEAD>
<body>
<form id="Form1" method="post" runat="server">
<DIV>
<style type="text/css">DIV.menuBar {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menuBar A.menuButton {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menu {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menu A.menuItem {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menuBar {
BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
}
DIV.menuBar A.menuButton {
BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
DIV.menuBar A.menuButton:hover {
BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
1px outset; BACKGROUND-COLOR: transparent
}
DIV.menuBar A.menuButtonActive {
BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
}
DIV.menuBar A.menuButtonActive:hover {
BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
}
DIV.menu {
BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
BACKGROUND-COLOR: #e0e0e0
}
DIV.menu A.menuItem {
PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
DIV.menu A.menuItem:hover {
COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
}
DIV.menu A.menuItemHighlight {
COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
}
DIV.menu A.menuItem SPAN.menuItemText {
}
DIV.menu A.menuItem SPAN.menuItemArrow {
MARGIN-RIGHT: -0.75em
}
DIV.menu DIV.menuItemSep {
BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
}
</style>
<script type="text/javascript">//<![CDATA[
//*****************************************************************************
// Do not remove this notice.
//
// Copyright 2000-2004 by Mike Hall.
// See http://www.brainjar.com for terms of use.
//*****************************************************************************
//----------------------------------------------------------------------------
// Code to determine the browser and version.
//----------------------------------------------------------------------------
function Browser() {
var ua, s, i;
this.isIE = false; // Internet Explorer
this.isOP = false; // Opera
this.isNS = false; // Netscape
this.version = null;
ua = navigator.userAgent;
s = "Opera";
if ((i = ua.indexOf(s)) >= 0) {
this.isOP = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = "Netscape6/";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
// Treat any other "Gecko" browser as Netscape 6.1.
s = "Gecko";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = 6.1;
return;
}
s = "MSIE";
if ((i = ua.indexOf(s))) {
this.isIE = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
}
var browser = new Browser();
//----------------------------------------------------------------------------
// Code for handling the menu bar and active button.
//----------------------------------------------------------------------------
var activeButton = null;
// Capture mouse clicks on the page so any active button can be
// deactivated.
if (browser.isIE)
document.onmousedown = pageMousedown;
else
document.addEventListener("mousedown", pageMousedown, true);
function pageMousedown(event) {
var el;
// If there is no active button, exit.
if (activeButton == null)
return;
// Find the element that was clicked on.
if (browser.isIE)
el = window.event.srcElement;
else
el = (event.target.tagName ? event.target : event.target.parentNode);
// If the active button was clicked on, exit.
if (el == activeButton)
return;
// If the element is not part of a menu, reset and clear the active
// button.
if (getContainerWith(el, "DIV", "menu") == null) {
resetButton(activeButton);
activeButton = null;
}
}
function buttonClick(event, menuId) {
var button;
// Get the target button element.
if (browser.isIE)
button = window.event.srcElement;
else
button = event.currentTarget;
// Blur focus from the link to remove that annoying outline.
button.blur();
// Associate the named menu to this button if not already done.
// Additionally, initialize menu display.
if (button.menu == null) {
button.menu = document.getElementById(menuId);
if (button.menu.isInitialized == null)
menuInit(button.menu);
}
// Reset the currently active button, if any.
if (activeButton != null)
resetButton(activeButton);
// Activate this button, unless it was the currently active one.
if (button != activeButton) {
depressButton(button);
activeButton = button;
}
else
activeButton = null;
return false;
}
function buttonMouseover(event, menuId) {
var button;
// Find the target button element.
if (browser.isIE)
button = window.event.srcElement;
else
button = event.currentTarget;
// If any other button menu is active, make this one active instead.
if (activeButton != null && activeButton != button)
buttonClick(event, menuId);
}
function depressButton(button) {
var x, y;
// Update the button's style class to make it look like it's
// depressed.
button.className += " menuButtonActive";
// Position the associated drop down menu under the button and
// show it.
x = getPageOffsetLeft(button);
y = getPageOffsetTop(button) + button.offsetHeight;
// For IE, adjust position.
if (browser.isIE) {
x += button.offsetParent.clientLeft;
y += button.offsetParent.clientTop;
}
button.menu.style.left = x + "px";
button.menu.style.top = y + "px";
button.menu.style.visibility = "visible";
// For IE; size, position and show the menu's IFRAME as well.
if (button.menu.iframeEl != null)
{
button.menu.iframeEl.style.left = button.menu.style.left;
button.menu.iframeEl.style.top = button.menu.style.top;
button.menu.iframeEl.style.width = button.menu.offsetWidth + "px";
button.menu.iframeEl.style.height = button.menu.offsetHeight + "px";
button.menu.iframeEl.style.display = "";
}
}
function resetButton(button) {
// Restore the button's style class.
removeClassName(button, "menuButtonActive");
Bonjour,
J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
gridlayout une Dropdownlist.
mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
Voici le code :
<%@ Register TagPrefix="uc1" TagName="MainNavigation"
Src="Controls/MainNavigation.ascx" %>
<%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
Inherits="SitePresentation.page2" smartNavigation="True"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>page2</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5"
name="vs_targetSchema">
</HEAD>
<body>
<form id="Form1" method="post" runat="server">
<DIV>
<style type="text/css">DIV.menuBar {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menuBar A.menuButton {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menu {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menu A.menuItem {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menuBar {
BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
}
DIV.menuBar A.menuButton {
BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
DIV.menuBar A.menuButton:hover {
BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
1px outset; BACKGROUND-COLOR: transparent
}
DIV.menuBar A.menuButtonActive {
BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
}
DIV.menuBar A.menuButtonActive:hover {
BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
}
DIV.menu {
BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
BACKGROUND-COLOR: #e0e0e0
}
DIV.menu A.menuItem {
PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
DIV.menu A.menuItem:hover {
COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
}
DIV.menu A.menuItemHighlight {
COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
}
DIV.menu A.menuItem SPAN.menuItemText {
}
DIV.menu A.menuItem SPAN.menuItemArrow {
MARGIN-RIGHT: -0.75em
}
DIV.menu DIV.menuItemSep {
BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
}
</style>
<script type="text/javascript">//<![CDATA[
//*****************************************************************************
// Do not remove this notice.
//
// Copyright 2000-2004 by Mike Hall.
// See http://www.brainjar.com for terms of use.
//*****************************************************************************
//----------------------------------------------------------------------------
// Code to determine the browser and version.
//----------------------------------------------------------------------------
function Browser() {
var ua, s, i;
this.isIE = false; // Internet Explorer
this.isOP = false; // Opera
this.isNS = false; // Netscape
this.version = null;
ua = navigator.userAgent;
s = "Opera";
if ((i = ua.indexOf(s)) >= 0) {
this.isOP = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = "Netscape6/";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
// Treat any other "Gecko" browser as Netscape 6.1.
s = "Gecko";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = 6.1;
return;
}
s = "MSIE";
if ((i = ua.indexOf(s))) {
this.isIE = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
}
var browser = new Browser();
//----------------------------------------------------------------------------
// Code for handling the menu bar and active button.
//----------------------------------------------------------------------------
var activeButton = null;
// Capture mouse clicks on the page so any active button can be
// deactivated.
if (browser.isIE)
document.onmousedown = pageMousedown;
else
document.addEventListener("mousedown", pageMousedown, true);
function pageMousedown(event) {
var el;
// If there is no active button, exit.
if (activeButton == null)
return;
// Find the element that was clicked on.
if (browser.isIE)
el = window.event.srcElement;
else
el = (event.target.tagName ? event.target : event.target.parentNode);
// If the active button was clicked on, exit.
if (el == activeButton)
return;
// If the element is not part of a menu, reset and clear the active
// button.
if (getContainerWith(el, "DIV", "menu") == null) {
resetButton(activeButton);
activeButton = null;
}
}
function buttonClick(event, menuId) {
var button;
// Get the target button element.
if (browser.isIE)
button = window.event.srcElement;
else
button = event.currentTarget;
// Blur focus from the link to remove that annoying outline.
button.blur();
// Associate the named menu to this button if not already done.
// Additionally, initialize menu display.
if (button.menu == null) {
button.menu = document.getElementById(menuId);
if (button.menu.isInitialized == null)
menuInit(button.menu);
}
// Reset the currently active button, if any.
if (activeButton != null)
resetButton(activeButton);
// Activate this button, unless it was the currently active one.
if (button != activeButton) {
depressButton(button);
activeButton = button;
}
else
activeButton = null;
return false;
}
function buttonMouseover(event, menuId) {
var button;
// Find the target button element.
if (browser.isIE)
button = window.event.srcElement;
else
button = event.currentTarget;
// If any other button menu is active, make this one active instead.
if (activeButton != null && activeButton != button)
buttonClick(event, menuId);
}
function depressButton(button) {
var x, y;
// Update the button's style class to make it look like it's
// depressed.
button.className += " menuButtonActive";
// Position the associated drop down menu under the button and
// show it.
x = getPageOffsetLeft(button);
y = getPageOffsetTop(button) + button.offsetHeight;
// For IE, adjust position.
if (browser.isIE) {
x += button.offsetParent.clientLeft;
y += button.offsetParent.clientTop;
}
button.menu.style.left = x + "px";
button.menu.style.top = y + "px";
button.menu.style.visibility = "visible";
// For IE; size, position and show the menu's IFRAME as well.
if (button.menu.iframeEl != null)
{
button.menu.iframeEl.style.left = button.menu.style.left;
button.menu.iframeEl.style.top = button.menu.style.top;
button.menu.iframeEl.style.width = button.menu.offsetWidth + "px";
button.menu.iframeEl.style.height = button.menu.offsetHeight + "px";
button.menu.iframeEl.style.display = "";
}
}
function resetButton(button) {
// Restore the button's style class.
removeClassName(button, "menuButtonActive");
Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
mettre sous ton div.... ca reglera ce bug
"seb14" a écrit :
> Bonjour,
>
> J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
> gridlayout une Dropdownlist.
>
> mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
>
> Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
>
> Voici le code :
> <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> Src="Controls/MainNavigation.ascx" %>
> <%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
> Inherits="SitePresentation.page2" smartNavigation="True"%>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> <HTML>
> <HEAD>
> <title>page2</title>
> <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
> <meta content="C#" name="CODE_LANGUAGE">
> <meta content="JavaScript" name="vs_defaultClientScript">
> <meta content="http://schemas.microsoft.com/intellisense/ie5"
> name="vs_targetSchema">
> </HEAD>
> <body>
> <form id="Form1" method="post" runat="server">
> <DIV>
> <style type="text/css">DIV.menuBar {
> FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> }
> DIV.menuBar A.menuButton {
> FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> }
> DIV.menu {
> FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> }
> DIV.menu A.menuItem {
> FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> }
> DIV.menuBar {
> BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
> 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
> BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
> outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> }
> DIV.menuBar A.menuButton {
> BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
> 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
> MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
> PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
> 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> }
> DIV.menuBar A.menuButton:hover {
> BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
> 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
> 1px outset; BACKGROUND-COLOR: transparent
> }
> DIV.menuBar A.menuButtonActive {
> BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> }
> DIV.menuBar A.menuButtonActive:hover {
> BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> }
> DIV.menu {
> BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
> 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
> PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
> BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
> BACKGROUND-COLOR: #e0e0e0
> }
> DIV.menu A.menuItem {
> PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
> PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
> WHITE-SPACE: nowrap; TEXT-DECORATION: none
> }
> DIV.menu A.menuItem:hover {
> COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> }
> DIV.menu A.menuItemHighlight {
> COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> }
> DIV.menu A.menuItem SPAN.menuItemText {
>
> }
> DIV.menu A.menuItem SPAN.menuItemArrow {
> MARGIN-RIGHT: -0.75em
> }
> DIV.menu DIV.menuItemSep {
> BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
> 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
> }
> </style>
> <script type="text/javascript">//<![CDATA[
>
> //*****************************************************************************
> // Do not remove this notice.
> //
> // Copyright 2000-2004 by Mike Hall.
> // See http://www.brainjar.com for terms of use.
> //*****************************************************************************
>
> //----------------------------------------------------------------------------
> // Code to determine the browser and version.
> //----------------------------------------------------------------------------
>
> function Browser() {
>
> var ua, s, i;
>
> this.isIE = false; // Internet Explorer
> this.isOP = false; // Opera
> this.isNS = false; // Netscape
> this.version = null;
>
> ua = navigator.userAgent;
>
> s = "Opera";
> if ((i = ua.indexOf(s)) >= 0) {
> this.isOP = true;
> this.version = parseFloat(ua.substr(i + s.length));
> return;
> }
>
> s = "Netscape6/";
> if ((i = ua.indexOf(s)) >= 0) {
> this.isNS = true;
> this.version = parseFloat(ua.substr(i + s.length));
> return;
> }
>
> // Treat any other "Gecko" browser as Netscape 6.1.
>
> s = "Gecko";
> if ((i = ua.indexOf(s)) >= 0) {
> this.isNS = true;
> this.version = 6.1;
> return;
> }
>
> s = "MSIE";
> if ((i = ua.indexOf(s))) {
> this.isIE = true;
> this.version = parseFloat(ua.substr(i + s.length));
> return;
> }
> }
>
> var browser = new Browser();
>
> //----------------------------------------------------------------------------
> // Code for handling the menu bar and active button.
> //----------------------------------------------------------------------------
>
> var activeButton = null;
>
> // Capture mouse clicks on the page so any active button can be
> // deactivated.
>
> if (browser.isIE)
> document.onmousedown = pageMousedown;
> else
> document.addEventListener("mousedown", pageMousedown, true);
>
> function pageMousedown(event) {
>
> var el;
>
> // If there is no active button, exit.
>
> if (activeButton == null)
> return;
>
> // Find the element that was clicked on.
>
> if (browser.isIE)
> el = window.event.srcElement;
> else
> el = (event.target.tagName ? event.target : event.target.parentNode);
>
> // If the active button was clicked on, exit.
>
> if (el == activeButton)
> return;
>
> // If the element is not part of a menu, reset and clear the active
> // button.
>
> if (getContainerWith(el, "DIV", "menu") == null) {
> resetButton(activeButton);
> activeButton = null;
> }
> }
>
> function buttonClick(event, menuId) {
>
> var button;
>
> // Get the target button element.
>
> if (browser.isIE)
> button = window.event.srcElement;
> else
> button = event.currentTarget;
>
> // Blur focus from the link to remove that annoying outline.
>
> button.blur();
>
> // Associate the named menu to this button if not already done.
> // Additionally, initialize menu display.
>
> if (button.menu == null) {
> button.menu = document.getElementById(menuId);
> if (button.menu.isInitialized == null)
> menuInit(button.menu);
> }
>
> // Reset the currently active button, if any.
>
> if (activeButton != null)
> resetButton(activeButton);
>
> // Activate this button, unless it was the currently active one.
>
> if (button != activeButton) {
> depressButton(button);
> activeButton = button;
> }
> else
> activeButton = null;
>
> return false;
> }
>
> function buttonMouseover(event, menuId) {
>
> var button;
>
> // Find the target button element.
>
> if (browser.isIE)
> button = window.event.srcElement;
> else
> button = event.currentTarget;
>
> // If any other button menu is active, make this one active instead.
>
> if (activeButton != null && activeButton != button)
> buttonClick(event, menuId);
> }
>
> function depressButton(button) {
>
> var x, y;
>
> // Update the button's style class to make it look like it's
> // depressed.
>
> button.className += " menuButtonActive";
>
> // Position the associated drop down menu under the button and
> // show it.
>
> x = getPageOffsetLeft(button);
> y = getPageOffsetTop(button) + button.offsetHeight;
>
> // For IE, adjust position.
>
> if (browser.isIE) {
> x += button.offsetParent.clientLeft;
> y += button.offsetParent.clientTop;
> }
>
> button.menu.style.left = x + "px";
> button.menu.style.top = y + "px";
> button.menu.style.visibility = "visible";
>
> // For IE; size, position and show the menu's IFRAME as well.
>
> if (button.menu.iframeEl != null)
> {
> button.menu.iframeEl.style.left = button.menu.style.left;
> button.menu.iframeEl.style.top = button.menu.style.top;
> button.menu.iframeEl.style.width = button.menu.offsetWidth + "px";
> button.menu.iframeEl.style.height = button.menu.offsetHeight + "px";
Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
mettre sous ton div.... ca reglera ce bug
"seb14" a écrit :
> Bonjour,
>
> J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
> gridlayout une Dropdownlist.
>
> mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
>
> Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
>
> Voici le code :
> <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> Src="Controls/MainNavigation.ascx" %>
> <%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
> Inherits="SitePresentation.page2" smartNavigation="True"%>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> <HTML>
> <HEAD>
> <title>page2</title>
> <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
> <meta content="C#" name="CODE_LANGUAGE">
> <meta content="JavaScript" name="vs_defaultClientScript">
> <meta content="http://schemas.microsoft.com/intellisense/ie5"
> name="vs_targetSchema">
> </HEAD>
> <body>
> <form id="Form1" method="post" runat="server">
> <DIV>
> <style type="text/css">DIV.menuBar {
> FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> }
> DIV.menuBar A.menuButton {
> FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> }
> DIV.menu {
> FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> }
> DIV.menu A.menuItem {
> FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> }
> DIV.menuBar {
> BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
> 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
> BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
> outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> }
> DIV.menuBar A.menuButton {
> BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
> 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
> MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
> PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
> 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> }
> DIV.menuBar A.menuButton:hover {
> BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
> 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
> 1px outset; BACKGROUND-COLOR: transparent
> }
> DIV.menuBar A.menuButtonActive {
> BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> }
> DIV.menuBar A.menuButtonActive:hover {
> BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> }
> DIV.menu {
> BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
> 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
> PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
> BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
> BACKGROUND-COLOR: #e0e0e0
> }
> DIV.menu A.menuItem {
> PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
> PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
> WHITE-SPACE: nowrap; TEXT-DECORATION: none
> }
> DIV.menu A.menuItem:hover {
> COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> }
> DIV.menu A.menuItemHighlight {
> COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> }
> DIV.menu A.menuItem SPAN.menuItemText {
>
> }
> DIV.menu A.menuItem SPAN.menuItemArrow {
> MARGIN-RIGHT: -0.75em
> }
> DIV.menu DIV.menuItemSep {
> BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
> 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
> }
> </style>
> <script type="text/javascript">//<![CDATA[
>
> //*****************************************************************************
> // Do not remove this notice.
> //
> // Copyright 2000-2004 by Mike Hall.
> // See http://www.brainjar.com for terms of use.
> //*****************************************************************************
>
> //----------------------------------------------------------------------------
> // Code to determine the browser and version.
> //----------------------------------------------------------------------------
>
> function Browser() {
>
> var ua, s, i;
>
> this.isIE = false; // Internet Explorer
> this.isOP = false; // Opera
> this.isNS = false; // Netscape
> this.version = null;
>
> ua = navigator.userAgent;
>
> s = "Opera";
> if ((i = ua.indexOf(s)) >= 0) {
> this.isOP = true;
> this.version = parseFloat(ua.substr(i + s.length));
> return;
> }
>
> s = "Netscape6/";
> if ((i = ua.indexOf(s)) >= 0) {
> this.isNS = true;
> this.version = parseFloat(ua.substr(i + s.length));
> return;
> }
>
> // Treat any other "Gecko" browser as Netscape 6.1.
>
> s = "Gecko";
> if ((i = ua.indexOf(s)) >= 0) {
> this.isNS = true;
> this.version = 6.1;
> return;
> }
>
> s = "MSIE";
> if ((i = ua.indexOf(s))) {
> this.isIE = true;
> this.version = parseFloat(ua.substr(i + s.length));
> return;
> }
> }
>
> var browser = new Browser();
>
> //----------------------------------------------------------------------------
> // Code for handling the menu bar and active button.
> //----------------------------------------------------------------------------
>
> var activeButton = null;
>
> // Capture mouse clicks on the page so any active button can be
> // deactivated.
>
> if (browser.isIE)
> document.onmousedown = pageMousedown;
> else
> document.addEventListener("mousedown", pageMousedown, true);
>
> function pageMousedown(event) {
>
> var el;
>
> // If there is no active button, exit.
>
> if (activeButton == null)
> return;
>
> // Find the element that was clicked on.
>
> if (browser.isIE)
> el = window.event.srcElement;
> else
> el = (event.target.tagName ? event.target : event.target.parentNode);
>
> // If the active button was clicked on, exit.
>
> if (el == activeButton)
> return;
>
> // If the element is not part of a menu, reset and clear the active
> // button.
>
> if (getContainerWith(el, "DIV", "menu") == null) {
> resetButton(activeButton);
> activeButton = null;
> }
> }
>
> function buttonClick(event, menuId) {
>
> var button;
>
> // Get the target button element.
>
> if (browser.isIE)
> button = window.event.srcElement;
> else
> button = event.currentTarget;
>
> // Blur focus from the link to remove that annoying outline.
>
> button.blur();
>
> // Associate the named menu to this button if not already done.
> // Additionally, initialize menu display.
>
> if (button.menu == null) {
> button.menu = document.getElementById(menuId);
> if (button.menu.isInitialized == null)
> menuInit(button.menu);
> }
>
> // Reset the currently active button, if any.
>
> if (activeButton != null)
> resetButton(activeButton);
>
> // Activate this button, unless it was the currently active one.
>
> if (button != activeButton) {
> depressButton(button);
> activeButton = button;
> }
> else
> activeButton = null;
>
> return false;
> }
>
> function buttonMouseover(event, menuId) {
>
> var button;
>
> // Find the target button element.
>
> if (browser.isIE)
> button = window.event.srcElement;
> else
> button = event.currentTarget;
>
> // If any other button menu is active, make this one active instead.
>
> if (activeButton != null && activeButton != button)
> buttonClick(event, menuId);
> }
>
> function depressButton(button) {
>
> var x, y;
>
> // Update the button's style class to make it look like it's
> // depressed.
>
> button.className += " menuButtonActive";
>
> // Position the associated drop down menu under the button and
> // show it.
>
> x = getPageOffsetLeft(button);
> y = getPageOffsetTop(button) + button.offsetHeight;
>
> // For IE, adjust position.
>
> if (browser.isIE) {
> x += button.offsetParent.clientLeft;
> y += button.offsetParent.clientTop;
> }
>
> button.menu.style.left = x + "px";
> button.menu.style.top = y + "px";
> button.menu.style.visibility = "visible";
>
> // For IE; size, position and show the menu's IFRAME as well.
>
> if (button.menu.iframeEl != null)
> {
> button.menu.iframeEl.style.left = button.menu.style.left;
> button.menu.iframeEl.style.top = button.menu.style.top;
> button.menu.iframeEl.style.width = button.menu.offsetWidth + "px";
> button.menu.iframeEl.style.height = button.menu.offsetHeight + "px";
Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
mettre sous ton div.... ca reglera ce bug
"seb14" a écrit :
> Bonjour,
>
> J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
> gridlayout une Dropdownlist.
>
> mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
>
> Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
>
> Voici le code :
> <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> Src="Controls/MainNavigation.ascx" %>
> <%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
> Inherits="SitePresentation.page2" smartNavigation="True"%>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> <HTML>
> <HEAD>
> <title>page2</title>
> <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
> <meta content="C#" name="CODE_LANGUAGE">
> <meta content="JavaScript" name="vs_defaultClientScript">
> <meta content="http://schemas.microsoft.com/intellisense/ie5"
> name="vs_targetSchema">
> </HEAD>
> <body>
> <form id="Form1" method="post" runat="server">
> <DIV>
> <style type="text/css">DIV.menuBar {
> FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> }
> DIV.menuBar A.menuButton {
> FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> }
> DIV.menu {
> FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> }
> DIV.menu A.menuItem {
> FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> }
> DIV.menuBar {
> BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
> 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
> BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
> outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> }
> DIV.menuBar A.menuButton {
> BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
> 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
> MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
> PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
> 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> }
> DIV.menuBar A.menuButton:hover {
> BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
> 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
> 1px outset; BACKGROUND-COLOR: transparent
> }
> DIV.menuBar A.menuButtonActive {
> BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> }
> DIV.menuBar A.menuButtonActive:hover {
> BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> }
> DIV.menu {
> BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
> 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
> PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
> BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
> BACKGROUND-COLOR: #e0e0e0
> }
> DIV.menu A.menuItem {
> PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
> PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
> WHITE-SPACE: nowrap; TEXT-DECORATION: none
> }
> DIV.menu A.menuItem:hover {
> COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> }
> DIV.menu A.menuItemHighlight {
> COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> }
> DIV.menu A.menuItem SPAN.menuItemText {
>
> }
> DIV.menu A.menuItem SPAN.menuItemArrow {
> MARGIN-RIGHT: -0.75em
> }
> DIV.menu DIV.menuItemSep {
> BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
> 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
> }
> </style>
> <script type="text/javascript">//<![CDATA[
>
> //*****************************************************************************
> // Do not remove this notice.
> //
> // Copyright 2000-2004 by Mike Hall.
> // See http://www.brainjar.com for terms of use.
> //*****************************************************************************
>
> //----------------------------------------------------------------------------
> // Code to determine the browser and version.
> //----------------------------------------------------------------------------
>
> function Browser() {
>
> var ua, s, i;
>
> this.isIE = false; // Internet Explorer
> this.isOP = false; // Opera
> this.isNS = false; // Netscape
> this.version = null;
>
> ua = navigator.userAgent;
>
> s = "Opera";
> if ((i = ua.indexOf(s)) >= 0) {
> this.isOP = true;
> this.version = parseFloat(ua.substr(i + s.length));
> return;
> }
>
> s = "Netscape6/";
> if ((i = ua.indexOf(s)) >= 0) {
> this.isNS = true;
> this.version = parseFloat(ua.substr(i + s.length));
> return;
> }
>
> // Treat any other "Gecko" browser as Netscape 6.1.
>
> s = "Gecko";
> if ((i = ua.indexOf(s)) >= 0) {
> this.isNS = true;
> this.version = 6.1;
> return;
> }
>
> s = "MSIE";
> if ((i = ua.indexOf(s))) {
> this.isIE = true;
> this.version = parseFloat(ua.substr(i + s.length));
> return;
> }
> }
>
> var browser = new Browser();
>
> //----------------------------------------------------------------------------
> // Code for handling the menu bar and active button.
> //----------------------------------------------------------------------------
>
> var activeButton = null;
>
> // Capture mouse clicks on the page so any active button can be
> // deactivated.
>
> if (browser.isIE)
> document.onmousedown = pageMousedown;
> else
> document.addEventListener("mousedown", pageMousedown, true);
>
> function pageMousedown(event) {
>
> var el;
>
> // If there is no active button, exit.
>
> if (activeButton == null)
> return;
>
> // Find the element that was clicked on.
>
> if (browser.isIE)
> el = window.event.srcElement;
> else
> el = (event.target.tagName ? event.target : event.target.parentNode);
>
> // If the active button was clicked on, exit.
>
> if (el == activeButton)
> return;
>
> // If the element is not part of a menu, reset and clear the active
> // button.
>
> if (getContainerWith(el, "DIV", "menu") == null) {
> resetButton(activeButton);
> activeButton = null;
> }
> }
>
> function buttonClick(event, menuId) {
>
> var button;
>
> // Get the target button element.
>
> if (browser.isIE)
> button = window.event.srcElement;
> else
> button = event.currentTarget;
>
> // Blur focus from the link to remove that annoying outline.
>
> button.blur();
>
> // Associate the named menu to this button if not already done.
> // Additionally, initialize menu display.
>
> if (button.menu == null) {
> button.menu = document.getElementById(menuId);
> if (button.menu.isInitialized == null)
> menuInit(button.menu);
> }
>
> // Reset the currently active button, if any.
>
> if (activeButton != null)
> resetButton(activeButton);
>
> // Activate this button, unless it was the currently active one.
>
> if (button != activeButton) {
> depressButton(button);
> activeButton = button;
> }
> else
> activeButton = null;
>
> return false;
> }
>
> function buttonMouseover(event, menuId) {
>
> var button;
>
> // Find the target button element.
>
> if (browser.isIE)
> button = window.event.srcElement;
> else
> button = event.currentTarget;
>
> // If any other button menu is active, make this one active instead.
>
> if (activeButton != null && activeButton != button)
> buttonClick(event, menuId);
> }
>
> function depressButton(button) {
>
> var x, y;
>
> // Update the button's style class to make it look like it's
> // depressed.
>
> button.className += " menuButtonActive";
>
> // Position the associated drop down menu under the button and
> // show it.
>
> x = getPageOffsetLeft(button);
> y = getPageOffsetTop(button) + button.offsetHeight;
>
> // For IE, adjust position.
>
> if (browser.isIE) {
> x += button.offsetParent.clientLeft;
> y += button.offsetParent.clientTop;
> }
>
> button.menu.style.left = x + "px";
> button.menu.style.top = y + "px";
> button.menu.style.visibility = "visible";
>
> // For IE; size, position and show the menu's IFRAME as well.
>
> if (button.menu.iframeEl != null)
> {
> button.menu.iframeEl.style.left = button.menu.style.left;
> button.menu.iframeEl.style.top = button.menu.style.top;
> button.menu.iframeEl.style.width = button.menu.offsetWidth + "px";
> button.menu.iframeEl.style.height = button.menu.offsetHeight + "px";
Merci pour ta reponse !
Mais le probleme c'est que mon javascript créé les iframes.
function menuInit(menu) {
var itemList, spanList;
var textEl, arrowEl;
var itemWidth;
var w, dw;
var i, j;
// For IE, replace arrow characters.
if (browser.isIE) {
menu.style.lineHeight = "2.5ex";
spanList = menu.getElementsByTagName("SPAN");
for (i = 0; i < spanList.length; i++)
if (hasClassName(spanList[i], "menuItemArrow")) {
spanList[i].style.fontFamily = "Webdings";
spanList[i].firstChild.nodeValue = "4";
}
}
// Find the width of a menu item.
itemList = menu.getElementsByTagName("A");
if (itemList.length > 0)
itemWidth = itemList[0].offsetWidth;
else
return;
// For items with arrows, add padding to item text to make the
// arrows flush right.
for (i = 0; i < itemList.length; i++) {
spanList = itemList[i].getElementsByTagName("SPAN");
textEl = null;
arrowEl = null;
for (j = 0; j < spanList.length; j++) {
if (hasClassName(spanList[j], "menuItemText"))
textEl = spanList[j];
if (hasClassName(spanList[j], "menuItemArrow"))
arrowEl = spanList[j];
}
if (textEl != null && arrowEl != null) {
textEl.style.paddingRight = (itemWidth
- (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
// For Opera, remove the negative right margin to fix a display bug.
if (browser.isOP)
arrowEl.style.marginRight = "0px";
}
}
// Fix IE hover problem by setting an explicit width on first item of
// the menu.
if (browser.isIE) {
w = itemList[0].offsetWidth;
itemList[0].style.width = w + "px";
dw = itemList[0].offsetWidth - w;
w -= dw;
itemList[0].style.width = w + "px";
}
// Fix the IE display problem (SELECT elements and other windowed controls
// overlaying the menu) by adding an IFRAME under the menu.
if (browser.isIE) {
var iframeEl = document.createElement("IFRAME");
iframeEl.frameBorder = 0;
iframeEl.src = "javascript:;";
iframeEl.style.display = "none";
iframeEl.style.position = "absolute";
iframeEl.style.filter =
"progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
}
// Mark menu as initialized.
menu.isInitialized = true;
}
"sdrouins" a écrit :
> Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
> de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
> mettre sous ton div.... ca reglera ce bug
>
>
> "seb14" a écrit :
>
> > Bonjour,
> >
> > J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
> > gridlayout une Dropdownlist.
> >
> > mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
> >
> > Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
> >
> > Voici le code :
> > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> > Src="Controls/MainNavigation.ascx" %>
> > <%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
> > Inherits="SitePresentation.page2" smartNavigation="True"%>
> > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> > <HTML>
> > <HEAD>
> > <title>page2</title>
> > <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
> > <meta content="C#" name="CODE_LANGUAGE">
> > <meta content="JavaScript" name="vs_defaultClientScript">
> > <meta content="http://schemas.microsoft.com/intellisense/ie5"
> > name="vs_targetSchema">
> > </HEAD>
> > <body>
> > <form id="Form1" method="post" runat="server">
> > <DIV>
> > <style type="text/css">DIV.menuBar {
> > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > }
> > DIV.menuBar A.menuButton {
> > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > }
> > DIV.menu {
> > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > }
> > DIV.menu A.menuItem {
> > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > }
> > DIV.menuBar {
> > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
> > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
> > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
> > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> > }
> > DIV.menuBar A.menuButton {
> > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
> > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
> > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
> > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
> > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> > }
> > DIV.menuBar A.menuButton:hover {
> > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
> > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
> > 1px outset; BACKGROUND-COLOR: transparent
> > }
> > DIV.menuBar A.menuButtonActive {
> > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > }
> > DIV.menuBar A.menuButtonActive:hover {
> > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > }
> > DIV.menu {
> > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
> > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
> > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
> > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
> > BACKGROUND-COLOR: #e0e0e0
> > }
> > DIV.menu A.menuItem {
> > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
> > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
> > WHITE-SPACE: nowrap; TEXT-DECORATION: none
> > }
> > DIV.menu A.menuItem:hover {
> > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > }
> > DIV.menu A.menuItemHighlight {
> > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > }
> > DIV.menu A.menuItem SPAN.menuItemText {
> >
> > }
> > DIV.menu A.menuItem SPAN.menuItemArrow {
> > MARGIN-RIGHT: -0.75em
> > }
> > DIV.menu DIV.menuItemSep {
> > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
> > 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
> > }
> > </style>
> > <script type="text/javascript">//<![CDATA[
> >
> > //*****************************************************************************
> > // Do not remove this notice.
> > //
> > // Copyright 2000-2004 by Mike Hall.
> > // See http://www.brainjar.com for terms of use.
> > //*****************************************************************************
> >
> > //----------------------------------------------------------------------------
> > // Code to determine the browser and version.
> > //----------------------------------------------------------------------------
> >
> > function Browser() {
> >
> > var ua, s, i;
> >
> > this.isIE = false; // Internet Explorer
> > this.isOP = false; // Opera
> > this.isNS = false; // Netscape
> > this.version = null;
> >
> > ua = navigator.userAgent;
> >
> > s = "Opera";
> > if ((i = ua.indexOf(s)) >= 0) {
> > this.isOP = true;
> > this.version = parseFloat(ua.substr(i + s.length));
> > return;
> > }
> >
> > s = "Netscape6/";
> > if ((i = ua.indexOf(s)) >= 0) {
> > this.isNS = true;
> > this.version = parseFloat(ua.substr(i + s.length));
> > return;
> > }
> >
> > // Treat any other "Gecko" browser as Netscape 6.1.
> >
> > s = "Gecko";
> > if ((i = ua.indexOf(s)) >= 0) {
> > this.isNS = true;
> > this.version = 6.1;
> > return;
> > }
> >
> > s = "MSIE";
> > if ((i = ua.indexOf(s))) {
> > this.isIE = true;
> > this.version = parseFloat(ua.substr(i + s.length));
> > return;
> > }
> > }
> >
> > var browser = new Browser();
> >
> > //----------------------------------------------------------------------------
> > // Code for handling the menu bar and active button.
> > //----------------------------------------------------------------------------
> >
> > var activeButton = null;
> >
> > // Capture mouse clicks on the page so any active button can be
> > // deactivated.
> >
> > if (browser.isIE)
> > document.onmousedown = pageMousedown;
> > else
> > document.addEventListener("mousedown", pageMousedown, true);
> >
> > function pageMousedown(event) {
> >
> > var el;
> >
> > // If there is no active button, exit.
> >
> > if (activeButton == null)
> > return;
> >
> > // Find the element that was clicked on.
> >
> > if (browser.isIE)
> > el = window.event.srcElement;
> > else
> > el = (event.target.tagName ? event.target : event.target.parentNode);
> >
> > // If the active button was clicked on, exit.
> >
> > if (el == activeButton)
> > return;
> >
> > // If the element is not part of a menu, reset and clear the active
> > // button.
> >
> > if (getContainerWith(el, "DIV", "menu") == null) {
> > resetButton(activeButton);
> > activeButton = null;
> > }
> > }
> >
> > function buttonClick(event, menuId) {
> >
> > var button;
> >
> > // Get the target button element.
> >
Merci pour ta reponse !
Mais le probleme c'est que mon javascript créé les iframes.
function menuInit(menu) {
var itemList, spanList;
var textEl, arrowEl;
var itemWidth;
var w, dw;
var i, j;
// For IE, replace arrow characters.
if (browser.isIE) {
menu.style.lineHeight = "2.5ex";
spanList = menu.getElementsByTagName("SPAN");
for (i = 0; i < spanList.length; i++)
if (hasClassName(spanList[i], "menuItemArrow")) {
spanList[i].style.fontFamily = "Webdings";
spanList[i].firstChild.nodeValue = "4";
}
}
// Find the width of a menu item.
itemList = menu.getElementsByTagName("A");
if (itemList.length > 0)
itemWidth = itemList[0].offsetWidth;
else
return;
// For items with arrows, add padding to item text to make the
// arrows flush right.
for (i = 0; i < itemList.length; i++) {
spanList = itemList[i].getElementsByTagName("SPAN");
textEl = null;
arrowEl = null;
for (j = 0; j < spanList.length; j++) {
if (hasClassName(spanList[j], "menuItemText"))
textEl = spanList[j];
if (hasClassName(spanList[j], "menuItemArrow"))
arrowEl = spanList[j];
}
if (textEl != null && arrowEl != null) {
textEl.style.paddingRight = (itemWidth
- (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
// For Opera, remove the negative right margin to fix a display bug.
if (browser.isOP)
arrowEl.style.marginRight = "0px";
}
}
// Fix IE hover problem by setting an explicit width on first item of
// the menu.
if (browser.isIE) {
w = itemList[0].offsetWidth;
itemList[0].style.width = w + "px";
dw = itemList[0].offsetWidth - w;
w -= dw;
itemList[0].style.width = w + "px";
}
// Fix the IE display problem (SELECT elements and other windowed controls
// overlaying the menu) by adding an IFRAME under the menu.
if (browser.isIE) {
var iframeEl = document.createElement("IFRAME");
iframeEl.frameBorder = 0;
iframeEl.src = "javascript:;";
iframeEl.style.display = "none";
iframeEl.style.position = "absolute";
iframeEl.style.filter =
"progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
}
// Mark menu as initialized.
menu.isInitialized = true;
}
"sdrouins" a écrit :
> Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
> de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
> mettre sous ton div.... ca reglera ce bug
>
>
> "seb14" a écrit :
>
> > Bonjour,
> >
> > J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
> > gridlayout une Dropdownlist.
> >
> > mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
> >
> > Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
> >
> > Voici le code :
> > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> > Src="Controls/MainNavigation.ascx" %>
> > <%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
> > Inherits="SitePresentation.page2" smartNavigation="True"%>
> > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> > <HTML>
> > <HEAD>
> > <title>page2</title>
> > <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
> > <meta content="C#" name="CODE_LANGUAGE">
> > <meta content="JavaScript" name="vs_defaultClientScript">
> > <meta content="http://schemas.microsoft.com/intellisense/ie5"
> > name="vs_targetSchema">
> > </HEAD>
> > <body>
> > <form id="Form1" method="post" runat="server">
> > <DIV>
> > <style type="text/css">DIV.menuBar {
> > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > }
> > DIV.menuBar A.menuButton {
> > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > }
> > DIV.menu {
> > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > }
> > DIV.menu A.menuItem {
> > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > }
> > DIV.menuBar {
> > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
> > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
> > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
> > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> > }
> > DIV.menuBar A.menuButton {
> > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
> > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
> > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
> > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
> > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> > }
> > DIV.menuBar A.menuButton:hover {
> > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
> > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
> > 1px outset; BACKGROUND-COLOR: transparent
> > }
> > DIV.menuBar A.menuButtonActive {
> > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > }
> > DIV.menuBar A.menuButtonActive:hover {
> > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > }
> > DIV.menu {
> > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
> > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
> > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
> > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
> > BACKGROUND-COLOR: #e0e0e0
> > }
> > DIV.menu A.menuItem {
> > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
> > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
> > WHITE-SPACE: nowrap; TEXT-DECORATION: none
> > }
> > DIV.menu A.menuItem:hover {
> > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > }
> > DIV.menu A.menuItemHighlight {
> > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > }
> > DIV.menu A.menuItem SPAN.menuItemText {
> >
> > }
> > DIV.menu A.menuItem SPAN.menuItemArrow {
> > MARGIN-RIGHT: -0.75em
> > }
> > DIV.menu DIV.menuItemSep {
> > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
> > 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
> > }
> > </style>
> > <script type="text/javascript">//<![CDATA[
> >
> > //*****************************************************************************
> > // Do not remove this notice.
> > //
> > // Copyright 2000-2004 by Mike Hall.
> > // See http://www.brainjar.com for terms of use.
> > //*****************************************************************************
> >
> > //----------------------------------------------------------------------------
> > // Code to determine the browser and version.
> > //----------------------------------------------------------------------------
> >
> > function Browser() {
> >
> > var ua, s, i;
> >
> > this.isIE = false; // Internet Explorer
> > this.isOP = false; // Opera
> > this.isNS = false; // Netscape
> > this.version = null;
> >
> > ua = navigator.userAgent;
> >
> > s = "Opera";
> > if ((i = ua.indexOf(s)) >= 0) {
> > this.isOP = true;
> > this.version = parseFloat(ua.substr(i + s.length));
> > return;
> > }
> >
> > s = "Netscape6/";
> > if ((i = ua.indexOf(s)) >= 0) {
> > this.isNS = true;
> > this.version = parseFloat(ua.substr(i + s.length));
> > return;
> > }
> >
> > // Treat any other "Gecko" browser as Netscape 6.1.
> >
> > s = "Gecko";
> > if ((i = ua.indexOf(s)) >= 0) {
> > this.isNS = true;
> > this.version = 6.1;
> > return;
> > }
> >
> > s = "MSIE";
> > if ((i = ua.indexOf(s))) {
> > this.isIE = true;
> > this.version = parseFloat(ua.substr(i + s.length));
> > return;
> > }
> > }
> >
> > var browser = new Browser();
> >
> > //----------------------------------------------------------------------------
> > // Code for handling the menu bar and active button.
> > //----------------------------------------------------------------------------
> >
> > var activeButton = null;
> >
> > // Capture mouse clicks on the page so any active button can be
> > // deactivated.
> >
> > if (browser.isIE)
> > document.onmousedown = pageMousedown;
> > else
> > document.addEventListener("mousedown", pageMousedown, true);
> >
> > function pageMousedown(event) {
> >
> > var el;
> >
> > // If there is no active button, exit.
> >
> > if (activeButton == null)
> > return;
> >
> > // Find the element that was clicked on.
> >
> > if (browser.isIE)
> > el = window.event.srcElement;
> > else
> > el = (event.target.tagName ? event.target : event.target.parentNode);
> >
> > // If the active button was clicked on, exit.
> >
> > if (el == activeButton)
> > return;
> >
> > // If the element is not part of a menu, reset and clear the active
> > // button.
> >
> > if (getContainerWith(el, "DIV", "menu") == null) {
> > resetButton(activeButton);
> > activeButton = null;
> > }
> > }
> >
> > function buttonClick(event, menuId) {
> >
> > var button;
> >
> > // Get the target button element.
> >
Merci pour ta reponse !
Mais le probleme c'est que mon javascript créé les iframes.
function menuInit(menu) {
var itemList, spanList;
var textEl, arrowEl;
var itemWidth;
var w, dw;
var i, j;
// For IE, replace arrow characters.
if (browser.isIE) {
menu.style.lineHeight = "2.5ex";
spanList = menu.getElementsByTagName("SPAN");
for (i = 0; i < spanList.length; i++)
if (hasClassName(spanList[i], "menuItemArrow")) {
spanList[i].style.fontFamily = "Webdings";
spanList[i].firstChild.nodeValue = "4";
}
}
// Find the width of a menu item.
itemList = menu.getElementsByTagName("A");
if (itemList.length > 0)
itemWidth = itemList[0].offsetWidth;
else
return;
// For items with arrows, add padding to item text to make the
// arrows flush right.
for (i = 0; i < itemList.length; i++) {
spanList = itemList[i].getElementsByTagName("SPAN");
textEl = null;
arrowEl = null;
for (j = 0; j < spanList.length; j++) {
if (hasClassName(spanList[j], "menuItemText"))
textEl = spanList[j];
if (hasClassName(spanList[j], "menuItemArrow"))
arrowEl = spanList[j];
}
if (textEl != null && arrowEl != null) {
textEl.style.paddingRight = (itemWidth
- (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
// For Opera, remove the negative right margin to fix a display bug.
if (browser.isOP)
arrowEl.style.marginRight = "0px";
}
}
// Fix IE hover problem by setting an explicit width on first item of
// the menu.
if (browser.isIE) {
w = itemList[0].offsetWidth;
itemList[0].style.width = w + "px";
dw = itemList[0].offsetWidth - w;
w -= dw;
itemList[0].style.width = w + "px";
}
// Fix the IE display problem (SELECT elements and other windowed controls
// overlaying the menu) by adding an IFRAME under the menu.
if (browser.isIE) {
var iframeEl = document.createElement("IFRAME");
iframeEl.frameBorder = 0;
iframeEl.src = "javascript:;";
iframeEl.style.display = "none";
iframeEl.style.position = "absolute";
iframeEl.style.filter =
"progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
}
// Mark menu as initialized.
menu.isInitialized = true;
}
"sdrouins" a écrit :
> Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
> de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
> mettre sous ton div.... ca reglera ce bug
>
>
> "seb14" a écrit :
>
> > Bonjour,
> >
> > J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
> > gridlayout une Dropdownlist.
> >
> > mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
> >
> > Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
> >
> > Voici le code :
> > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> > Src="Controls/MainNavigation.ascx" %>
> > <%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
> > Inherits="SitePresentation.page2" smartNavigation="True"%>
> > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> > <HTML>
> > <HEAD>
> > <title>page2</title>
> > <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
> > <meta content="C#" name="CODE_LANGUAGE">
> > <meta content="JavaScript" name="vs_defaultClientScript">
> > <meta content="http://schemas.microsoft.com/intellisense/ie5"
> > name="vs_targetSchema">
> > </HEAD>
> > <body>
> > <form id="Form1" method="post" runat="server">
> > <DIV>
> > <style type="text/css">DIV.menuBar {
> > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > }
> > DIV.menuBar A.menuButton {
> > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > }
> > DIV.menu {
> > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > }
> > DIV.menu A.menuItem {
> > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > }
> > DIV.menuBar {
> > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
> > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
> > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
> > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> > }
> > DIV.menuBar A.menuButton {
> > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
> > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
> > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
> > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
> > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> > }
> > DIV.menuBar A.menuButton:hover {
> > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
> > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
> > 1px outset; BACKGROUND-COLOR: transparent
> > }
> > DIV.menuBar A.menuButtonActive {
> > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > }
> > DIV.menuBar A.menuButtonActive:hover {
> > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > }
> > DIV.menu {
> > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
> > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
> > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
> > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
> > BACKGROUND-COLOR: #e0e0e0
> > }
> > DIV.menu A.menuItem {
> > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
> > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
> > WHITE-SPACE: nowrap; TEXT-DECORATION: none
> > }
> > DIV.menu A.menuItem:hover {
> > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > }
> > DIV.menu A.menuItemHighlight {
> > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > }
> > DIV.menu A.menuItem SPAN.menuItemText {
> >
> > }
> > DIV.menu A.menuItem SPAN.menuItemArrow {
> > MARGIN-RIGHT: -0.75em
> > }
> > DIV.menu DIV.menuItemSep {
> > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
> > 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
> > }
> > </style>
> > <script type="text/javascript">//<![CDATA[
> >
> > //*****************************************************************************
> > // Do not remove this notice.
> > //
> > // Copyright 2000-2004 by Mike Hall.
> > // See http://www.brainjar.com for terms of use.
> > //*****************************************************************************
> >
> > //----------------------------------------------------------------------------
> > // Code to determine the browser and version.
> > //----------------------------------------------------------------------------
> >
> > function Browser() {
> >
> > var ua, s, i;
> >
> > this.isIE = false; // Internet Explorer
> > this.isOP = false; // Opera
> > this.isNS = false; // Netscape
> > this.version = null;
> >
> > ua = navigator.userAgent;
> >
> > s = "Opera";
> > if ((i = ua.indexOf(s)) >= 0) {
> > this.isOP = true;
> > this.version = parseFloat(ua.substr(i + s.length));
> > return;
> > }
> >
> > s = "Netscape6/";
> > if ((i = ua.indexOf(s)) >= 0) {
> > this.isNS = true;
> > this.version = parseFloat(ua.substr(i + s.length));
> > return;
> > }
> >
> > // Treat any other "Gecko" browser as Netscape 6.1.
> >
> > s = "Gecko";
> > if ((i = ua.indexOf(s)) >= 0) {
> > this.isNS = true;
> > this.version = 6.1;
> > return;
> > }
> >
> > s = "MSIE";
> > if ((i = ua.indexOf(s))) {
> > this.isIE = true;
> > this.version = parseFloat(ua.substr(i + s.length));
> > return;
> > }
> > }
> >
> > var browser = new Browser();
> >
> > //----------------------------------------------------------------------------
> > // Code for handling the menu bar and active button.
> > //----------------------------------------------------------------------------
> >
> > var activeButton = null;
> >
> > // Capture mouse clicks on the page so any active button can be
> > // deactivated.
> >
> > if (browser.isIE)
> > document.onmousedown = pageMousedown;
> > else
> > document.addEventListener("mousedown", pageMousedown, true);
> >
> > function pageMousedown(event) {
> >
> > var el;
> >
> > // If there is no active button, exit.
> >
> > if (activeButton == null)
> > return;
> >
> > // Find the element that was clicked on.
> >
> > if (browser.isIE)
> > el = window.event.srcElement;
> > else
> > el = (event.target.tagName ? event.target : event.target.parentNode);
> >
> > // If the active button was clicked on, exit.
> >
> > if (el == activeButton)
> > return;
> >
> > // If the element is not part of a menu, reset and clear the active
> > // button.
> >
> > if (getContainerWith(el, "DIV", "menu") == null) {
> > resetButton(activeButton);
> > activeButton = null;
> > }
> > }
> >
> > function buttonClick(event, menuId) {
> >
> > var button;
> >
> > // Get the target button element.
> >
est-ce que tu vois ton iframe dans ta page?
de ce que je vois tu a spas l'air a le mettre visible
change dont: iframeEl.style.display = "none";
iframeEl.style.display = "block"
pis set lui une largeur et hauteur
"seb14" a écrit :
> Merci pour ta reponse !
> Mais le probleme c'est que mon javascript créé les iframes.
>
> function menuInit(menu) {
>
> var itemList, spanList;
> var textEl, arrowEl;
> var itemWidth;
> var w, dw;
> var i, j;
>
> // For IE, replace arrow characters.
>
> if (browser.isIE) {
> menu.style.lineHeight = "2.5ex";
> spanList = menu.getElementsByTagName("SPAN");
> for (i = 0; i < spanList.length; i++)
> if (hasClassName(spanList[i], "menuItemArrow")) {
> spanList[i].style.fontFamily = "Webdings";
> spanList[i].firstChild.nodeValue = "4";
> }
> }
>
> // Find the width of a menu item.
>
> itemList = menu.getElementsByTagName("A");
> if (itemList.length > 0)
> itemWidth = itemList[0].offsetWidth;
> else
> return;
>
> // For items with arrows, add padding to item text to make the
> // arrows flush right.
>
> for (i = 0; i < itemList.length; i++) {
> spanList = itemList[i].getElementsByTagName("SPAN");
> textEl = null;
> arrowEl = null;
> for (j = 0; j < spanList.length; j++) {
> if (hasClassName(spanList[j], "menuItemText"))
> textEl = spanList[j];
> if (hasClassName(spanList[j], "menuItemArrow"))
> arrowEl = spanList[j];
> }
> if (textEl != null && arrowEl != null) {
> textEl.style.paddingRight = (itemWidth
> - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
> // For Opera, remove the negative right margin to fix a display bug.
> if (browser.isOP)
> arrowEl.style.marginRight = "0px";
> }
> }
>
> // Fix IE hover problem by setting an explicit width on first item of
> // the menu.
>
> if (browser.isIE) {
> w = itemList[0].offsetWidth;
> itemList[0].style.width = w + "px";
> dw = itemList[0].offsetWidth - w;
> w -= dw;
> itemList[0].style.width = w + "px";
> }
>
> // Fix the IE display problem (SELECT elements and other windowed controls
> // overlaying the menu) by adding an IFRAME under the menu.
>
> if (browser.isIE) {
> var iframeEl = document.createElement("IFRAME");
> iframeEl.frameBorder = 0;
> iframeEl.src = "javascript:;";
> iframeEl.style.display = "none";
> iframeEl.style.position = "absolute";
> iframeEl.style.filter =
> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
> }
>
> // Mark menu as initialized.
>
> menu.isInitialized = true;
> }
>
>
> "sdrouins" a écrit :
>
> > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
> > de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
> > mettre sous ton div.... ca reglera ce bug
> >
> >
> > "seb14" a écrit :
> >
> > > Bonjour,
> > >
> > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
> > > gridlayout une Dropdownlist.
> > >
> > > mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
> > >
> > > Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
> > >
> > > Voici le code :
> > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> > > Src="Controls/MainNavigation.ascx" %>
> > > <%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
> > > Inherits="SitePresentation.page2" smartNavigation="True"%>
> > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> > > <HTML>
> > > <HEAD>
> > > <title>page2</title>
> > > <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
> > > <meta content="C#" name="CODE_LANGUAGE">
> > > <meta content="JavaScript" name="vs_defaultClientScript">
> > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
> > > name="vs_targetSchema">
> > > </HEAD>
> > > <body>
> > > <form id="Form1" method="post" runat="server">
> > > <DIV>
> > > <style type="text/css">DIV.menuBar {
> > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > }
> > > DIV.menuBar A.menuButton {
> > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > }
> > > DIV.menu {
> > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > }
> > > DIV.menu A.menuItem {
> > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > }
> > > DIV.menuBar {
> > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
> > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
> > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
> > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> > > }
> > > DIV.menuBar A.menuButton {
> > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
> > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
> > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
> > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
> > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> > > }
> > > DIV.menuBar A.menuButton:hover {
> > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
> > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
> > > 1px outset; BACKGROUND-COLOR: transparent
> > > }
> > > DIV.menuBar A.menuButtonActive {
> > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > }
> > > DIV.menuBar A.menuButtonActive:hover {
> > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > }
> > > DIV.menu {
> > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
> > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
> > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
> > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
> > > BACKGROUND-COLOR: #e0e0e0
> > > }
> > > DIV.menu A.menuItem {
> > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
> > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
> > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
> > > }
> > > DIV.menu A.menuItem:hover {
> > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > }
> > > DIV.menu A.menuItemHighlight {
> > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > }
> > > DIV.menu A.menuItem SPAN.menuItemText {
> > >
> > > }
> > > DIV.menu A.menuItem SPAN.menuItemArrow {
> > > MARGIN-RIGHT: -0.75em
> > > }
> > > DIV.menu DIV.menuItemSep {
> > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
> > > 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
> > > }
> > > </style>
> > > <script type="text/javascript">//<![CDATA[
> > >
> > > //*****************************************************************************
> > > // Do not remove this notice.
> > > //
> > > // Copyright 2000-2004 by Mike Hall.
> > > // See http://www.brainjar.com for terms of use.
> > > //*****************************************************************************
> > >
> > > //----------------------------------------------------------------------------
> > > // Code to determine the browser and version.
> > > //----------------------------------------------------------------------------
> > >
> > > function Browser() {
> > >
> > > var ua, s, i;
> > >
> > > this.isIE = false; // Internet Explorer
> > > this.isOP = false; // Opera
> > > this.isNS = false; // Netscape
> > > this.version = null;
> > >
> > > ua = navigator.userAgent;
> > >
> > > s = "Opera";
> > > if ((i = ua.indexOf(s)) >= 0) {
> > > this.isOP = true;
> > > this.version = parseFloat(ua.substr(i + s.length));
> > > return;
> > > }
> > >
> > > s = "Netscape6/";
> > > if ((i = ua.indexOf(s)) >= 0) {
> > > this.isNS = true;
> > > this.version = parseFloat(ua.substr(i + s.length));
> > > return;
> > > }
> > >
> > > // Treat any other "Gecko" browser as Netscape 6.1.
> > >
> > > s = "Gecko";
> > > if ((i = ua.indexOf(s)) >= 0) {
> > > this.isNS = true;
> > > this.version = 6.1;
> > > return;
> > > }
> > >
> > > s = "MSIE";
> > > if ((i = ua.indexOf(s))) {
> > > this.isIE = true;
> > > this.version = parseFloat(ua.substr(i + s.length));
> > > return;
> > > }
> > > }
> > >
> > > var browser = new Browser();
> > >
> > > //----------------------------------------------------------------------------
> > > // Code for handling the menu bar and active button.
> > > //----------------------------------------------------------------------------
> > >
> > > var activeButton = null;
> > >
> > > // Capture mouse clicks on the page so any active button can be
> > > // deactivated.
> > >
> > > if (browser.isIE)
> > > document.onmousedown = pageMousedown;
> > > else
> > > document.addEventListener("mousedown", pageMousedown, true);
> > >
> > > function pageMousedown(event) {
> > >
> > > var el;
> > >
> > > // If there is no active button, exit.
> > >
> > > if (activeButton == null)
> > > return;
> > >
> > > // Find the element that was clicked on.
> > >
> > > if (browser.isIE)
> > > el = window.event.srcElement;
> > > else
> > > el = (event.target.tagName ? event.target : event.target.parentNode);
> > >
> > > // If the active button was clicked on, exit.
> > >
> > > if (el == activeButton)
> > > return;
> > >
> > > // If the element is not part of a menu, reset and clear the active
> > > // button.
> > >
> > > if (getContainerWith(el, "DIV", "menu") == null) {
> > > resetButton(activeButton);
> > > activeButton = null;
> > > }
est-ce que tu vois ton iframe dans ta page?
de ce que je vois tu a spas l'air a le mettre visible
change dont: iframeEl.style.display = "none";
iframeEl.style.display = "block"
pis set lui une largeur et hauteur
"seb14" a écrit :
> Merci pour ta reponse !
> Mais le probleme c'est que mon javascript créé les iframes.
>
> function menuInit(menu) {
>
> var itemList, spanList;
> var textEl, arrowEl;
> var itemWidth;
> var w, dw;
> var i, j;
>
> // For IE, replace arrow characters.
>
> if (browser.isIE) {
> menu.style.lineHeight = "2.5ex";
> spanList = menu.getElementsByTagName("SPAN");
> for (i = 0; i < spanList.length; i++)
> if (hasClassName(spanList[i], "menuItemArrow")) {
> spanList[i].style.fontFamily = "Webdings";
> spanList[i].firstChild.nodeValue = "4";
> }
> }
>
> // Find the width of a menu item.
>
> itemList = menu.getElementsByTagName("A");
> if (itemList.length > 0)
> itemWidth = itemList[0].offsetWidth;
> else
> return;
>
> // For items with arrows, add padding to item text to make the
> // arrows flush right.
>
> for (i = 0; i < itemList.length; i++) {
> spanList = itemList[i].getElementsByTagName("SPAN");
> textEl = null;
> arrowEl = null;
> for (j = 0; j < spanList.length; j++) {
> if (hasClassName(spanList[j], "menuItemText"))
> textEl = spanList[j];
> if (hasClassName(spanList[j], "menuItemArrow"))
> arrowEl = spanList[j];
> }
> if (textEl != null && arrowEl != null) {
> textEl.style.paddingRight = (itemWidth
> - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
> // For Opera, remove the negative right margin to fix a display bug.
> if (browser.isOP)
> arrowEl.style.marginRight = "0px";
> }
> }
>
> // Fix IE hover problem by setting an explicit width on first item of
> // the menu.
>
> if (browser.isIE) {
> w = itemList[0].offsetWidth;
> itemList[0].style.width = w + "px";
> dw = itemList[0].offsetWidth - w;
> w -= dw;
> itemList[0].style.width = w + "px";
> }
>
> // Fix the IE display problem (SELECT elements and other windowed controls
> // overlaying the menu) by adding an IFRAME under the menu.
>
> if (browser.isIE) {
> var iframeEl = document.createElement("IFRAME");
> iframeEl.frameBorder = 0;
> iframeEl.src = "javascript:;";
> iframeEl.style.display = "none";
> iframeEl.style.position = "absolute";
> iframeEl.style.filter =
> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
> }
>
> // Mark menu as initialized.
>
> menu.isInitialized = true;
> }
>
>
> "sdrouins" a écrit :
>
> > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
> > de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
> > mettre sous ton div.... ca reglera ce bug
> >
> >
> > "seb14" a écrit :
> >
> > > Bonjour,
> > >
> > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
> > > gridlayout une Dropdownlist.
> > >
> > > mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
> > >
> > > Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
> > >
> > > Voici le code :
> > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> > > Src="Controls/MainNavigation.ascx" %>
> > > <%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
> > > Inherits="SitePresentation.page2" smartNavigation="True"%>
> > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> > > <HTML>
> > > <HEAD>
> > > <title>page2</title>
> > > <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
> > > <meta content="C#" name="CODE_LANGUAGE">
> > > <meta content="JavaScript" name="vs_defaultClientScript">
> > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
> > > name="vs_targetSchema">
> > > </HEAD>
> > > <body>
> > > <form id="Form1" method="post" runat="server">
> > > <DIV>
> > > <style type="text/css">DIV.menuBar {
> > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > }
> > > DIV.menuBar A.menuButton {
> > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > }
> > > DIV.menu {
> > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > }
> > > DIV.menu A.menuItem {
> > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > }
> > > DIV.menuBar {
> > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
> > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
> > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
> > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> > > }
> > > DIV.menuBar A.menuButton {
> > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
> > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
> > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
> > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
> > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> > > }
> > > DIV.menuBar A.menuButton:hover {
> > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
> > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
> > > 1px outset; BACKGROUND-COLOR: transparent
> > > }
> > > DIV.menuBar A.menuButtonActive {
> > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > }
> > > DIV.menuBar A.menuButtonActive:hover {
> > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > }
> > > DIV.menu {
> > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
> > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
> > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
> > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
> > > BACKGROUND-COLOR: #e0e0e0
> > > }
> > > DIV.menu A.menuItem {
> > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
> > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
> > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
> > > }
> > > DIV.menu A.menuItem:hover {
> > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > }
> > > DIV.menu A.menuItemHighlight {
> > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > }
> > > DIV.menu A.menuItem SPAN.menuItemText {
> > >
> > > }
> > > DIV.menu A.menuItem SPAN.menuItemArrow {
> > > MARGIN-RIGHT: -0.75em
> > > }
> > > DIV.menu DIV.menuItemSep {
> > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
> > > 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
> > > }
> > > </style>
> > > <script type="text/javascript">//<![CDATA[
> > >
> > > //*****************************************************************************
> > > // Do not remove this notice.
> > > //
> > > // Copyright 2000-2004 by Mike Hall.
> > > // See http://www.brainjar.com for terms of use.
> > > //*****************************************************************************
> > >
> > > //----------------------------------------------------------------------------
> > > // Code to determine the browser and version.
> > > //----------------------------------------------------------------------------
> > >
> > > function Browser() {
> > >
> > > var ua, s, i;
> > >
> > > this.isIE = false; // Internet Explorer
> > > this.isOP = false; // Opera
> > > this.isNS = false; // Netscape
> > > this.version = null;
> > >
> > > ua = navigator.userAgent;
> > >
> > > s = "Opera";
> > > if ((i = ua.indexOf(s)) >= 0) {
> > > this.isOP = true;
> > > this.version = parseFloat(ua.substr(i + s.length));
> > > return;
> > > }
> > >
> > > s = "Netscape6/";
> > > if ((i = ua.indexOf(s)) >= 0) {
> > > this.isNS = true;
> > > this.version = parseFloat(ua.substr(i + s.length));
> > > return;
> > > }
> > >
> > > // Treat any other "Gecko" browser as Netscape 6.1.
> > >
> > > s = "Gecko";
> > > if ((i = ua.indexOf(s)) >= 0) {
> > > this.isNS = true;
> > > this.version = 6.1;
> > > return;
> > > }
> > >
> > > s = "MSIE";
> > > if ((i = ua.indexOf(s))) {
> > > this.isIE = true;
> > > this.version = parseFloat(ua.substr(i + s.length));
> > > return;
> > > }
> > > }
> > >
> > > var browser = new Browser();
> > >
> > > //----------------------------------------------------------------------------
> > > // Code for handling the menu bar and active button.
> > > //----------------------------------------------------------------------------
> > >
> > > var activeButton = null;
> > >
> > > // Capture mouse clicks on the page so any active button can be
> > > // deactivated.
> > >
> > > if (browser.isIE)
> > > document.onmousedown = pageMousedown;
> > > else
> > > document.addEventListener("mousedown", pageMousedown, true);
> > >
> > > function pageMousedown(event) {
> > >
> > > var el;
> > >
> > > // If there is no active button, exit.
> > >
> > > if (activeButton == null)
> > > return;
> > >
> > > // Find the element that was clicked on.
> > >
> > > if (browser.isIE)
> > > el = window.event.srcElement;
> > > else
> > > el = (event.target.tagName ? event.target : event.target.parentNode);
> > >
> > > // If the active button was clicked on, exit.
> > >
> > > if (el == activeButton)
> > > return;
> > >
> > > // If the element is not part of a menu, reset and clear the active
> > > // button.
> > >
> > > if (getContainerWith(el, "DIV", "menu") == null) {
> > > resetButton(activeButton);
> > > activeButton = null;
> > > }
est-ce que tu vois ton iframe dans ta page?
de ce que je vois tu a spas l'air a le mettre visible
change dont: iframeEl.style.display = "none";
iframeEl.style.display = "block"
pis set lui une largeur et hauteur
"seb14" a écrit :
> Merci pour ta reponse !
> Mais le probleme c'est que mon javascript créé les iframes.
>
> function menuInit(menu) {
>
> var itemList, spanList;
> var textEl, arrowEl;
> var itemWidth;
> var w, dw;
> var i, j;
>
> // For IE, replace arrow characters.
>
> if (browser.isIE) {
> menu.style.lineHeight = "2.5ex";
> spanList = menu.getElementsByTagName("SPAN");
> for (i = 0; i < spanList.length; i++)
> if (hasClassName(spanList[i], "menuItemArrow")) {
> spanList[i].style.fontFamily = "Webdings";
> spanList[i].firstChild.nodeValue = "4";
> }
> }
>
> // Find the width of a menu item.
>
> itemList = menu.getElementsByTagName("A");
> if (itemList.length > 0)
> itemWidth = itemList[0].offsetWidth;
> else
> return;
>
> // For items with arrows, add padding to item text to make the
> // arrows flush right.
>
> for (i = 0; i < itemList.length; i++) {
> spanList = itemList[i].getElementsByTagName("SPAN");
> textEl = null;
> arrowEl = null;
> for (j = 0; j < spanList.length; j++) {
> if (hasClassName(spanList[j], "menuItemText"))
> textEl = spanList[j];
> if (hasClassName(spanList[j], "menuItemArrow"))
> arrowEl = spanList[j];
> }
> if (textEl != null && arrowEl != null) {
> textEl.style.paddingRight = (itemWidth
> - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
> // For Opera, remove the negative right margin to fix a display bug.
> if (browser.isOP)
> arrowEl.style.marginRight = "0px";
> }
> }
>
> // Fix IE hover problem by setting an explicit width on first item of
> // the menu.
>
> if (browser.isIE) {
> w = itemList[0].offsetWidth;
> itemList[0].style.width = w + "px";
> dw = itemList[0].offsetWidth - w;
> w -= dw;
> itemList[0].style.width = w + "px";
> }
>
> // Fix the IE display problem (SELECT elements and other windowed controls
> // overlaying the menu) by adding an IFRAME under the menu.
>
> if (browser.isIE) {
> var iframeEl = document.createElement("IFRAME");
> iframeEl.frameBorder = 0;
> iframeEl.src = "javascript:;";
> iframeEl.style.display = "none";
> iframeEl.style.position = "absolute";
> iframeEl.style.filter =
> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
> }
>
> // Mark menu as initialized.
>
> menu.isInitialized = true;
> }
>
>
> "sdrouins" a écrit :
>
> > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
> > de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
> > mettre sous ton div.... ca reglera ce bug
> >
> >
> > "seb14" a écrit :
> >
> > > Bonjour,
> > >
> > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
> > > gridlayout une Dropdownlist.
> > >
> > > mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
> > >
> > > Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
> > >
> > > Voici le code :
> > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> > > Src="Controls/MainNavigation.ascx" %>
> > > <%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
> > > Inherits="SitePresentation.page2" smartNavigation="True"%>
> > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> > > <HTML>
> > > <HEAD>
> > > <title>page2</title>
> > > <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
> > > <meta content="C#" name="CODE_LANGUAGE">
> > > <meta content="JavaScript" name="vs_defaultClientScript">
> > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
> > > name="vs_targetSchema">
> > > </HEAD>
> > > <body>
> > > <form id="Form1" method="post" runat="server">
> > > <DIV>
> > > <style type="text/css">DIV.menuBar {
> > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > }
> > > DIV.menuBar A.menuButton {
> > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > }
> > > DIV.menu {
> > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > }
> > > DIV.menu A.menuItem {
> > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > }
> > > DIV.menuBar {
> > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
> > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
> > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
> > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> > > }
> > > DIV.menuBar A.menuButton {
> > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
> > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
> > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
> > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
> > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> > > }
> > > DIV.menuBar A.menuButton:hover {
> > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
> > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
> > > 1px outset; BACKGROUND-COLOR: transparent
> > > }
> > > DIV.menuBar A.menuButtonActive {
> > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > }
> > > DIV.menuBar A.menuButtonActive:hover {
> > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > }
> > > DIV.menu {
> > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
> > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
> > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
> > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
> > > BACKGROUND-COLOR: #e0e0e0
> > > }
> > > DIV.menu A.menuItem {
> > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
> > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
> > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
> > > }
> > > DIV.menu A.menuItem:hover {
> > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > }
> > > DIV.menu A.menuItemHighlight {
> > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > }
> > > DIV.menu A.menuItem SPAN.menuItemText {
> > >
> > > }
> > > DIV.menu A.menuItem SPAN.menuItemArrow {
> > > MARGIN-RIGHT: -0.75em
> > > }
> > > DIV.menu DIV.menuItemSep {
> > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
> > > 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
> > > }
> > > </style>
> > > <script type="text/javascript">//<![CDATA[
> > >
> > > //*****************************************************************************
> > > // Do not remove this notice.
> > > //
> > > // Copyright 2000-2004 by Mike Hall.
> > > // See http://www.brainjar.com for terms of use.
> > > //*****************************************************************************
> > >
> > > //----------------------------------------------------------------------------
> > > // Code to determine the browser and version.
> > > //----------------------------------------------------------------------------
> > >
> > > function Browser() {
> > >
> > > var ua, s, i;
> > >
> > > this.isIE = false; // Internet Explorer
> > > this.isOP = false; // Opera
> > > this.isNS = false; // Netscape
> > > this.version = null;
> > >
> > > ua = navigator.userAgent;
> > >
> > > s = "Opera";
> > > if ((i = ua.indexOf(s)) >= 0) {
> > > this.isOP = true;
> > > this.version = parseFloat(ua.substr(i + s.length));
> > > return;
> > > }
> > >
> > > s = "Netscape6/";
> > > if ((i = ua.indexOf(s)) >= 0) {
> > > this.isNS = true;
> > > this.version = parseFloat(ua.substr(i + s.length));
> > > return;
> > > }
> > >
> > > // Treat any other "Gecko" browser as Netscape 6.1.
> > >
> > > s = "Gecko";
> > > if ((i = ua.indexOf(s)) >= 0) {
> > > this.isNS = true;
> > > this.version = 6.1;
> > > return;
> > > }
> > >
> > > s = "MSIE";
> > > if ((i = ua.indexOf(s))) {
> > > this.isIE = true;
> > > this.version = parseFloat(ua.substr(i + s.length));
> > > return;
> > > }
> > > }
> > >
> > > var browser = new Browser();
> > >
> > > //----------------------------------------------------------------------------
> > > // Code for handling the menu bar and active button.
> > > //----------------------------------------------------------------------------
> > >
> > > var activeButton = null;
> > >
> > > // Capture mouse clicks on the page so any active button can be
> > > // deactivated.
> > >
> > > if (browser.isIE)
> > > document.onmousedown = pageMousedown;
> > > else
> > > document.addEventListener("mousedown", pageMousedown, true);
> > >
> > > function pageMousedown(event) {
> > >
> > > var el;
> > >
> > > // If there is no active button, exit.
> > >
> > > if (activeButton == null)
> > > return;
> > >
> > > // Find the element that was clicked on.
> > >
> > > if (browser.isIE)
> > > el = window.event.srcElement;
> > > else
> > > el = (event.target.tagName ? event.target : event.target.parentNode);
> > >
> > > // If the active button was clicked on, exit.
> > >
> > > if (el == activeButton)
> > > return;
> > >
> > > // If the element is not part of a menu, reset and clear the active
> > > // button.
> > >
> > > if (getContainerWith(el, "DIV", "menu") == null) {
> > > resetButton(activeButton);
> > > activeButton = null;
> > > }
> iframeEl.frameBorder = 0;
> iframeEl.src = "javascript:;";
> iframeEl.style.display = "none";
> iframeEl.style.position = "absolute";
> iframeEl.style.filter =
> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
effectivement je ne vois pas mes iframes
meme en changeant display = "block"
la je comprends pas tout ma petite cervelle a du mal
"sdrouins" a écrit :
> est-ce que tu vois ton iframe dans ta page?
> de ce que je vois tu a spas l'air a le mettre visible
> change dont: iframeEl.style.display = "none";
> iframeEl.style.display = "block"
>
> pis set lui une largeur et hauteur
> "seb14" a écrit :
>
> > Merci pour ta reponse !
> > Mais le probleme c'est que mon javascript créé les iframes.
> >
> > function menuInit(menu) {
> >
> > var itemList, spanList;
> > var textEl, arrowEl;
> > var itemWidth;
> > var w, dw;
> > var i, j;
> >
> > // For IE, replace arrow characters.
> >
> > if (browser.isIE) {
> > menu.style.lineHeight = "2.5ex";
> > spanList = menu.getElementsByTagName("SPAN");
> > for (i = 0; i < spanList.length; i++)
> > if (hasClassName(spanList[i], "menuItemArrow")) {
> > spanList[i].style.fontFamily = "Webdings";
> > spanList[i].firstChild.nodeValue = "4";
> > }
> > }
> >
> > // Find the width of a menu item.
> >
> > itemList = menu.getElementsByTagName("A");
> > if (itemList.length > 0)
> > itemWidth = itemList[0].offsetWidth;
> > else
> > return;
> >
> > // For items with arrows, add padding to item text to make the
> > // arrows flush right.
> >
> > for (i = 0; i < itemList.length; i++) {
> > spanList = itemList[i].getElementsByTagName("SPAN");
> > textEl = null;
> > arrowEl = null;
> > for (j = 0; j < spanList.length; j++) {
> > if (hasClassName(spanList[j], "menuItemText"))
> > textEl = spanList[j];
> > if (hasClassName(spanList[j], "menuItemArrow"))
> > arrowEl = spanList[j];
> > }
> > if (textEl != null && arrowEl != null) {
> > textEl.style.paddingRight = (itemWidth
> > - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
> > // For Opera, remove the negative right margin to fix a display bug.
> > if (browser.isOP)
> > arrowEl.style.marginRight = "0px";
> > }
> > }
> >
> > // Fix IE hover problem by setting an explicit width on first item of
> > // the menu.
> >
> > if (browser.isIE) {
> > w = itemList[0].offsetWidth;
> > itemList[0].style.width = w + "px";
> > dw = itemList[0].offsetWidth - w;
> > w -= dw;
> > itemList[0].style.width = w + "px";
> > }
> >
> > // Fix the IE display problem (SELECT elements and other windowed controls
> > // overlaying the menu) by adding an IFRAME under the menu.
> >
> > if (browser.isIE) {
> > var iframeEl = document.createElement("IFRAME");
> > iframeEl.frameBorder = 0;
> > iframeEl.src = "javascript:;";
> > iframeEl.style.display = "none";
> > iframeEl.style.position = "absolute";
> > iframeEl.style.filter =
> > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
> > }
> >
> > // Mark menu as initialized.
> >
> > menu.isInitialized = true;
> > }
> >
> >
> > "sdrouins" a écrit :
> >
> > > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
> > > de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
> > > mettre sous ton div.... ca reglera ce bug
> > >
> > >
> > > "seb14" a écrit :
> > >
> > > > Bonjour,
> > > >
> > > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
> > > > gridlayout une Dropdownlist.
> > > >
> > > > mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
> > > >
> > > > Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
> > > >
> > > > Voici le code :
> > > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> > > > Src="Controls/MainNavigation.ascx" %>
> > > > <%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
> > > > Inherits="SitePresentation.page2" smartNavigation="True"%>
> > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> > > > <HTML>
> > > > <HEAD>
> > > > <title>page2</title>
> > > > <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
> > > > <meta content="C#" name="CODE_LANGUAGE">
> > > > <meta content="JavaScript" name="vs_defaultClientScript">
> > > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
> > > > name="vs_targetSchema">
> > > > </HEAD>
> > > > <body>
> > > > <form id="Form1" method="post" runat="server">
> > > > <DIV>
> > > > <style type="text/css">DIV.menuBar {
> > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > }
> > > > DIV.menuBar A.menuButton {
> > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > }
> > > > DIV.menu {
> > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > }
> > > > DIV.menu A.menuItem {
> > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > }
> > > > DIV.menuBar {
> > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
> > > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
> > > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
> > > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> > > > }
> > > > DIV.menuBar A.menuButton {
> > > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
> > > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
> > > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
> > > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
> > > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> > > > }
> > > > DIV.menuBar A.menuButton:hover {
> > > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
> > > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
> > > > 1px outset; BACKGROUND-COLOR: transparent
> > > > }
> > > > DIV.menuBar A.menuButtonActive {
> > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > > }
> > > > DIV.menuBar A.menuButtonActive:hover {
> > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > > }
> > > > DIV.menu {
> > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
> > > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
> > > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
> > > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
> > > > BACKGROUND-COLOR: #e0e0e0
> > > > }
> > > > DIV.menu A.menuItem {
> > > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
> > > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
> > > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
> > > > }
> > > > DIV.menu A.menuItem:hover {
> > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > }
> > > > DIV.menu A.menuItemHighlight {
> > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > }
> > > > DIV.menu A.menuItem SPAN.menuItemText {
> > > >
> > > > }
> > > > DIV.menu A.menuItem SPAN.menuItemArrow {
> > > > MARGIN-RIGHT: -0.75em
> > > > }
> > > > DIV.menu DIV.menuItemSep {
> > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
> > > > 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
> > > > }
> > > > </style>
> > > > <script type="text/javascript">//<![CDATA[
> > > >
> > > > //*****************************************************************************
> > > > // Do not remove this notice.
> > > > //
> > > > // Copyright 2000-2004 by Mike Hall.
> > > > // See http://www.brainjar.com for terms of use.
> > > > //*****************************************************************************
> > > >
> > > > //----------------------------------------------------------------------------
> > > > // Code to determine the browser and version.
> > > > //----------------------------------------------------------------------------
> > > >
> > > > function Browser() {
> > > >
> > > > var ua, s, i;
> > > >
> > > > this.isIE = false; // Internet Explorer
> > > > this.isOP = false; // Opera
> > > > this.isNS = false; // Netscape
> > > > this.version = null;
> > > >
> > > > ua = navigator.userAgent;
> > > >
> > > > s = "Opera";
> > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > this.isOP = true;
> > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > return;
> > > > }
> > > >
> > > > s = "Netscape6/";
> > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > this.isNS = true;
> > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > return;
> > > > }
> > > >
> > > > // Treat any other "Gecko" browser as Netscape 6.1.
> > > >
> > > > s = "Gecko";
> > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > this.isNS = true;
> > > > this.version = 6.1;
> > > > return;
> > > > }
> > > >
> > > > s = "MSIE";
> > > > if ((i = ua.indexOf(s))) {
> > > > this.isIE = true;
> > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > return;
> > > > }
> > > > }
> > > >
> > > > var browser = new Browser();
> > > >
> > > > //----------------------------------------------------------------------------
> > > > // Code for handling the menu bar and active button.
> > > > //----------------------------------------------------------------------------
> > > >
> > > > var activeButton = null;
> > > >
> > > > // Capture mouse clicks on the page so any active button can be
> > > > // deactivated.
> > > >
> > > > if (browser.isIE)
> > > > document.onmousedown = pageMousedown;
> > > > else
> > > > document.addEventListener("mousedown", pageMousedown, true);
> > > >
> > > > function pageMousedown(event) {
> > > >
> > > > var el;
> > > >
> > > > // If there is no active button, exit.
> > > >
> > > > if (activeButton == null)
> > > > return;
> > > >
> > > > // Find the element that was clicked on.
> > > >
> > > > if (browser.isIE)
> > > > el = window.event.srcElement;
> > > > else
> > > > el = (event.target.tagName ? event.target : event.target.parentNode);
> > > >
> > > > // If the active button was clicked on, exit.
> > > >
> > > > if (el == activeButton)
> > > > return;
> > > >
> > > > // If the element is not part of a menu, reset and clear the active
> iframeEl.frameBorder = 0;
> iframeEl.src = "javascript:;";
> iframeEl.style.display = "none";
> iframeEl.style.position = "absolute";
> iframeEl.style.filter =
> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
effectivement je ne vois pas mes iframes
meme en changeant display = "block"
la je comprends pas tout ma petite cervelle a du mal
"sdrouins" a écrit :
> est-ce que tu vois ton iframe dans ta page?
> de ce que je vois tu a spas l'air a le mettre visible
> change dont: iframeEl.style.display = "none";
> iframeEl.style.display = "block"
>
> pis set lui une largeur et hauteur
> "seb14" a écrit :
>
> > Merci pour ta reponse !
> > Mais le probleme c'est que mon javascript créé les iframes.
> >
> > function menuInit(menu) {
> >
> > var itemList, spanList;
> > var textEl, arrowEl;
> > var itemWidth;
> > var w, dw;
> > var i, j;
> >
> > // For IE, replace arrow characters.
> >
> > if (browser.isIE) {
> > menu.style.lineHeight = "2.5ex";
> > spanList = menu.getElementsByTagName("SPAN");
> > for (i = 0; i < spanList.length; i++)
> > if (hasClassName(spanList[i], "menuItemArrow")) {
> > spanList[i].style.fontFamily = "Webdings";
> > spanList[i].firstChild.nodeValue = "4";
> > }
> > }
> >
> > // Find the width of a menu item.
> >
> > itemList = menu.getElementsByTagName("A");
> > if (itemList.length > 0)
> > itemWidth = itemList[0].offsetWidth;
> > else
> > return;
> >
> > // For items with arrows, add padding to item text to make the
> > // arrows flush right.
> >
> > for (i = 0; i < itemList.length; i++) {
> > spanList = itemList[i].getElementsByTagName("SPAN");
> > textEl = null;
> > arrowEl = null;
> > for (j = 0; j < spanList.length; j++) {
> > if (hasClassName(spanList[j], "menuItemText"))
> > textEl = spanList[j];
> > if (hasClassName(spanList[j], "menuItemArrow"))
> > arrowEl = spanList[j];
> > }
> > if (textEl != null && arrowEl != null) {
> > textEl.style.paddingRight = (itemWidth
> > - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
> > // For Opera, remove the negative right margin to fix a display bug.
> > if (browser.isOP)
> > arrowEl.style.marginRight = "0px";
> > }
> > }
> >
> > // Fix IE hover problem by setting an explicit width on first item of
> > // the menu.
> >
> > if (browser.isIE) {
> > w = itemList[0].offsetWidth;
> > itemList[0].style.width = w + "px";
> > dw = itemList[0].offsetWidth - w;
> > w -= dw;
> > itemList[0].style.width = w + "px";
> > }
> >
> > // Fix the IE display problem (SELECT elements and other windowed controls
> > // overlaying the menu) by adding an IFRAME under the menu.
> >
> > if (browser.isIE) {
> > var iframeEl = document.createElement("IFRAME");
> > iframeEl.frameBorder = 0;
> > iframeEl.src = "javascript:;";
> > iframeEl.style.display = "none";
> > iframeEl.style.position = "absolute";
> > iframeEl.style.filter =
> > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
> > }
> >
> > // Mark menu as initialized.
> >
> > menu.isInitialized = true;
> > }
> >
> >
> > "sdrouins" a écrit :
> >
> > > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
> > > de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
> > > mettre sous ton div.... ca reglera ce bug
> > >
> > >
> > > "seb14" a écrit :
> > >
> > > > Bonjour,
> > > >
> > > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
> > > > gridlayout une Dropdownlist.
> > > >
> > > > mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
> > > >
> > > > Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
> > > >
> > > > Voici le code :
> > > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> > > > Src="Controls/MainNavigation.ascx" %>
> > > > <%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
> > > > Inherits="SitePresentation.page2" smartNavigation="True"%>
> > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> > > > <HTML>
> > > > <HEAD>
> > > > <title>page2</title>
> > > > <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
> > > > <meta content="C#" name="CODE_LANGUAGE">
> > > > <meta content="JavaScript" name="vs_defaultClientScript">
> > > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
> > > > name="vs_targetSchema">
> > > > </HEAD>
> > > > <body>
> > > > <form id="Form1" method="post" runat="server">
> > > > <DIV>
> > > > <style type="text/css">DIV.menuBar {
> > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > }
> > > > DIV.menuBar A.menuButton {
> > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > }
> > > > DIV.menu {
> > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > }
> > > > DIV.menu A.menuItem {
> > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > }
> > > > DIV.menuBar {
> > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
> > > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
> > > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
> > > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> > > > }
> > > > DIV.menuBar A.menuButton {
> > > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
> > > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
> > > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
> > > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
> > > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> > > > }
> > > > DIV.menuBar A.menuButton:hover {
> > > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
> > > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
> > > > 1px outset; BACKGROUND-COLOR: transparent
> > > > }
> > > > DIV.menuBar A.menuButtonActive {
> > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > > }
> > > > DIV.menuBar A.menuButtonActive:hover {
> > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > > }
> > > > DIV.menu {
> > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
> > > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
> > > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
> > > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
> > > > BACKGROUND-COLOR: #e0e0e0
> > > > }
> > > > DIV.menu A.menuItem {
> > > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
> > > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
> > > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
> > > > }
> > > > DIV.menu A.menuItem:hover {
> > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > }
> > > > DIV.menu A.menuItemHighlight {
> > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > }
> > > > DIV.menu A.menuItem SPAN.menuItemText {
> > > >
> > > > }
> > > > DIV.menu A.menuItem SPAN.menuItemArrow {
> > > > MARGIN-RIGHT: -0.75em
> > > > }
> > > > DIV.menu DIV.menuItemSep {
> > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
> > > > 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
> > > > }
> > > > </style>
> > > > <script type="text/javascript">//<![CDATA[
> > > >
> > > > //*****************************************************************************
> > > > // Do not remove this notice.
> > > > //
> > > > // Copyright 2000-2004 by Mike Hall.
> > > > // See http://www.brainjar.com for terms of use.
> > > > //*****************************************************************************
> > > >
> > > > //----------------------------------------------------------------------------
> > > > // Code to determine the browser and version.
> > > > //----------------------------------------------------------------------------
> > > >
> > > > function Browser() {
> > > >
> > > > var ua, s, i;
> > > >
> > > > this.isIE = false; // Internet Explorer
> > > > this.isOP = false; // Opera
> > > > this.isNS = false; // Netscape
> > > > this.version = null;
> > > >
> > > > ua = navigator.userAgent;
> > > >
> > > > s = "Opera";
> > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > this.isOP = true;
> > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > return;
> > > > }
> > > >
> > > > s = "Netscape6/";
> > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > this.isNS = true;
> > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > return;
> > > > }
> > > >
> > > > // Treat any other "Gecko" browser as Netscape 6.1.
> > > >
> > > > s = "Gecko";
> > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > this.isNS = true;
> > > > this.version = 6.1;
> > > > return;
> > > > }
> > > >
> > > > s = "MSIE";
> > > > if ((i = ua.indexOf(s))) {
> > > > this.isIE = true;
> > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > return;
> > > > }
> > > > }
> > > >
> > > > var browser = new Browser();
> > > >
> > > > //----------------------------------------------------------------------------
> > > > // Code for handling the menu bar and active button.
> > > > //----------------------------------------------------------------------------
> > > >
> > > > var activeButton = null;
> > > >
> > > > // Capture mouse clicks on the page so any active button can be
> > > > // deactivated.
> > > >
> > > > if (browser.isIE)
> > > > document.onmousedown = pageMousedown;
> > > > else
> > > > document.addEventListener("mousedown", pageMousedown, true);
> > > >
> > > > function pageMousedown(event) {
> > > >
> > > > var el;
> > > >
> > > > // If there is no active button, exit.
> > > >
> > > > if (activeButton == null)
> > > > return;
> > > >
> > > > // Find the element that was clicked on.
> > > >
> > > > if (browser.isIE)
> > > > el = window.event.srcElement;
> > > > else
> > > > el = (event.target.tagName ? event.target : event.target.parentNode);
> > > >
> > > > // If the active button was clicked on, exit.
> > > >
> > > > if (el == activeButton)
> > > > return;
> > > >
> > > > // If the element is not part of a menu, reset and clear the active
> iframeEl.frameBorder = 0;
> iframeEl.src = "javascript:;";
> iframeEl.style.display = "none";
> iframeEl.style.position = "absolute";
> iframeEl.style.filter =
> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
effectivement je ne vois pas mes iframes
meme en changeant display = "block"
la je comprends pas tout ma petite cervelle a du mal
"sdrouins" a écrit :
> est-ce que tu vois ton iframe dans ta page?
> de ce que je vois tu a spas l'air a le mettre visible
> change dont: iframeEl.style.display = "none";
> iframeEl.style.display = "block"
>
> pis set lui une largeur et hauteur
> "seb14" a écrit :
>
> > Merci pour ta reponse !
> > Mais le probleme c'est que mon javascript créé les iframes.
> >
> > function menuInit(menu) {
> >
> > var itemList, spanList;
> > var textEl, arrowEl;
> > var itemWidth;
> > var w, dw;
> > var i, j;
> >
> > // For IE, replace arrow characters.
> >
> > if (browser.isIE) {
> > menu.style.lineHeight = "2.5ex";
> > spanList = menu.getElementsByTagName("SPAN");
> > for (i = 0; i < spanList.length; i++)
> > if (hasClassName(spanList[i], "menuItemArrow")) {
> > spanList[i].style.fontFamily = "Webdings";
> > spanList[i].firstChild.nodeValue = "4";
> > }
> > }
> >
> > // Find the width of a menu item.
> >
> > itemList = menu.getElementsByTagName("A");
> > if (itemList.length > 0)
> > itemWidth = itemList[0].offsetWidth;
> > else
> > return;
> >
> > // For items with arrows, add padding to item text to make the
> > // arrows flush right.
> >
> > for (i = 0; i < itemList.length; i++) {
> > spanList = itemList[i].getElementsByTagName("SPAN");
> > textEl = null;
> > arrowEl = null;
> > for (j = 0; j < spanList.length; j++) {
> > if (hasClassName(spanList[j], "menuItemText"))
> > textEl = spanList[j];
> > if (hasClassName(spanList[j], "menuItemArrow"))
> > arrowEl = spanList[j];
> > }
> > if (textEl != null && arrowEl != null) {
> > textEl.style.paddingRight = (itemWidth
> > - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
> > // For Opera, remove the negative right margin to fix a display bug.
> > if (browser.isOP)
> > arrowEl.style.marginRight = "0px";
> > }
> > }
> >
> > // Fix IE hover problem by setting an explicit width on first item of
> > // the menu.
> >
> > if (browser.isIE) {
> > w = itemList[0].offsetWidth;
> > itemList[0].style.width = w + "px";
> > dw = itemList[0].offsetWidth - w;
> > w -= dw;
> > itemList[0].style.width = w + "px";
> > }
> >
> > // Fix the IE display problem (SELECT elements and other windowed controls
> > // overlaying the menu) by adding an IFRAME under the menu.
> >
> > if (browser.isIE) {
> > var iframeEl = document.createElement("IFRAME");
> > iframeEl.frameBorder = 0;
> > iframeEl.src = "javascript:;";
> > iframeEl.style.display = "none";
> > iframeEl.style.position = "absolute";
> > iframeEl.style.filter =
> > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
> > }
> >
> > // Mark menu as initialized.
> >
> > menu.isInitialized = true;
> > }
> >
> >
> > "sdrouins" a écrit :
> >
> > > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
> > > de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
> > > mettre sous ton div.... ca reglera ce bug
> > >
> > >
> > > "seb14" a écrit :
> > >
> > > > Bonjour,
> > > >
> > > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
> > > > gridlayout une Dropdownlist.
> > > >
> > > > mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
> > > >
> > > > Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
> > > >
> > > > Voici le code :
> > > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> > > > Src="Controls/MainNavigation.ascx" %>
> > > > <%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
> > > > Inherits="SitePresentation.page2" smartNavigation="True"%>
> > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> > > > <HTML>
> > > > <HEAD>
> > > > <title>page2</title>
> > > > <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
> > > > <meta content="C#" name="CODE_LANGUAGE">
> > > > <meta content="JavaScript" name="vs_defaultClientScript">
> > > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
> > > > name="vs_targetSchema">
> > > > </HEAD>
> > > > <body>
> > > > <form id="Form1" method="post" runat="server">
> > > > <DIV>
> > > > <style type="text/css">DIV.menuBar {
> > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > }
> > > > DIV.menuBar A.menuButton {
> > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > }
> > > > DIV.menu {
> > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > }
> > > > DIV.menu A.menuItem {
> > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > }
> > > > DIV.menuBar {
> > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
> > > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
> > > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
> > > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> > > > }
> > > > DIV.menuBar A.menuButton {
> > > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
> > > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
> > > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
> > > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
> > > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> > > > }
> > > > DIV.menuBar A.menuButton:hover {
> > > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
> > > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
> > > > 1px outset; BACKGROUND-COLOR: transparent
> > > > }
> > > > DIV.menuBar A.menuButtonActive {
> > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > > }
> > > > DIV.menuBar A.menuButtonActive:hover {
> > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > > }
> > > > DIV.menu {
> > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
> > > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
> > > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
> > > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
> > > > BACKGROUND-COLOR: #e0e0e0
> > > > }
> > > > DIV.menu A.menuItem {
> > > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
> > > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
> > > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
> > > > }
> > > > DIV.menu A.menuItem:hover {
> > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > }
> > > > DIV.menu A.menuItemHighlight {
> > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > }
> > > > DIV.menu A.menuItem SPAN.menuItemText {
> > > >
> > > > }
> > > > DIV.menu A.menuItem SPAN.menuItemArrow {
> > > > MARGIN-RIGHT: -0.75em
> > > > }
> > > > DIV.menu DIV.menuItemSep {
> > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
> > > > 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
> > > > }
> > > > </style>
> > > > <script type="text/javascript">//<![CDATA[
> > > >
> > > > //*****************************************************************************
> > > > // Do not remove this notice.
> > > > //
> > > > // Copyright 2000-2004 by Mike Hall.
> > > > // See http://www.brainjar.com for terms of use.
> > > > //*****************************************************************************
> > > >
> > > > //----------------------------------------------------------------------------
> > > > // Code to determine the browser and version.
> > > > //----------------------------------------------------------------------------
> > > >
> > > > function Browser() {
> > > >
> > > > var ua, s, i;
> > > >
> > > > this.isIE = false; // Internet Explorer
> > > > this.isOP = false; // Opera
> > > > this.isNS = false; // Netscape
> > > > this.version = null;
> > > >
> > > > ua = navigator.userAgent;
> > > >
> > > > s = "Opera";
> > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > this.isOP = true;
> > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > return;
> > > > }
> > > >
> > > > s = "Netscape6/";
> > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > this.isNS = true;
> > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > return;
> > > > }
> > > >
> > > > // Treat any other "Gecko" browser as Netscape 6.1.
> > > >
> > > > s = "Gecko";
> > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > this.isNS = true;
> > > > this.version = 6.1;
> > > > return;
> > > > }
> > > >
> > > > s = "MSIE";
> > > > if ((i = ua.indexOf(s))) {
> > > > this.isIE = true;
> > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > return;
> > > > }
> > > > }
> > > >
> > > > var browser = new Browser();
> > > >
> > > > //----------------------------------------------------------------------------
> > > > // Code for handling the menu bar and active button.
> > > > //----------------------------------------------------------------------------
> > > >
> > > > var activeButton = null;
> > > >
> > > > // Capture mouse clicks on the page so any active button can be
> > > > // deactivated.
> > > >
> > > > if (browser.isIE)
> > > > document.onmousedown = pageMousedown;
> > > > else
> > > > document.addEventListener("mousedown", pageMousedown, true);
> > > >
> > > > function pageMousedown(event) {
> > > >
> > > > var el;
> > > >
> > > > // If there is no active button, exit.
> > > >
> > > > if (activeButton == null)
> > > > return;
> > > >
> > > > // Find the element that was clicked on.
> > > >
> > > > if (browser.isIE)
> > > > el = window.event.srcElement;
> > > > else
> > > > el = (event.target.tagName ? event.target : event.target.parentNode);
> > > >
> > > > // If the active button was clicked on, exit.
> > > >
> > > > if (el == activeButton)
> > > > return;
> > > >
> > > > // If the element is not part of a menu, reset and clear the active
essaye de changer ce bout de code la :
var iframeEl = document.createElement("IFRAME");
> > iframeEl.frameBorder = 0;
> > iframeEl.src = "javascript:;";
> > iframeEl.style.display = "none";
> > iframeEl.style.position = "absolute";
> > iframeEl.style.filter =
> > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
pour:
var iframeEl = document.createElement("IFRAME");
iframeEl.frameBorder = 10;
iframeEl.src = "javascript:;";
iframeEl.style.visibility = 'visible';
iframeEl.style.display = 'block';
iframeEl.style.height = 800
iframeEl.style.width = 800
iframeEl.style.zIndex=0
iframeEl.style.position = "absolute";
iframeEl.style.filter =
"progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
**********************************
iframeEl.style.filter =
"progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
ca fait quoi dans la vie ca?
la si tu le vois pas tu a une gros probleme ;)
"seb14" a écrit :
> effectivement je ne vois pas mes iframes
> meme en changeant display = "block"
> la je comprends pas tout ma petite cervelle a du mal
>
> "sdrouins" a écrit :
>
> > est-ce que tu vois ton iframe dans ta page?
> > de ce que je vois tu a spas l'air a le mettre visible
> > change dont: iframeEl.style.display = "none";
> > iframeEl.style.display = "block"
> >
> > pis set lui une largeur et hauteur
> > "seb14" a écrit :
> >
> > > Merci pour ta reponse !
> > > Mais le probleme c'est que mon javascript créé les iframes.
> > >
> > > function menuInit(menu) {
> > >
> > > var itemList, spanList;
> > > var textEl, arrowEl;
> > > var itemWidth;
> > > var w, dw;
> > > var i, j;
> > >
> > > // For IE, replace arrow characters.
> > >
> > > if (browser.isIE) {
> > > menu.style.lineHeight = "2.5ex";
> > > spanList = menu.getElementsByTagName("SPAN");
> > > for (i = 0; i < spanList.length; i++)
> > > if (hasClassName(spanList[i], "menuItemArrow")) {
> > > spanList[i].style.fontFamily = "Webdings";
> > > spanList[i].firstChild.nodeValue = "4";
> > > }
> > > }
> > >
> > > // Find the width of a menu item.
> > >
> > > itemList = menu.getElementsByTagName("A");
> > > if (itemList.length > 0)
> > > itemWidth = itemList[0].offsetWidth;
> > > else
> > > return;
> > >
> > > // For items with arrows, add padding to item text to make the
> > > // arrows flush right.
> > >
> > > for (i = 0; i < itemList.length; i++) {
> > > spanList = itemList[i].getElementsByTagName("SPAN");
> > > textEl = null;
> > > arrowEl = null;
> > > for (j = 0; j < spanList.length; j++) {
> > > if (hasClassName(spanList[j], "menuItemText"))
> > > textEl = spanList[j];
> > > if (hasClassName(spanList[j], "menuItemArrow"))
> > > arrowEl = spanList[j];
> > > }
> > > if (textEl != null && arrowEl != null) {
> > > textEl.style.paddingRight = (itemWidth
> > > - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
> > > // For Opera, remove the negative right margin to fix a display bug.
> > > if (browser.isOP)
> > > arrowEl.style.marginRight = "0px";
> > > }
> > > }
> > >
> > > // Fix IE hover problem by setting an explicit width on first item of
> > > // the menu.
> > >
> > > if (browser.isIE) {
> > > w = itemList[0].offsetWidth;
> > > itemList[0].style.width = w + "px";
> > > dw = itemList[0].offsetWidth - w;
> > > w -= dw;
> > > itemList[0].style.width = w + "px";
> > > }
> > >
> > > // Fix the IE display problem (SELECT elements and other windowed controls
> > > // overlaying the menu) by adding an IFRAME under the menu.
> > >
> > > if (browser.isIE) {
> > > var iframeEl = document.createElement("IFRAME");
> > > iframeEl.frameBorder = 0;
> > > iframeEl.src = "javascript:;";
> > > iframeEl.style.display = "none";
> > > iframeEl.style.position = "absolute";
> > > iframeEl.style.filter =
> > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
> > > }
> > >
> > > // Mark menu as initialized.
> > >
> > > menu.isInitialized = true;
> > > }
> > >
> > >
> > > "sdrouins" a écrit :
> > >
> > > > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
> > > > de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
> > > > mettre sous ton div.... ca reglera ce bug
> > > >
> > > >
> > > > "seb14" a écrit :
> > > >
> > > > > Bonjour,
> > > > >
> > > > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
> > > > > gridlayout une Dropdownlist.
> > > > >
> > > > > mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
> > > > >
> > > > > Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
> > > > >
> > > > > Voici le code :
> > > > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> > > > > Src="Controls/MainNavigation.ascx" %>
> > > > > <%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
> > > > > Inherits="SitePresentation.page2" smartNavigation="True"%>
> > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> > > > > <HTML>
> > > > > <HEAD>
> > > > > <title>page2</title>
> > > > > <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
> > > > > <meta content="C#" name="CODE_LANGUAGE">
> > > > > <meta content="JavaScript" name="vs_defaultClientScript">
> > > > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
> > > > > name="vs_targetSchema">
> > > > > </HEAD>
> > > > > <body>
> > > > > <form id="Form1" method="post" runat="server">
> > > > > <DIV>
> > > > > <style type="text/css">DIV.menuBar {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > > }
> > > > > DIV.menuBar A.menuButton {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > > }
> > > > > DIV.menu {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > > }
> > > > > DIV.menu A.menuItem {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > > }
> > > > > DIV.menuBar {
> > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
> > > > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
> > > > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
> > > > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> > > > > }
> > > > > DIV.menuBar A.menuButton {
> > > > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
> > > > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
> > > > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
> > > > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
> > > > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> > > > > }
> > > > > DIV.menuBar A.menuButton:hover {
> > > > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
> > > > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
> > > > > 1px outset; BACKGROUND-COLOR: transparent
> > > > > }
> > > > > DIV.menuBar A.menuButtonActive {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menuBar A.menuButtonActive:hover {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menu {
> > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
> > > > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
> > > > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
> > > > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
> > > > > BACKGROUND-COLOR: #e0e0e0
> > > > > }
> > > > > DIV.menu A.menuItem {
> > > > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
> > > > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
> > > > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
> > > > > }
> > > > > DIV.menu A.menuItem:hover {
> > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menu A.menuItemHighlight {
> > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menu A.menuItem SPAN.menuItemText {
> > > > >
> > > > > }
> > > > > DIV.menu A.menuItem SPAN.menuItemArrow {
> > > > > MARGIN-RIGHT: -0.75em
> > > > > }
> > > > > DIV.menu DIV.menuItemSep {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
> > > > > 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
> > > > > }
> > > > > </style>
> > > > > <script type="text/javascript">//<![CDATA[
> > > > >
> > > > > //*****************************************************************************
> > > > > // Do not remove this notice.
> > > > > //
> > > > > // Copyright 2000-2004 by Mike Hall.
> > > > > // See http://www.brainjar.com for terms of use.
> > > > > //*****************************************************************************
> > > > >
> > > > > //----------------------------------------------------------------------------
> > > > > // Code to determine the browser and version.
> > > > > //----------------------------------------------------------------------------
> > > > >
> > > > > function Browser() {
> > > > >
> > > > > var ua, s, i;
> > > > >
> > > > > this.isIE = false; // Internet Explorer
> > > > > this.isOP = false; // Opera
> > > > > this.isNS = false; // Netscape
> > > > > this.version = null;
> > > > >
> > > > > ua = navigator.userAgent;
> > > > >
> > > > > s = "Opera";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isOP = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > >
> > > > > s = "Netscape6/";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isNS = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > >
> > > > > // Treat any other "Gecko" browser as Netscape 6.1.
> > > > >
> > > > > s = "Gecko";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isNS = true;
> > > > > this.version = 6.1;
> > > > > return;
> > > > > }
> > > > >
> > > > > s = "MSIE";
> > > > > if ((i = ua.indexOf(s))) {
> > > > > this.isIE = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > > }
> > > > >
> > > > > var browser = new Browser();
> > > > >
> > > > > //----------------------------------------------------------------------------
> > > > > // Code for handling the menu bar and active button.
> > > > > //----------------------------------------------------------------------------
essaye de changer ce bout de code la :
var iframeEl = document.createElement("IFRAME");
> > iframeEl.frameBorder = 0;
> > iframeEl.src = "javascript:;";
> > iframeEl.style.display = "none";
> > iframeEl.style.position = "absolute";
> > iframeEl.style.filter =
> > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
pour:
var iframeEl = document.createElement("IFRAME");
iframeEl.frameBorder = 10;
iframeEl.src = "javascript:;";
iframeEl.style.visibility = 'visible';
iframeEl.style.display = 'block';
iframeEl.style.height = 800
iframeEl.style.width = 800
iframeEl.style.zIndex=0
iframeEl.style.position = "absolute";
iframeEl.style.filter =
"progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
**********************************
iframeEl.style.filter =
"progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
ca fait quoi dans la vie ca?
la si tu le vois pas tu a une gros probleme ;)
"seb14" a écrit :
> effectivement je ne vois pas mes iframes
> meme en changeant display = "block"
> la je comprends pas tout ma petite cervelle a du mal
>
> "sdrouins" a écrit :
>
> > est-ce que tu vois ton iframe dans ta page?
> > de ce que je vois tu a spas l'air a le mettre visible
> > change dont: iframeEl.style.display = "none";
> > iframeEl.style.display = "block"
> >
> > pis set lui une largeur et hauteur
> > "seb14" a écrit :
> >
> > > Merci pour ta reponse !
> > > Mais le probleme c'est que mon javascript créé les iframes.
> > >
> > > function menuInit(menu) {
> > >
> > > var itemList, spanList;
> > > var textEl, arrowEl;
> > > var itemWidth;
> > > var w, dw;
> > > var i, j;
> > >
> > > // For IE, replace arrow characters.
> > >
> > > if (browser.isIE) {
> > > menu.style.lineHeight = "2.5ex";
> > > spanList = menu.getElementsByTagName("SPAN");
> > > for (i = 0; i < spanList.length; i++)
> > > if (hasClassName(spanList[i], "menuItemArrow")) {
> > > spanList[i].style.fontFamily = "Webdings";
> > > spanList[i].firstChild.nodeValue = "4";
> > > }
> > > }
> > >
> > > // Find the width of a menu item.
> > >
> > > itemList = menu.getElementsByTagName("A");
> > > if (itemList.length > 0)
> > > itemWidth = itemList[0].offsetWidth;
> > > else
> > > return;
> > >
> > > // For items with arrows, add padding to item text to make the
> > > // arrows flush right.
> > >
> > > for (i = 0; i < itemList.length; i++) {
> > > spanList = itemList[i].getElementsByTagName("SPAN");
> > > textEl = null;
> > > arrowEl = null;
> > > for (j = 0; j < spanList.length; j++) {
> > > if (hasClassName(spanList[j], "menuItemText"))
> > > textEl = spanList[j];
> > > if (hasClassName(spanList[j], "menuItemArrow"))
> > > arrowEl = spanList[j];
> > > }
> > > if (textEl != null && arrowEl != null) {
> > > textEl.style.paddingRight = (itemWidth
> > > - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
> > > // For Opera, remove the negative right margin to fix a display bug.
> > > if (browser.isOP)
> > > arrowEl.style.marginRight = "0px";
> > > }
> > > }
> > >
> > > // Fix IE hover problem by setting an explicit width on first item of
> > > // the menu.
> > >
> > > if (browser.isIE) {
> > > w = itemList[0].offsetWidth;
> > > itemList[0].style.width = w + "px";
> > > dw = itemList[0].offsetWidth - w;
> > > w -= dw;
> > > itemList[0].style.width = w + "px";
> > > }
> > >
> > > // Fix the IE display problem (SELECT elements and other windowed controls
> > > // overlaying the menu) by adding an IFRAME under the menu.
> > >
> > > if (browser.isIE) {
> > > var iframeEl = document.createElement("IFRAME");
> > > iframeEl.frameBorder = 0;
> > > iframeEl.src = "javascript:;";
> > > iframeEl.style.display = "none";
> > > iframeEl.style.position = "absolute";
> > > iframeEl.style.filter =
> > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
> > > }
> > >
> > > // Mark menu as initialized.
> > >
> > > menu.isInitialized = true;
> > > }
> > >
> > >
> > > "sdrouins" a écrit :
> > >
> > > > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
> > > > de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
> > > > mettre sous ton div.... ca reglera ce bug
> > > >
> > > >
> > > > "seb14" a écrit :
> > > >
> > > > > Bonjour,
> > > > >
> > > > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
> > > > > gridlayout une Dropdownlist.
> > > > >
> > > > > mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
> > > > >
> > > > > Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
> > > > >
> > > > > Voici le code :
> > > > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> > > > > Src="Controls/MainNavigation.ascx" %>
> > > > > <%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
> > > > > Inherits="SitePresentation.page2" smartNavigation="True"%>
> > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> > > > > <HTML>
> > > > > <HEAD>
> > > > > <title>page2</title>
> > > > > <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
> > > > > <meta content="C#" name="CODE_LANGUAGE">
> > > > > <meta content="JavaScript" name="vs_defaultClientScript">
> > > > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
> > > > > name="vs_targetSchema">
> > > > > </HEAD>
> > > > > <body>
> > > > > <form id="Form1" method="post" runat="server">
> > > > > <DIV>
> > > > > <style type="text/css">DIV.menuBar {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > > }
> > > > > DIV.menuBar A.menuButton {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > > }
> > > > > DIV.menu {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > > }
> > > > > DIV.menu A.menuItem {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > > }
> > > > > DIV.menuBar {
> > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
> > > > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
> > > > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
> > > > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> > > > > }
> > > > > DIV.menuBar A.menuButton {
> > > > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
> > > > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
> > > > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
> > > > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
> > > > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> > > > > }
> > > > > DIV.menuBar A.menuButton:hover {
> > > > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
> > > > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
> > > > > 1px outset; BACKGROUND-COLOR: transparent
> > > > > }
> > > > > DIV.menuBar A.menuButtonActive {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menuBar A.menuButtonActive:hover {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menu {
> > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
> > > > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
> > > > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
> > > > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
> > > > > BACKGROUND-COLOR: #e0e0e0
> > > > > }
> > > > > DIV.menu A.menuItem {
> > > > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
> > > > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
> > > > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
> > > > > }
> > > > > DIV.menu A.menuItem:hover {
> > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menu A.menuItemHighlight {
> > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menu A.menuItem SPAN.menuItemText {
> > > > >
> > > > > }
> > > > > DIV.menu A.menuItem SPAN.menuItemArrow {
> > > > > MARGIN-RIGHT: -0.75em
> > > > > }
> > > > > DIV.menu DIV.menuItemSep {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
> > > > > 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
> > > > > }
> > > > > </style>
> > > > > <script type="text/javascript">//<![CDATA[
> > > > >
> > > > > //*****************************************************************************
> > > > > // Do not remove this notice.
> > > > > //
> > > > > // Copyright 2000-2004 by Mike Hall.
> > > > > // See http://www.brainjar.com for terms of use.
> > > > > //*****************************************************************************
> > > > >
> > > > > //----------------------------------------------------------------------------
> > > > > // Code to determine the browser and version.
> > > > > //----------------------------------------------------------------------------
> > > > >
> > > > > function Browser() {
> > > > >
> > > > > var ua, s, i;
> > > > >
> > > > > this.isIE = false; // Internet Explorer
> > > > > this.isOP = false; // Opera
> > > > > this.isNS = false; // Netscape
> > > > > this.version = null;
> > > > >
> > > > > ua = navigator.userAgent;
> > > > >
> > > > > s = "Opera";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isOP = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > >
> > > > > s = "Netscape6/";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isNS = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > >
> > > > > // Treat any other "Gecko" browser as Netscape 6.1.
> > > > >
> > > > > s = "Gecko";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isNS = true;
> > > > > this.version = 6.1;
> > > > > return;
> > > > > }
> > > > >
> > > > > s = "MSIE";
> > > > > if ((i = ua.indexOf(s))) {
> > > > > this.isIE = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > > }
> > > > >
> > > > > var browser = new Browser();
> > > > >
> > > > > //----------------------------------------------------------------------------
> > > > > // Code for handling the menu bar and active button.
> > > > > //----------------------------------------------------------------------------
essaye de changer ce bout de code la :
var iframeEl = document.createElement("IFRAME");
> > iframeEl.frameBorder = 0;
> > iframeEl.src = "javascript:;";
> > iframeEl.style.display = "none";
> > iframeEl.style.position = "absolute";
> > iframeEl.style.filter =
> > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
pour:
var iframeEl = document.createElement("IFRAME");
iframeEl.frameBorder = 10;
iframeEl.src = "javascript:;";
iframeEl.style.visibility = 'visible';
iframeEl.style.display = 'block';
iframeEl.style.height = 800
iframeEl.style.width = 800
iframeEl.style.zIndex=0
iframeEl.style.position = "absolute";
iframeEl.style.filter =
"progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
**********************************
iframeEl.style.filter =
"progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
ca fait quoi dans la vie ca?
la si tu le vois pas tu a une gros probleme ;)
"seb14" a écrit :
> effectivement je ne vois pas mes iframes
> meme en changeant display = "block"
> la je comprends pas tout ma petite cervelle a du mal
>
> "sdrouins" a écrit :
>
> > est-ce que tu vois ton iframe dans ta page?
> > de ce que je vois tu a spas l'air a le mettre visible
> > change dont: iframeEl.style.display = "none";
> > iframeEl.style.display = "block"
> >
> > pis set lui une largeur et hauteur
> > "seb14" a écrit :
> >
> > > Merci pour ta reponse !
> > > Mais le probleme c'est que mon javascript créé les iframes.
> > >
> > > function menuInit(menu) {
> > >
> > > var itemList, spanList;
> > > var textEl, arrowEl;
> > > var itemWidth;
> > > var w, dw;
> > > var i, j;
> > >
> > > // For IE, replace arrow characters.
> > >
> > > if (browser.isIE) {
> > > menu.style.lineHeight = "2.5ex";
> > > spanList = menu.getElementsByTagName("SPAN");
> > > for (i = 0; i < spanList.length; i++)
> > > if (hasClassName(spanList[i], "menuItemArrow")) {
> > > spanList[i].style.fontFamily = "Webdings";
> > > spanList[i].firstChild.nodeValue = "4";
> > > }
> > > }
> > >
> > > // Find the width of a menu item.
> > >
> > > itemList = menu.getElementsByTagName("A");
> > > if (itemList.length > 0)
> > > itemWidth = itemList[0].offsetWidth;
> > > else
> > > return;
> > >
> > > // For items with arrows, add padding to item text to make the
> > > // arrows flush right.
> > >
> > > for (i = 0; i < itemList.length; i++) {
> > > spanList = itemList[i].getElementsByTagName("SPAN");
> > > textEl = null;
> > > arrowEl = null;
> > > for (j = 0; j < spanList.length; j++) {
> > > if (hasClassName(spanList[j], "menuItemText"))
> > > textEl = spanList[j];
> > > if (hasClassName(spanList[j], "menuItemArrow"))
> > > arrowEl = spanList[j];
> > > }
> > > if (textEl != null && arrowEl != null) {
> > > textEl.style.paddingRight = (itemWidth
> > > - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
> > > // For Opera, remove the negative right margin to fix a display bug.
> > > if (browser.isOP)
> > > arrowEl.style.marginRight = "0px";
> > > }
> > > }
> > >
> > > // Fix IE hover problem by setting an explicit width on first item of
> > > // the menu.
> > >
> > > if (browser.isIE) {
> > > w = itemList[0].offsetWidth;
> > > itemList[0].style.width = w + "px";
> > > dw = itemList[0].offsetWidth - w;
> > > w -= dw;
> > > itemList[0].style.width = w + "px";
> > > }
> > >
> > > // Fix the IE display problem (SELECT elements and other windowed controls
> > > // overlaying the menu) by adding an IFRAME under the menu.
> > >
> > > if (browser.isIE) {
> > > var iframeEl = document.createElement("IFRAME");
> > > iframeEl.frameBorder = 0;
> > > iframeEl.src = "javascript:;";
> > > iframeEl.style.display = "none";
> > > iframeEl.style.position = "absolute";
> > > iframeEl.style.filter =
> > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
> > > }
> > >
> > > // Mark menu as initialized.
> > >
> > > menu.isInitialized = true;
> > > }
> > >
> > >
> > > "sdrouins" a écrit :
> > >
> > > > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
> > > > de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
> > > > mettre sous ton div.... ca reglera ce bug
> > > >
> > > >
> > > > "seb14" a écrit :
> > > >
> > > > > Bonjour,
> > > > >
> > > > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
> > > > > gridlayout une Dropdownlist.
> > > > >
> > > > > mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
> > > > >
> > > > > Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
> > > > >
> > > > > Voici le code :
> > > > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> > > > > Src="Controls/MainNavigation.ascx" %>
> > > > > <%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
> > > > > Inherits="SitePresentation.page2" smartNavigation="True"%>
> > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> > > > > <HTML>
> > > > > <HEAD>
> > > > > <title>page2</title>
> > > > > <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
> > > > > <meta content="C#" name="CODE_LANGUAGE">
> > > > > <meta content="JavaScript" name="vs_defaultClientScript">
> > > > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
> > > > > name="vs_targetSchema">
> > > > > </HEAD>
> > > > > <body>
> > > > > <form id="Form1" method="post" runat="server">
> > > > > <DIV>
> > > > > <style type="text/css">DIV.menuBar {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > > }
> > > > > DIV.menuBar A.menuButton {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > > }
> > > > > DIV.menu {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > > }
> > > > > DIV.menu A.menuItem {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > > }
> > > > > DIV.menuBar {
> > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
> > > > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
> > > > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
> > > > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> > > > > }
> > > > > DIV.menuBar A.menuButton {
> > > > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
> > > > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
> > > > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
> > > > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
> > > > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> > > > > }
> > > > > DIV.menuBar A.menuButton:hover {
> > > > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
> > > > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
> > > > > 1px outset; BACKGROUND-COLOR: transparent
> > > > > }
> > > > > DIV.menuBar A.menuButtonActive {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menuBar A.menuButtonActive:hover {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menu {
> > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
> > > > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
> > > > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
> > > > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
> > > > > BACKGROUND-COLOR: #e0e0e0
> > > > > }
> > > > > DIV.menu A.menuItem {
> > > > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
> > > > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
> > > > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
> > > > > }
> > > > > DIV.menu A.menuItem:hover {
> > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menu A.menuItemHighlight {
> > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menu A.menuItem SPAN.menuItemText {
> > > > >
> > > > > }
> > > > > DIV.menu A.menuItem SPAN.menuItemArrow {
> > > > > MARGIN-RIGHT: -0.75em
> > > > > }
> > > > > DIV.menu DIV.menuItemSep {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
> > > > > 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
> > > > > }
> > > > > </style>
> > > > > <script type="text/javascript">//<![CDATA[
> > > > >
> > > > > //*****************************************************************************
> > > > > // Do not remove this notice.
> > > > > //
> > > > > // Copyright 2000-2004 by Mike Hall.
> > > > > // See http://www.brainjar.com for terms of use.
> > > > > //*****************************************************************************
> > > > >
> > > > > //----------------------------------------------------------------------------
> > > > > // Code to determine the browser and version.
> > > > > //----------------------------------------------------------------------------
> > > > >
> > > > > function Browser() {
> > > > >
> > > > > var ua, s, i;
> > > > >
> > > > > this.isIE = false; // Internet Explorer
> > > > > this.isOP = false; // Opera
> > > > > this.isNS = false; // Netscape
> > > > > this.version = null;
> > > > >
> > > > > ua = navigator.userAgent;
> > > > >
> > > > > s = "Opera";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isOP = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > >
> > > > > s = "Netscape6/";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isNS = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > >
> > > > > // Treat any other "Gecko" browser as Netscape 6.1.
> > > > >
> > > > > s = "Gecko";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isNS = true;
> > > > > this.version = 6.1;
> > > > > return;
> > > > > }
> > > > >
> > > > > s = "MSIE";
> > > > > if ((i = ua.indexOf(s))) {
> > > > > this.isIE = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > > }
> > > > >
> > > > > var browser = new Browser();
> > > > >
> > > > > //----------------------------------------------------------------------------
> > > > > // Code for handling the menu bar and active button.
> > > > > //----------------------------------------------------------------------------
Meme avec les mofications je ne vois pas l'iframe pourtant je passe bien
dans
le bloc ( j'ai test avec une alert)
pour la signification de
iframeEl.style.filter > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
Je ne sais pas j'ai repris le menu par le biais du site Brainjar.com.
je ne comprend abosument pas.
si je peux abuser est ce que je pourrais t'envoyer mon code par mail pour
voir.
"sdrouins" a écrit :essaye de changer ce bout de code la :
var iframeEl = document.createElement("IFRAME");
> > iframeEl.frameBorder = 0;
> > iframeEl.src = "javascript:;";
> > iframeEl.style.display = "none";
> > iframeEl.style.position = "absolute";
> > iframeEl.style.filter >> > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
pour:
var iframeEl = document.createElement("IFRAME");
iframeEl.frameBorder = 10;
iframeEl.src = "javascript:;";
iframeEl.style.visibility = 'visible';
iframeEl.style.display = 'block';
iframeEl.style.height = 800
iframeEl.style.width = 800
iframeEl.style.zIndex=0
iframeEl.style.position = "absolute";
iframeEl.style.filter >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
**********************************
iframeEl.style.filter >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
ca fait quoi dans la vie ca?
la si tu le vois pas tu a une gros probleme ;)
"seb14" a écrit :
> effectivement je ne vois pas mes iframes
> meme en changeant display = "block"
> la je comprends pas tout ma petite cervelle a du mal
>
> "sdrouins" a écrit :
>
> > est-ce que tu vois ton iframe dans ta page?
> > de ce que je vois tu a spas l'air a le mettre visible
> > change dont: iframeEl.style.display = "none";
> > iframeEl.style.display = "block"
> >
> > pis set lui une largeur et hauteur
> > "seb14" a écrit :
> >
> > > Merci pour ta reponse !
> > > Mais le probleme c'est que mon javascript créé les iframes.
> > >
> > > function menuInit(menu) {
> > >
> > > var itemList, spanList;
> > > var textEl, arrowEl;
> > > var itemWidth;
> > > var w, dw;
> > > var i, j;
> > >
> > > // For IE, replace arrow characters.
> > >
> > > if (browser.isIE) {
> > > menu.style.lineHeight = "2.5ex";
> > > spanList = menu.getElementsByTagName("SPAN");
> > > for (i = 0; i < spanList.length; i++)
> > > if (hasClassName(spanList[i], "menuItemArrow")) {
> > > spanList[i].style.fontFamily = "Webdings";
> > > spanList[i].firstChild.nodeValue = "4";
> > > }
> > > }
> > >
> > > // Find the width of a menu item.
> > >
> > > itemList = menu.getElementsByTagName("A");
> > > if (itemList.length > 0)
> > > itemWidth = itemList[0].offsetWidth;
> > > else
> > > return;
> > >
> > > // For items with arrows, add padding to item text to make the
> > > // arrows flush right.
> > >
> > > for (i = 0; i < itemList.length; i++) {
> > > spanList = itemList[i].getElementsByTagName("SPAN");
> > > textEl = null;
> > > arrowEl = null;
> > > for (j = 0; j < spanList.length; j++) {
> > > if (hasClassName(spanList[j], "menuItemText"))
> > > textEl = spanList[j];
> > > if (hasClassName(spanList[j], "menuItemArrow"))
> > > arrowEl = spanList[j];
> > > }
> > > if (textEl != null && arrowEl != null) {
> > > textEl.style.paddingRight = (itemWidth
> > > - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
> > > // For Opera, remove the negative right margin to fix a
> > > display bug.
> > > if (browser.isOP)
> > > arrowEl.style.marginRight = "0px";
> > > }
> > > }
> > >
> > > // Fix IE hover problem by setting an explicit width on first
> > > item of
> > > // the menu.
> > >
> > > if (browser.isIE) {
> > > w = itemList[0].offsetWidth;
> > > itemList[0].style.width = w + "px";
> > > dw = itemList[0].offsetWidth - w;
> > > w -= dw;
> > > itemList[0].style.width = w + "px";
> > > }
> > >
> > > // Fix the IE display problem (SELECT elements and other windowed
> > > controls
> > > // overlaying the menu) by adding an IFRAME under the menu.
> > >
> > > if (browser.isIE) {
> > > var iframeEl = document.createElement("IFRAME");
> > > iframeEl.frameBorder = 0;
> > > iframeEl.src = "javascript:;";
> > > iframeEl.style.display = "none";
> > > iframeEl.style.position = "absolute";
> > > iframeEl.style.filter >> > > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
> > > }
> > >
> > > // Mark menu as initialized.
> > >
> > > menu.isInitialized = true;
> > > }
> > >
> > >
> > > "sdrouins" a écrit :
> > >
> > > > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser
> > > > simple est
> > > > de te créer un Iframe qui a la meme largeur x hauteur que ton div
> > > > et de la
> > > > mettre sous ton div.... ca reglera ce bug
> > > >
> > > >
> > > > "seb14" a écrit :
> > > >
> > > > > Bonjour,
> > > > >
> > > > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai
> > > > > mis dans une
> > > > > gridlayout une Dropdownlist.
> > > > >
> > > > > mon probleme c'est que mon menu passe systematiquement sous la
> > > > > DropdownList.
> > > > >
> > > > > Si quelqu'un a une idée ca serait sympa parceque la je vois
> > > > > pas.
> > > > >
> > > > > Voici le code :
> > > > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> > > > > Src="Controls/MainNavigation.ascx" %>
> > > > > <%@ Page language="c#" Codebehind="page2.aspx.cs"
> > > > > AutoEventWireup="false"
> > > > > Inherits="SitePresentation.page2" smartNavigation="True"%>
> > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> > > > > <HTML>
> > > > > <HEAD>
> > > > > <title>page2</title>
> > > > > <meta content="Microsoft Visual Studio .NET 7.1"
> > > > > name="GENERATOR">
> > > > > <meta content="C#" name="CODE_LANGUAGE">
> > > > > <meta content="JavaScript" name="vs_defaultClientScript">
> > > > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
> > > > > name="vs_targetSchema">
> > > > > </HEAD>
> > > > > <body>
> > > > > <form id="Form1" method="post" runat="server">
> > > > > <DIV>
> > > > > <style type="text/css">DIV.menuBar {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
> > > > > #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
> > > > > sans-serif
> > > > > }
> > > > > DIV.menuBar A.menuButton {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
> > > > > #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
> > > > > sans-serif
> > > > > }
> > > > > DIV.menu {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
> > > > > #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
> > > > > sans-serif
> > > > > }
> > > > > DIV.menu A.menuItem {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
> > > > > #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
> > > > > sans-serif
> > > > > }
> > > > > DIV.menuBar {
> > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px;
> > > > > BORDER-TOP: #e0e0e0
> > > > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM:
> > > > > 4px;
> > > > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px;
> > > > > BORDER-BOTTOM: #e0e0e0 2px
> > > > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> > > > > }
> > > > > DIV.menuBar A.menuButton {
> > > > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px;
> > > > > BORDER-TOP: #e0e0e0
> > > > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px;
> > > > > PADDING-BOTTOM: 2px;
> > > > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default;
> > > > > COLOR: #000000;
> > > > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION:
> > > > > relative; TOP:
> > > > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> > > > > }
> > > > > DIV.menuBar A.menuButton:hover {
> > > > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px
> > > > > outset; Z-INDEX:
> > > > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000;
> > > > > BORDER-BOTTOM: #e0e0e0
> > > > > 1px outset; BACKGROUND-COLOR: transparent
> > > > > }
> > > > > DIV.menuBar A.menuButtonActive {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
> > > > > Z-INDEX:
> > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
> > > > > #5050f0
> > > > > }
> > > > > DIV.menuBar A.menuButtonActive:hover {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
> > > > > Z-INDEX:
> > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
> > > > > #5050f0
> > > > > }
> > > > > DIV.menu {
> > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px;
> > > > > BORDER-TOP: #e0e0e0
> > > > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px;
> > > > > VISIBILITY: hidden;
> > > > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset;
> > > > > PADDING-TOP: 0px;
> > > > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP:
> > > > > 0px;
> > > > > BACKGROUND-COLOR: #e0e0e0
> > > > > }
> > > > > DIV.menu A.menuItem {
> > > > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX:
> > > > > 903;
> > > > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000;
> > > > > PADDING-TOP: 3px;
> > > > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
> > > > > }
> > > > > DIV.menu A.menuItem:hover {
> > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menu A.menuItemHighlight {
> > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menu A.menuItem SPAN.menuItemText {
> > > > >
> > > > > }
> > > > > DIV.menu A.menuItem SPAN.menuItemArrow {
> > > > > MARGIN-RIGHT: -0.75em
> > > > > }
> > > > > DIV.menu DIV.menuItemSep {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
> > > > > MARGIN: 4px
> > > > > 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px
> > > > > inset
> > > > > }
> > > > > </style>
> > > > > <script type="text/javascript">//<![CDATA[
> > > > >
> > > > > //*****************************************************************************
> > > > > // Do not remove this notice.
> > > > > //
> > > > > // Copyright 2000-2004 by Mike Hall.
> > > > > // See http://www.brainjar.com for terms of use.
> > > > > //*****************************************************************************
> > > > >
> > > > > //----------------------------------------------------------------------------
> > > > > // Code to determine the browser and version.
> > > > > //----------------------------------------------------------------------------
> > > > >
> > > > > function Browser() {
> > > > >
> > > > > var ua, s, i;
> > > > >
> > > > > this.isIE = false; // Internet Explorer
> > > > > this.isOP = false; // Opera
> > > > > this.isNS = false; // Netscape
> > > > > this.version = null;
> > > > >
> > > > > ua = navigator.userAgent;
> > > > >
> > > > > s = "Opera";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isOP = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > >
> > > > > s = "Netscape6/";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isNS = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > >
> > > > > // Treat any other "Gecko" browser as Netscape 6.1.
> > > > >
> > > > > s = "Gecko";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isNS = true;
> > > > > this.version = 6.1;
> > > > > return;
> > > > > }
> > > > >
> > > > > s = "MSIE";
> > > > > if ((i = ua.indexOf(s))) {
> > > > > this.isIE = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > > }
> > > > >
> > > > > var browser = new Browser();
> > > > >
> > > > > //----------------------------------------------------------------------------
> > > > > // Code for handling the menu bar and active button.
> > > > > //----------------------------------------------------------------------------
Meme avec les mofications je ne vois pas l'iframe pourtant je passe bien
dans
le bloc ( j'ai test avec une alert)
pour la signification de
iframeEl.style.filter > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
Je ne sais pas j'ai repris le menu par le biais du site Brainjar.com.
je ne comprend abosument pas.
si je peux abuser est ce que je pourrais t'envoyer mon code par mail pour
voir.
"sdrouins" a écrit :
essaye de changer ce bout de code la :
var iframeEl = document.createElement("IFRAME");
> > iframeEl.frameBorder = 0;
> > iframeEl.src = "javascript:;";
> > iframeEl.style.display = "none";
> > iframeEl.style.position = "absolute";
> > iframeEl.style.filter >> > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
pour:
var iframeEl = document.createElement("IFRAME");
iframeEl.frameBorder = 10;
iframeEl.src = "javascript:;";
iframeEl.style.visibility = 'visible';
iframeEl.style.display = 'block';
iframeEl.style.height = 800
iframeEl.style.width = 800
iframeEl.style.zIndex=0
iframeEl.style.position = "absolute";
iframeEl.style.filter >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
**********************************
iframeEl.style.filter >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
ca fait quoi dans la vie ca?
la si tu le vois pas tu a une gros probleme ;)
"seb14" a écrit :
> effectivement je ne vois pas mes iframes
> meme en changeant display = "block"
> la je comprends pas tout ma petite cervelle a du mal
>
> "sdrouins" a écrit :
>
> > est-ce que tu vois ton iframe dans ta page?
> > de ce que je vois tu a spas l'air a le mettre visible
> > change dont: iframeEl.style.display = "none";
> > iframeEl.style.display = "block"
> >
> > pis set lui une largeur et hauteur
> > "seb14" a écrit :
> >
> > > Merci pour ta reponse !
> > > Mais le probleme c'est que mon javascript créé les iframes.
> > >
> > > function menuInit(menu) {
> > >
> > > var itemList, spanList;
> > > var textEl, arrowEl;
> > > var itemWidth;
> > > var w, dw;
> > > var i, j;
> > >
> > > // For IE, replace arrow characters.
> > >
> > > if (browser.isIE) {
> > > menu.style.lineHeight = "2.5ex";
> > > spanList = menu.getElementsByTagName("SPAN");
> > > for (i = 0; i < spanList.length; i++)
> > > if (hasClassName(spanList[i], "menuItemArrow")) {
> > > spanList[i].style.fontFamily = "Webdings";
> > > spanList[i].firstChild.nodeValue = "4";
> > > }
> > > }
> > >
> > > // Find the width of a menu item.
> > >
> > > itemList = menu.getElementsByTagName("A");
> > > if (itemList.length > 0)
> > > itemWidth = itemList[0].offsetWidth;
> > > else
> > > return;
> > >
> > > // For items with arrows, add padding to item text to make the
> > > // arrows flush right.
> > >
> > > for (i = 0; i < itemList.length; i++) {
> > > spanList = itemList[i].getElementsByTagName("SPAN");
> > > textEl = null;
> > > arrowEl = null;
> > > for (j = 0; j < spanList.length; j++) {
> > > if (hasClassName(spanList[j], "menuItemText"))
> > > textEl = spanList[j];
> > > if (hasClassName(spanList[j], "menuItemArrow"))
> > > arrowEl = spanList[j];
> > > }
> > > if (textEl != null && arrowEl != null) {
> > > textEl.style.paddingRight = (itemWidth
> > > - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
> > > // For Opera, remove the negative right margin to fix a
> > > display bug.
> > > if (browser.isOP)
> > > arrowEl.style.marginRight = "0px";
> > > }
> > > }
> > >
> > > // Fix IE hover problem by setting an explicit width on first
> > > item of
> > > // the menu.
> > >
> > > if (browser.isIE) {
> > > w = itemList[0].offsetWidth;
> > > itemList[0].style.width = w + "px";
> > > dw = itemList[0].offsetWidth - w;
> > > w -= dw;
> > > itemList[0].style.width = w + "px";
> > > }
> > >
> > > // Fix the IE display problem (SELECT elements and other windowed
> > > controls
> > > // overlaying the menu) by adding an IFRAME under the menu.
> > >
> > > if (browser.isIE) {
> > > var iframeEl = document.createElement("IFRAME");
> > > iframeEl.frameBorder = 0;
> > > iframeEl.src = "javascript:;";
> > > iframeEl.style.display = "none";
> > > iframeEl.style.position = "absolute";
> > > iframeEl.style.filter >> > > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
> > > }
> > >
> > > // Mark menu as initialized.
> > >
> > > menu.isInitialized = true;
> > > }
> > >
> > >
> > > "sdrouins" a écrit :
> > >
> > > > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser
> > > > simple est
> > > > de te créer un Iframe qui a la meme largeur x hauteur que ton div
> > > > et de la
> > > > mettre sous ton div.... ca reglera ce bug
> > > >
> > > >
> > > > "seb14" a écrit :
> > > >
> > > > > Bonjour,
> > > > >
> > > > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai
> > > > > mis dans une
> > > > > gridlayout une Dropdownlist.
> > > > >
> > > > > mon probleme c'est que mon menu passe systematiquement sous la
> > > > > DropdownList.
> > > > >
> > > > > Si quelqu'un a une idée ca serait sympa parceque la je vois
> > > > > pas.
> > > > >
> > > > > Voici le code :
> > > > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> > > > > Src="Controls/MainNavigation.ascx" %>
> > > > > <%@ Page language="c#" Codebehind="page2.aspx.cs"
> > > > > AutoEventWireup="false"
> > > > > Inherits="SitePresentation.page2" smartNavigation="True"%>
> > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> > > > > <HTML>
> > > > > <HEAD>
> > > > > <title>page2</title>
> > > > > <meta content="Microsoft Visual Studio .NET 7.1"
> > > > > name="GENERATOR">
> > > > > <meta content="C#" name="CODE_LANGUAGE">
> > > > > <meta content="JavaScript" name="vs_defaultClientScript">
> > > > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
> > > > > name="vs_targetSchema">
> > > > > </HEAD>
> > > > > <body>
> > > > > <form id="Form1" method="post" runat="server">
> > > > > <DIV>
> > > > > <style type="text/css">DIV.menuBar {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
> > > > > #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
> > > > > sans-serif
> > > > > }
> > > > > DIV.menuBar A.menuButton {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
> > > > > #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
> > > > > sans-serif
> > > > > }
> > > > > DIV.menu {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
> > > > > #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
> > > > > sans-serif
> > > > > }
> > > > > DIV.menu A.menuItem {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
> > > > > #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
> > > > > sans-serif
> > > > > }
> > > > > DIV.menuBar {
> > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px;
> > > > > BORDER-TOP: #e0e0e0
> > > > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM:
> > > > > 4px;
> > > > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px;
> > > > > BORDER-BOTTOM: #e0e0e0 2px
> > > > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> > > > > }
> > > > > DIV.menuBar A.menuButton {
> > > > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px;
> > > > > BORDER-TOP: #e0e0e0
> > > > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px;
> > > > > PADDING-BOTTOM: 2px;
> > > > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default;
> > > > > COLOR: #000000;
> > > > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION:
> > > > > relative; TOP:
> > > > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> > > > > }
> > > > > DIV.menuBar A.menuButton:hover {
> > > > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px
> > > > > outset; Z-INDEX:
> > > > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000;
> > > > > BORDER-BOTTOM: #e0e0e0
> > > > > 1px outset; BACKGROUND-COLOR: transparent
> > > > > }
> > > > > DIV.menuBar A.menuButtonActive {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
> > > > > Z-INDEX:
> > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
> > > > > #5050f0
> > > > > }
> > > > > DIV.menuBar A.menuButtonActive:hover {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
> > > > > Z-INDEX:
> > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
> > > > > #5050f0
> > > > > }
> > > > > DIV.menu {
> > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px;
> > > > > BORDER-TOP: #e0e0e0
> > > > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px;
> > > > > VISIBILITY: hidden;
> > > > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset;
> > > > > PADDING-TOP: 0px;
> > > > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP:
> > > > > 0px;
> > > > > BACKGROUND-COLOR: #e0e0e0
> > > > > }
> > > > > DIV.menu A.menuItem {
> > > > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX:
> > > > > 903;
> > > > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000;
> > > > > PADDING-TOP: 3px;
> > > > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
> > > > > }
> > > > > DIV.menu A.menuItem:hover {
> > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menu A.menuItemHighlight {
> > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menu A.menuItem SPAN.menuItemText {
> > > > >
> > > > > }
> > > > > DIV.menu A.menuItem SPAN.menuItemArrow {
> > > > > MARGIN-RIGHT: -0.75em
> > > > > }
> > > > > DIV.menu DIV.menuItemSep {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
> > > > > MARGIN: 4px
> > > > > 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px
> > > > > inset
> > > > > }
> > > > > </style>
> > > > > <script type="text/javascript">//<![CDATA[
> > > > >
> > > > > //*****************************************************************************
> > > > > // Do not remove this notice.
> > > > > //
> > > > > // Copyright 2000-2004 by Mike Hall.
> > > > > // See http://www.brainjar.com for terms of use.
> > > > > //*****************************************************************************
> > > > >
> > > > > //----------------------------------------------------------------------------
> > > > > // Code to determine the browser and version.
> > > > > //----------------------------------------------------------------------------
> > > > >
> > > > > function Browser() {
> > > > >
> > > > > var ua, s, i;
> > > > >
> > > > > this.isIE = false; // Internet Explorer
> > > > > this.isOP = false; // Opera
> > > > > this.isNS = false; // Netscape
> > > > > this.version = null;
> > > > >
> > > > > ua = navigator.userAgent;
> > > > >
> > > > > s = "Opera";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isOP = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > >
> > > > > s = "Netscape6/";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isNS = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > >
> > > > > // Treat any other "Gecko" browser as Netscape 6.1.
> > > > >
> > > > > s = "Gecko";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isNS = true;
> > > > > this.version = 6.1;
> > > > > return;
> > > > > }
> > > > >
> > > > > s = "MSIE";
> > > > > if ((i = ua.indexOf(s))) {
> > > > > this.isIE = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > > }
> > > > >
> > > > > var browser = new Browser();
> > > > >
> > > > > //----------------------------------------------------------------------------
> > > > > // Code for handling the menu bar and active button.
> > > > > //----------------------------------------------------------------------------
Meme avec les mofications je ne vois pas l'iframe pourtant je passe bien
dans
le bloc ( j'ai test avec une alert)
pour la signification de
iframeEl.style.filter > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
Je ne sais pas j'ai repris le menu par le biais du site Brainjar.com.
je ne comprend abosument pas.
si je peux abuser est ce que je pourrais t'envoyer mon code par mail pour
voir.
"sdrouins" a écrit :essaye de changer ce bout de code la :
var iframeEl = document.createElement("IFRAME");
> > iframeEl.frameBorder = 0;
> > iframeEl.src = "javascript:;";
> > iframeEl.style.display = "none";
> > iframeEl.style.position = "absolute";
> > iframeEl.style.filter >> > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
pour:
var iframeEl = document.createElement("IFRAME");
iframeEl.frameBorder = 10;
iframeEl.src = "javascript:;";
iframeEl.style.visibility = 'visible';
iframeEl.style.display = 'block';
iframeEl.style.height = 800
iframeEl.style.width = 800
iframeEl.style.zIndex=0
iframeEl.style.position = "absolute";
iframeEl.style.filter >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
**********************************
iframeEl.style.filter >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
ca fait quoi dans la vie ca?
la si tu le vois pas tu a une gros probleme ;)
"seb14" a écrit :
> effectivement je ne vois pas mes iframes
> meme en changeant display = "block"
> la je comprends pas tout ma petite cervelle a du mal
>
> "sdrouins" a écrit :
>
> > est-ce que tu vois ton iframe dans ta page?
> > de ce que je vois tu a spas l'air a le mettre visible
> > change dont: iframeEl.style.display = "none";
> > iframeEl.style.display = "block"
> >
> > pis set lui une largeur et hauteur
> > "seb14" a écrit :
> >
> > > Merci pour ta reponse !
> > > Mais le probleme c'est que mon javascript créé les iframes.
> > >
> > > function menuInit(menu) {
> > >
> > > var itemList, spanList;
> > > var textEl, arrowEl;
> > > var itemWidth;
> > > var w, dw;
> > > var i, j;
> > >
> > > // For IE, replace arrow characters.
> > >
> > > if (browser.isIE) {
> > > menu.style.lineHeight = "2.5ex";
> > > spanList = menu.getElementsByTagName("SPAN");
> > > for (i = 0; i < spanList.length; i++)
> > > if (hasClassName(spanList[i], "menuItemArrow")) {
> > > spanList[i].style.fontFamily = "Webdings";
> > > spanList[i].firstChild.nodeValue = "4";
> > > }
> > > }
> > >
> > > // Find the width of a menu item.
> > >
> > > itemList = menu.getElementsByTagName("A");
> > > if (itemList.length > 0)
> > > itemWidth = itemList[0].offsetWidth;
> > > else
> > > return;
> > >
> > > // For items with arrows, add padding to item text to make the
> > > // arrows flush right.
> > >
> > > for (i = 0; i < itemList.length; i++) {
> > > spanList = itemList[i].getElementsByTagName("SPAN");
> > > textEl = null;
> > > arrowEl = null;
> > > for (j = 0; j < spanList.length; j++) {
> > > if (hasClassName(spanList[j], "menuItemText"))
> > > textEl = spanList[j];
> > > if (hasClassName(spanList[j], "menuItemArrow"))
> > > arrowEl = spanList[j];
> > > }
> > > if (textEl != null && arrowEl != null) {
> > > textEl.style.paddingRight = (itemWidth
> > > - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
> > > // For Opera, remove the negative right margin to fix a
> > > display bug.
> > > if (browser.isOP)
> > > arrowEl.style.marginRight = "0px";
> > > }
> > > }
> > >
> > > // Fix IE hover problem by setting an explicit width on first
> > > item of
> > > // the menu.
> > >
> > > if (browser.isIE) {
> > > w = itemList[0].offsetWidth;
> > > itemList[0].style.width = w + "px";
> > > dw = itemList[0].offsetWidth - w;
> > > w -= dw;
> > > itemList[0].style.width = w + "px";
> > > }
> > >
> > > // Fix the IE display problem (SELECT elements and other windowed
> > > controls
> > > // overlaying the menu) by adding an IFRAME under the menu.
> > >
> > > if (browser.isIE) {
> > > var iframeEl = document.createElement("IFRAME");
> > > iframeEl.frameBorder = 0;
> > > iframeEl.src = "javascript:;";
> > > iframeEl.style.display = "none";
> > > iframeEl.style.position = "absolute";
> > > iframeEl.style.filter >> > > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
> > > }
> > >
> > > // Mark menu as initialized.
> > >
> > > menu.isInitialized = true;
> > > }
> > >
> > >
> > > "sdrouins" a écrit :
> > >
> > > > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser
> > > > simple est
> > > > de te créer un Iframe qui a la meme largeur x hauteur que ton div
> > > > et de la
> > > > mettre sous ton div.... ca reglera ce bug
> > > >
> > > >
> > > > "seb14" a écrit :
> > > >
> > > > > Bonjour,
> > > > >
> > > > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai
> > > > > mis dans une
> > > > > gridlayout une Dropdownlist.
> > > > >
> > > > > mon probleme c'est que mon menu passe systematiquement sous la
> > > > > DropdownList.
> > > > >
> > > > > Si quelqu'un a une idée ca serait sympa parceque la je vois
> > > > > pas.
> > > > >
> > > > > Voici le code :
> > > > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> > > > > Src="Controls/MainNavigation.ascx" %>
> > > > > <%@ Page language="c#" Codebehind="page2.aspx.cs"
> > > > > AutoEventWireup="false"
> > > > > Inherits="SitePresentation.page2" smartNavigation="True"%>
> > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> > > > > <HTML>
> > > > > <HEAD>
> > > > > <title>page2</title>
> > > > > <meta content="Microsoft Visual Studio .NET 7.1"
> > > > > name="GENERATOR">
> > > > > <meta content="C#" name="CODE_LANGUAGE">
> > > > > <meta content="JavaScript" name="vs_defaultClientScript">
> > > > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
> > > > > name="vs_targetSchema">
> > > > > </HEAD>
> > > > > <body>
> > > > > <form id="Form1" method="post" runat="server">
> > > > > <DIV>
> > > > > <style type="text/css">DIV.menuBar {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
> > > > > #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
> > > > > sans-serif
> > > > > }
> > > > > DIV.menuBar A.menuButton {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
> > > > > #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
> > > > > sans-serif
> > > > > }
> > > > > DIV.menu {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
> > > > > #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
> > > > > sans-serif
> > > > > }
> > > > > DIV.menu A.menuItem {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
> > > > > #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
> > > > > sans-serif
> > > > > }
> > > > > DIV.menuBar {
> > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px;
> > > > > BORDER-TOP: #e0e0e0
> > > > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM:
> > > > > 4px;
> > > > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px;
> > > > > BORDER-BOTTOM: #e0e0e0 2px
> > > > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> > > > > }
> > > > > DIV.menuBar A.menuButton {
> > > > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px;
> > > > > BORDER-TOP: #e0e0e0
> > > > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px;
> > > > > PADDING-BOTTOM: 2px;
> > > > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default;
> > > > > COLOR: #000000;
> > > > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION:
> > > > > relative; TOP:
> > > > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> > > > > }
> > > > > DIV.menuBar A.menuButton:hover {
> > > > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px
> > > > > outset; Z-INDEX:
> > > > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000;
> > > > > BORDER-BOTTOM: #e0e0e0
> > > > > 1px outset; BACKGROUND-COLOR: transparent
> > > > > }
> > > > > DIV.menuBar A.menuButtonActive {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
> > > > > Z-INDEX:
> > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
> > > > > #5050f0
> > > > > }
> > > > > DIV.menuBar A.menuButtonActive:hover {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
> > > > > Z-INDEX:
> > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
> > > > > #5050f0
> > > > > }
> > > > > DIV.menu {
> > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px;
> > > > > BORDER-TOP: #e0e0e0
> > > > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px;
> > > > > VISIBILITY: hidden;
> > > > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset;
> > > > > PADDING-TOP: 0px;
> > > > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP:
> > > > > 0px;
> > > > > BACKGROUND-COLOR: #e0e0e0
> > > > > }
> > > > > DIV.menu A.menuItem {
> > > > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX:
> > > > > 903;
> > > > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000;
> > > > > PADDING-TOP: 3px;
> > > > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
> > > > > }
> > > > > DIV.menu A.menuItem:hover {
> > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menu A.menuItemHighlight {
> > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menu A.menuItem SPAN.menuItemText {
> > > > >
> > > > > }
> > > > > DIV.menu A.menuItem SPAN.menuItemArrow {
> > > > > MARGIN-RIGHT: -0.75em
> > > > > }
> > > > > DIV.menu DIV.menuItemSep {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
> > > > > MARGIN: 4px
> > > > > 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px
> > > > > inset
> > > > > }
> > > > > </style>
> > > > > <script type="text/javascript">//<![CDATA[
> > > > >
> > > > > //*****************************************************************************
> > > > > // Do not remove this notice.
> > > > > //
> > > > > // Copyright 2000-2004 by Mike Hall.
> > > > > // See http://www.brainjar.com for terms of use.
> > > > > //*****************************************************************************
> > > > >
> > > > > //----------------------------------------------------------------------------
> > > > > // Code to determine the browser and version.
> > > > > //----------------------------------------------------------------------------
> > > > >
> > > > > function Browser() {
> > > > >
> > > > > var ua, s, i;
> > > > >
> > > > > this.isIE = false; // Internet Explorer
> > > > > this.isOP = false; // Opera
> > > > > this.isNS = false; // Netscape
> > > > > this.version = null;
> > > > >
> > > > > ua = navigator.userAgent;
> > > > >
> > > > > s = "Opera";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isOP = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > >
> > > > > s = "Netscape6/";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isNS = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > >
> > > > > // Treat any other "Gecko" browser as Netscape 6.1.
> > > > >
> > > > > s = "Gecko";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isNS = true;
> > > > > this.version = 6.1;
> > > > > return;
> > > > > }
> > > > >
> > > > > s = "MSIE";
> > > > > if ((i = ua.indexOf(s))) {
> > > > > this.isIE = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > > }
> > > > >
> > > > > var browser = new Browser();
> > > > >
> > > > > //----------------------------------------------------------------------------
> > > > > // Code for handling the menu bar and active button.
> > > > > //----------------------------------------------------------------------------
Plusieurs menu ont ce problème il ne passe par-dessus les combobox et
d'autres objet, un pdf par exemple.
Il existe des menus certains payant d'autre non qui permettent de passé par
dessus les combobox.
une recherche dans google t'en fera trouver beaucoup.
un que j'ai déjà utilisé.
http://webfx.eae.net/dhtml/dhtmlmenu4/menu4.html
"seb14" a écrit dans le message de news:
> Meme avec les mofications je ne vois pas l'iframe pourtant je passe bien
> dans
> le bloc ( j'ai test avec une alert)
> pour la signification de
> iframeEl.style.filter > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> Je ne sais pas j'ai repris le menu par le biais du site Brainjar.com.
> je ne comprend abosument pas.
> si je peux abuser est ce que je pourrais t'envoyer mon code par mail pour
> voir.
>
>
>
> "sdrouins" a écrit :
>
>> essaye de changer ce bout de code la :
>> var iframeEl = document.createElement("IFRAME");
>> > > iframeEl.frameBorder = 0;
>> > > iframeEl.src = "javascript:;";
>> > > iframeEl.style.display = "none";
>> > > iframeEl.style.position = "absolute";
>> > > iframeEl.style.filter > >> > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> pour:
>> var iframeEl = document.createElement("IFRAME");
>> iframeEl.frameBorder = 10;
>> iframeEl.src = "javascript:;";
>> iframeEl.style.visibility = 'visible';
>> iframeEl.style.display = 'block';
>> iframeEl.style.height = 800
>> iframeEl.style.width = 800
>> iframeEl.style.zIndex=0
>> iframeEl.style.position = "absolute";
>> iframeEl.style.filter > >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> **********************************
>>
>>
>> iframeEl.style.filter > >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> ca fait quoi dans la vie ca?
>>
>> la si tu le vois pas tu a une gros probleme ;)
>>
>> "seb14" a écrit :
>>
>> > effectivement je ne vois pas mes iframes
>> > meme en changeant display = "block"
>> > la je comprends pas tout ma petite cervelle a du mal
>> >
>> > "sdrouins" a écrit :
>> >
>> > > est-ce que tu vois ton iframe dans ta page?
>> > > de ce que je vois tu a spas l'air a le mettre visible
>> > > change dont: iframeEl.style.display = "none";
>> > > iframeEl.style.display = "block"
>> > >
>> > > pis set lui une largeur et hauteur
>> > > "seb14" a écrit :
>> > >
>> > > > Merci pour ta reponse !
>> > > > Mais le probleme c'est que mon javascript créé les iframes.
>> > > >
>> > > > function menuInit(menu) {
>> > > >
>> > > > var itemList, spanList;
>> > > > var textEl, arrowEl;
>> > > > var itemWidth;
>> > > > var w, dw;
>> > > > var i, j;
>> > > >
>> > > > // For IE, replace arrow characters.
>> > > >
>> > > > if (browser.isIE) {
>> > > > menu.style.lineHeight = "2.5ex";
>> > > > spanList = menu.getElementsByTagName("SPAN");
>> > > > for (i = 0; i < spanList.length; i++)
>> > > > if (hasClassName(spanList[i], "menuItemArrow")) {
>> > > > spanList[i].style.fontFamily = "Webdings";
>> > > > spanList[i].firstChild.nodeValue = "4";
>> > > > }
>> > > > }
>> > > >
>> > > > // Find the width of a menu item.
>> > > >
>> > > > itemList = menu.getElementsByTagName("A");
>> > > > if (itemList.length > 0)
>> > > > itemWidth = itemList[0].offsetWidth;
>> > > > else
>> > > > return;
>> > > >
>> > > > // For items with arrows, add padding to item text to make the
>> > > > // arrows flush right.
>> > > >
>> > > > for (i = 0; i < itemList.length; i++) {
>> > > > spanList = itemList[i].getElementsByTagName("SPAN");
>> > > > textEl = null;
>> > > > arrowEl = null;
>> > > > for (j = 0; j < spanList.length; j++) {
>> > > > if (hasClassName(spanList[j], "menuItemText"))
>> > > > textEl = spanList[j];
>> > > > if (hasClassName(spanList[j], "menuItemArrow"))
>> > > > arrowEl = spanList[j];
>> > > > }
>> > > > if (textEl != null && arrowEl != null) {
>> > > > textEl.style.paddingRight = (itemWidth
>> > > > - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
>> > > > // For Opera, remove the negative right margin to fix a
>> > > > display bug.
>> > > > if (browser.isOP)
>> > > > arrowEl.style.marginRight = "0px";
>> > > > }
>> > > > }
>> > > >
>> > > > // Fix IE hover problem by setting an explicit width on first
>> > > > item of
>> > > > // the menu.
>> > > >
>> > > > if (browser.isIE) {
>> > > > w = itemList[0].offsetWidth;
>> > > > itemList[0].style.width = w + "px";
>> > > > dw = itemList[0].offsetWidth - w;
>> > > > w -= dw;
>> > > > itemList[0].style.width = w + "px";
>> > > > }
>> > > >
>> > > > // Fix the IE display problem (SELECT elements and other windowed
>> > > > controls
>> > > > // overlaying the menu) by adding an IFRAME under the menu.
>> > > >
>> > > > if (browser.isIE) {
>> > > > var iframeEl = document.createElement("IFRAME");
>> > > > iframeEl.frameBorder = 0;
>> > > > iframeEl.src = "javascript:;";
>> > > > iframeEl.style.display = "none";
>> > > > iframeEl.style.position = "absolute";
>> > > > iframeEl.style.filter > >> > > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> > > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> > > > }
>> > > >
>> > > > // Mark menu as initialized.
>> > > >
>> > > > menu.isInitialized = true;
>> > > > }
>> > > >
>> > > >
>> > > > "sdrouins" a écrit :
>> > > >
>> > > > > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser
>> > > > > simple est
>> > > > > de te créer un Iframe qui a la meme largeur x hauteur que ton div
>> > > > > et de la
>> > > > > mettre sous ton div.... ca reglera ce bug
>> > > > >
>> > > > >
>> > > > > "seb14" a écrit :
>> > > > >
>> > > > > > Bonjour,
>> > > > > >
>> > > > > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai
>> > > > > > mis dans une
>> > > > > > gridlayout une Dropdownlist.
>> > > > > >
>> > > > > > mon probleme c'est que mon menu passe systematiquement sous la
>> > > > > > DropdownList.
>> > > > > >
>> > > > > > Si quelqu'un a une idée ca serait sympa parceque la je vois
>> > > > > > pas.
>> > > > > >
>> > > > > > Voici le code :
>> > > > > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
>> > > > > > Src="Controls/MainNavigation.ascx" %>
>> > > > > > <%@ Page language="c#" Codebehind="page2.aspx.cs"
>> > > > > > AutoEventWireup="false"
>> > > > > > Inherits="SitePresentation.page2" smartNavigation="True"%>
>> > > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
>> > > > > > <HTML>
>> > > > > > <HEAD>
>> > > > > > <title>page2</title>
>> > > > > > <meta content="Microsoft Visual Studio .NET 7.1"
>> > > > > > name="GENERATOR">
>> > > > > > <meta content="C#" name="CODE_LANGUAGE">
>> > > > > > <meta content="JavaScript" name="vs_defaultClientScript">
>> > > > > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
>> > > > > > name="vs_targetSchema">
>> > > > > > </HEAD>
>> > > > > > <body>
>> > > > > > <form id="Form1" method="post" runat="server">
>> > > > > > <DIV>
>> > > > > > <style type="text/css">DIV.menuBar {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menu {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menu A.menuItem {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menuBar {
>> > > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM:
>> > > > > > 4px;
>> > > > > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px;
>> > > > > > BORDER-BOTTOM: #e0e0e0 2px
>> > > > > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px;
>> > > > > > PADDING-BOTTOM: 2px;
>> > > > > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default;
>> > > > > > COLOR: #000000;
>> > > > > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION:
>> > > > > > relative; TOP:
>> > > > > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton:hover {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px
>> > > > > > outset; Z-INDEX:
>> > > > > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000;
>> > > > > > BORDER-BOTTOM: #e0e0e0
>> > > > > > 1px outset; BACKGROUND-COLOR: transparent
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButtonActive {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
>> > > > > > Z-INDEX:
>> > > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
>> > > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
>> > > > > > #5050f0
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButtonActive:hover {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
>> > > > > > Z-INDEX:
>> > > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
>> > > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
>> > > > > > #5050f0
>> > > > > > }
>> > > > > > DIV.menu {
>> > > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px;
>> > > > > > VISIBILITY: hidden;
>> > > > > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset;
>> > > > > > PADDING-TOP: 0px;
>> > > > > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP:
>> > > > > > 0px;
>> > > > > > BACKGROUND-COLOR: #e0e0e0
>> > > > > > }
>> > > > > > DIV.menu A.menuItem {
>> > > > > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX:
>> > > > > > 903;
>> > > > > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000;
>> > > > > > PADDING-TOP: 3px;
>> > > > > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
>> > > > > > }
>> > > > > > DIV.menu A.menuItem:hover {
>> > > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
>> > > > > > }
>> > > > > > DIV.menu A.menuItemHighlight {
>> > > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
>> > > > > > }
>> > > > > > DIV.menu A.menuItem SPAN.menuItemText {
>> > > > > >
>> > > > > > }
>> > > > > > DIV.menu A.menuItem SPAN.menuItemArrow {
>> > > > > > MARGIN-RIGHT: -0.75em
>> > > > > > }
>> > > > > > DIV.menu DIV.menuItemSep {
Plusieurs menu ont ce problème il ne passe par-dessus les combobox et
d'autres objet, un pdf par exemple.
Il existe des menus certains payant d'autre non qui permettent de passé par
dessus les combobox.
une recherche dans google t'en fera trouver beaucoup.
un que j'ai déjà utilisé.
http://webfx.eae.net/dhtml/dhtmlmenu4/menu4.html
"seb14" <seb14@discussions.microsoft.com> a écrit dans le message de news:
6DB14533-964C-4C82-9157-223AB4FB1753@microsoft.com...
> Meme avec les mofications je ne vois pas l'iframe pourtant je passe bien
> dans
> le bloc ( j'ai test avec une alert)
> pour la signification de
> iframeEl.style.filter > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> Je ne sais pas j'ai repris le menu par le biais du site Brainjar.com.
> je ne comprend abosument pas.
> si je peux abuser est ce que je pourrais t'envoyer mon code par mail pour
> voir.
>
>
>
> "sdrouins" a écrit :
>
>> essaye de changer ce bout de code la :
>> var iframeEl = document.createElement("IFRAME");
>> > > iframeEl.frameBorder = 0;
>> > > iframeEl.src = "javascript:;";
>> > > iframeEl.style.display = "none";
>> > > iframeEl.style.position = "absolute";
>> > > iframeEl.style.filter > >> > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> pour:
>> var iframeEl = document.createElement("IFRAME");
>> iframeEl.frameBorder = 10;
>> iframeEl.src = "javascript:;";
>> iframeEl.style.visibility = 'visible';
>> iframeEl.style.display = 'block';
>> iframeEl.style.height = 800
>> iframeEl.style.width = 800
>> iframeEl.style.zIndex=0
>> iframeEl.style.position = "absolute";
>> iframeEl.style.filter > >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> **********************************
>>
>>
>> iframeEl.style.filter > >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> ca fait quoi dans la vie ca?
>>
>> la si tu le vois pas tu a une gros probleme ;)
>>
>> "seb14" a écrit :
>>
>> > effectivement je ne vois pas mes iframes
>> > meme en changeant display = "block"
>> > la je comprends pas tout ma petite cervelle a du mal
>> >
>> > "sdrouins" a écrit :
>> >
>> > > est-ce que tu vois ton iframe dans ta page?
>> > > de ce que je vois tu a spas l'air a le mettre visible
>> > > change dont: iframeEl.style.display = "none";
>> > > iframeEl.style.display = "block"
>> > >
>> > > pis set lui une largeur et hauteur
>> > > "seb14" a écrit :
>> > >
>> > > > Merci pour ta reponse !
>> > > > Mais le probleme c'est que mon javascript créé les iframes.
>> > > >
>> > > > function menuInit(menu) {
>> > > >
>> > > > var itemList, spanList;
>> > > > var textEl, arrowEl;
>> > > > var itemWidth;
>> > > > var w, dw;
>> > > > var i, j;
>> > > >
>> > > > // For IE, replace arrow characters.
>> > > >
>> > > > if (browser.isIE) {
>> > > > menu.style.lineHeight = "2.5ex";
>> > > > spanList = menu.getElementsByTagName("SPAN");
>> > > > for (i = 0; i < spanList.length; i++)
>> > > > if (hasClassName(spanList[i], "menuItemArrow")) {
>> > > > spanList[i].style.fontFamily = "Webdings";
>> > > > spanList[i].firstChild.nodeValue = "4";
>> > > > }
>> > > > }
>> > > >
>> > > > // Find the width of a menu item.
>> > > >
>> > > > itemList = menu.getElementsByTagName("A");
>> > > > if (itemList.length > 0)
>> > > > itemWidth = itemList[0].offsetWidth;
>> > > > else
>> > > > return;
>> > > >
>> > > > // For items with arrows, add padding to item text to make the
>> > > > // arrows flush right.
>> > > >
>> > > > for (i = 0; i < itemList.length; i++) {
>> > > > spanList = itemList[i].getElementsByTagName("SPAN");
>> > > > textEl = null;
>> > > > arrowEl = null;
>> > > > for (j = 0; j < spanList.length; j++) {
>> > > > if (hasClassName(spanList[j], "menuItemText"))
>> > > > textEl = spanList[j];
>> > > > if (hasClassName(spanList[j], "menuItemArrow"))
>> > > > arrowEl = spanList[j];
>> > > > }
>> > > > if (textEl != null && arrowEl != null) {
>> > > > textEl.style.paddingRight = (itemWidth
>> > > > - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
>> > > > // For Opera, remove the negative right margin to fix a
>> > > > display bug.
>> > > > if (browser.isOP)
>> > > > arrowEl.style.marginRight = "0px";
>> > > > }
>> > > > }
>> > > >
>> > > > // Fix IE hover problem by setting an explicit width on first
>> > > > item of
>> > > > // the menu.
>> > > >
>> > > > if (browser.isIE) {
>> > > > w = itemList[0].offsetWidth;
>> > > > itemList[0].style.width = w + "px";
>> > > > dw = itemList[0].offsetWidth - w;
>> > > > w -= dw;
>> > > > itemList[0].style.width = w + "px";
>> > > > }
>> > > >
>> > > > // Fix the IE display problem (SELECT elements and other windowed
>> > > > controls
>> > > > // overlaying the menu) by adding an IFRAME under the menu.
>> > > >
>> > > > if (browser.isIE) {
>> > > > var iframeEl = document.createElement("IFRAME");
>> > > > iframeEl.frameBorder = 0;
>> > > > iframeEl.src = "javascript:;";
>> > > > iframeEl.style.display = "none";
>> > > > iframeEl.style.position = "absolute";
>> > > > iframeEl.style.filter > >> > > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> > > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> > > > }
>> > > >
>> > > > // Mark menu as initialized.
>> > > >
>> > > > menu.isInitialized = true;
>> > > > }
>> > > >
>> > > >
>> > > > "sdrouins" a écrit :
>> > > >
>> > > > > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser
>> > > > > simple est
>> > > > > de te créer un Iframe qui a la meme largeur x hauteur que ton div
>> > > > > et de la
>> > > > > mettre sous ton div.... ca reglera ce bug
>> > > > >
>> > > > >
>> > > > > "seb14" a écrit :
>> > > > >
>> > > > > > Bonjour,
>> > > > > >
>> > > > > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai
>> > > > > > mis dans une
>> > > > > > gridlayout une Dropdownlist.
>> > > > > >
>> > > > > > mon probleme c'est que mon menu passe systematiquement sous la
>> > > > > > DropdownList.
>> > > > > >
>> > > > > > Si quelqu'un a une idée ca serait sympa parceque la je vois
>> > > > > > pas.
>> > > > > >
>> > > > > > Voici le code :
>> > > > > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
>> > > > > > Src="Controls/MainNavigation.ascx" %>
>> > > > > > <%@ Page language="c#" Codebehind="page2.aspx.cs"
>> > > > > > AutoEventWireup="false"
>> > > > > > Inherits="SitePresentation.page2" smartNavigation="True"%>
>> > > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
>> > > > > > <HTML>
>> > > > > > <HEAD>
>> > > > > > <title>page2</title>
>> > > > > > <meta content="Microsoft Visual Studio .NET 7.1"
>> > > > > > name="GENERATOR">
>> > > > > > <meta content="C#" name="CODE_LANGUAGE">
>> > > > > > <meta content="JavaScript" name="vs_defaultClientScript">
>> > > > > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
>> > > > > > name="vs_targetSchema">
>> > > > > > </HEAD>
>> > > > > > <body>
>> > > > > > <form id="Form1" method="post" runat="server">
>> > > > > > <DIV>
>> > > > > > <style type="text/css">DIV.menuBar {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menu {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menu A.menuItem {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menuBar {
>> > > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM:
>> > > > > > 4px;
>> > > > > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px;
>> > > > > > BORDER-BOTTOM: #e0e0e0 2px
>> > > > > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px;
>> > > > > > PADDING-BOTTOM: 2px;
>> > > > > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default;
>> > > > > > COLOR: #000000;
>> > > > > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION:
>> > > > > > relative; TOP:
>> > > > > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton:hover {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px
>> > > > > > outset; Z-INDEX:
>> > > > > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000;
>> > > > > > BORDER-BOTTOM: #e0e0e0
>> > > > > > 1px outset; BACKGROUND-COLOR: transparent
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButtonActive {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
>> > > > > > Z-INDEX:
>> > > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
>> > > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
>> > > > > > #5050f0
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButtonActive:hover {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
>> > > > > > Z-INDEX:
>> > > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
>> > > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
>> > > > > > #5050f0
>> > > > > > }
>> > > > > > DIV.menu {
>> > > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px;
>> > > > > > VISIBILITY: hidden;
>> > > > > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset;
>> > > > > > PADDING-TOP: 0px;
>> > > > > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP:
>> > > > > > 0px;
>> > > > > > BACKGROUND-COLOR: #e0e0e0
>> > > > > > }
>> > > > > > DIV.menu A.menuItem {
>> > > > > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX:
>> > > > > > 903;
>> > > > > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000;
>> > > > > > PADDING-TOP: 3px;
>> > > > > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
>> > > > > > }
>> > > > > > DIV.menu A.menuItem:hover {
>> > > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
>> > > > > > }
>> > > > > > DIV.menu A.menuItemHighlight {
>> > > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
>> > > > > > }
>> > > > > > DIV.menu A.menuItem SPAN.menuItemText {
>> > > > > >
>> > > > > > }
>> > > > > > DIV.menu A.menuItem SPAN.menuItemArrow {
>> > > > > > MARGIN-RIGHT: -0.75em
>> > > > > > }
>> > > > > > DIV.menu DIV.menuItemSep {
Plusieurs menu ont ce problème il ne passe par-dessus les combobox et
d'autres objet, un pdf par exemple.
Il existe des menus certains payant d'autre non qui permettent de passé par
dessus les combobox.
une recherche dans google t'en fera trouver beaucoup.
un que j'ai déjà utilisé.
http://webfx.eae.net/dhtml/dhtmlmenu4/menu4.html
"seb14" a écrit dans le message de news:
> Meme avec les mofications je ne vois pas l'iframe pourtant je passe bien
> dans
> le bloc ( j'ai test avec une alert)
> pour la signification de
> iframeEl.style.filter > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> Je ne sais pas j'ai repris le menu par le biais du site Brainjar.com.
> je ne comprend abosument pas.
> si je peux abuser est ce que je pourrais t'envoyer mon code par mail pour
> voir.
>
>
>
> "sdrouins" a écrit :
>
>> essaye de changer ce bout de code la :
>> var iframeEl = document.createElement("IFRAME");
>> > > iframeEl.frameBorder = 0;
>> > > iframeEl.src = "javascript:;";
>> > > iframeEl.style.display = "none";
>> > > iframeEl.style.position = "absolute";
>> > > iframeEl.style.filter > >> > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> pour:
>> var iframeEl = document.createElement("IFRAME");
>> iframeEl.frameBorder = 10;
>> iframeEl.src = "javascript:;";
>> iframeEl.style.visibility = 'visible';
>> iframeEl.style.display = 'block';
>> iframeEl.style.height = 800
>> iframeEl.style.width = 800
>> iframeEl.style.zIndex=0
>> iframeEl.style.position = "absolute";
>> iframeEl.style.filter > >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> **********************************
>>
>>
>> iframeEl.style.filter > >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> ca fait quoi dans la vie ca?
>>
>> la si tu le vois pas tu a une gros probleme ;)
>>
>> "seb14" a écrit :
>>
>> > effectivement je ne vois pas mes iframes
>> > meme en changeant display = "block"
>> > la je comprends pas tout ma petite cervelle a du mal
>> >
>> > "sdrouins" a écrit :
>> >
>> > > est-ce que tu vois ton iframe dans ta page?
>> > > de ce que je vois tu a spas l'air a le mettre visible
>> > > change dont: iframeEl.style.display = "none";
>> > > iframeEl.style.display = "block"
>> > >
>> > > pis set lui une largeur et hauteur
>> > > "seb14" a écrit :
>> > >
>> > > > Merci pour ta reponse !
>> > > > Mais le probleme c'est que mon javascript créé les iframes.
>> > > >
>> > > > function menuInit(menu) {
>> > > >
>> > > > var itemList, spanList;
>> > > > var textEl, arrowEl;
>> > > > var itemWidth;
>> > > > var w, dw;
>> > > > var i, j;
>> > > >
>> > > > // For IE, replace arrow characters.
>> > > >
>> > > > if (browser.isIE) {
>> > > > menu.style.lineHeight = "2.5ex";
>> > > > spanList = menu.getElementsByTagName("SPAN");
>> > > > for (i = 0; i < spanList.length; i++)
>> > > > if (hasClassName(spanList[i], "menuItemArrow")) {
>> > > > spanList[i].style.fontFamily = "Webdings";
>> > > > spanList[i].firstChild.nodeValue = "4";
>> > > > }
>> > > > }
>> > > >
>> > > > // Find the width of a menu item.
>> > > >
>> > > > itemList = menu.getElementsByTagName("A");
>> > > > if (itemList.length > 0)
>> > > > itemWidth = itemList[0].offsetWidth;
>> > > > else
>> > > > return;
>> > > >
>> > > > // For items with arrows, add padding to item text to make the
>> > > > // arrows flush right.
>> > > >
>> > > > for (i = 0; i < itemList.length; i++) {
>> > > > spanList = itemList[i].getElementsByTagName("SPAN");
>> > > > textEl = null;
>> > > > arrowEl = null;
>> > > > for (j = 0; j < spanList.length; j++) {
>> > > > if (hasClassName(spanList[j], "menuItemText"))
>> > > > textEl = spanList[j];
>> > > > if (hasClassName(spanList[j], "menuItemArrow"))
>> > > > arrowEl = spanList[j];
>> > > > }
>> > > > if (textEl != null && arrowEl != null) {
>> > > > textEl.style.paddingRight = (itemWidth
>> > > > - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
>> > > > // For Opera, remove the negative right margin to fix a
>> > > > display bug.
>> > > > if (browser.isOP)
>> > > > arrowEl.style.marginRight = "0px";
>> > > > }
>> > > > }
>> > > >
>> > > > // Fix IE hover problem by setting an explicit width on first
>> > > > item of
>> > > > // the menu.
>> > > >
>> > > > if (browser.isIE) {
>> > > > w = itemList[0].offsetWidth;
>> > > > itemList[0].style.width = w + "px";
>> > > > dw = itemList[0].offsetWidth - w;
>> > > > w -= dw;
>> > > > itemList[0].style.width = w + "px";
>> > > > }
>> > > >
>> > > > // Fix the IE display problem (SELECT elements and other windowed
>> > > > controls
>> > > > // overlaying the menu) by adding an IFRAME under the menu.
>> > > >
>> > > > if (browser.isIE) {
>> > > > var iframeEl = document.createElement("IFRAME");
>> > > > iframeEl.frameBorder = 0;
>> > > > iframeEl.src = "javascript:;";
>> > > > iframeEl.style.display = "none";
>> > > > iframeEl.style.position = "absolute";
>> > > > iframeEl.style.filter > >> > > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> > > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> > > > }
>> > > >
>> > > > // Mark menu as initialized.
>> > > >
>> > > > menu.isInitialized = true;
>> > > > }
>> > > >
>> > > >
>> > > > "sdrouins" a écrit :
>> > > >
>> > > > > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser
>> > > > > simple est
>> > > > > de te créer un Iframe qui a la meme largeur x hauteur que ton div
>> > > > > et de la
>> > > > > mettre sous ton div.... ca reglera ce bug
>> > > > >
>> > > > >
>> > > > > "seb14" a écrit :
>> > > > >
>> > > > > > Bonjour,
>> > > > > >
>> > > > > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai
>> > > > > > mis dans une
>> > > > > > gridlayout une Dropdownlist.
>> > > > > >
>> > > > > > mon probleme c'est que mon menu passe systematiquement sous la
>> > > > > > DropdownList.
>> > > > > >
>> > > > > > Si quelqu'un a une idée ca serait sympa parceque la je vois
>> > > > > > pas.
>> > > > > >
>> > > > > > Voici le code :
>> > > > > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
>> > > > > > Src="Controls/MainNavigation.ascx" %>
>> > > > > > <%@ Page language="c#" Codebehind="page2.aspx.cs"
>> > > > > > AutoEventWireup="false"
>> > > > > > Inherits="SitePresentation.page2" smartNavigation="True"%>
>> > > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
>> > > > > > <HTML>
>> > > > > > <HEAD>
>> > > > > > <title>page2</title>
>> > > > > > <meta content="Microsoft Visual Studio .NET 7.1"
>> > > > > > name="GENERATOR">
>> > > > > > <meta content="C#" name="CODE_LANGUAGE">
>> > > > > > <meta content="JavaScript" name="vs_defaultClientScript">
>> > > > > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
>> > > > > > name="vs_targetSchema">
>> > > > > > </HEAD>
>> > > > > > <body>
>> > > > > > <form id="Form1" method="post" runat="server">
>> > > > > > <DIV>
>> > > > > > <style type="text/css">DIV.menuBar {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menu {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menu A.menuItem {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menuBar {
>> > > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM:
>> > > > > > 4px;
>> > > > > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px;
>> > > > > > BORDER-BOTTOM: #e0e0e0 2px
>> > > > > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px;
>> > > > > > PADDING-BOTTOM: 2px;
>> > > > > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default;
>> > > > > > COLOR: #000000;
>> > > > > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION:
>> > > > > > relative; TOP:
>> > > > > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton:hover {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px
>> > > > > > outset; Z-INDEX:
>> > > > > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000;
>> > > > > > BORDER-BOTTOM: #e0e0e0
>> > > > > > 1px outset; BACKGROUND-COLOR: transparent
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButtonActive {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
>> > > > > > Z-INDEX:
>> > > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
>> > > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
>> > > > > > #5050f0
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButtonActive:hover {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
>> > > > > > Z-INDEX:
>> > > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
>> > > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
>> > > > > > #5050f0
>> > > > > > }
>> > > > > > DIV.menu {
>> > > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px;
>> > > > > > VISIBILITY: hidden;
>> > > > > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset;
>> > > > > > PADDING-TOP: 0px;
>> > > > > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP:
>> > > > > > 0px;
>> > > > > > BACKGROUND-COLOR: #e0e0e0
>> > > > > > }
>> > > > > > DIV.menu A.menuItem {
>> > > > > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX:
>> > > > > > 903;
>> > > > > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000;
>> > > > > > PADDING-TOP: 3px;
>> > > > > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
>> > > > > > }
>> > > > > > DIV.menu A.menuItem:hover {
>> > > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
>> > > > > > }
>> > > > > > DIV.menu A.menuItemHighlight {
>> > > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
>> > > > > > }
>> > > > > > DIV.menu A.menuItem SPAN.menuItemText {
>> > > > > >
>> > > > > > }
>> > > > > > DIV.menu A.menuItem SPAN.menuItemArrow {
>> > > > > > MARGIN-RIGHT: -0.75em
>> > > > > > }
>> > > > > > DIV.menu DIV.menuItemSep {
Plusieurs menu ont ce problème il ne passe par-dessus les combobox et
d'autres objet, un pdf par exemple.
Il existe des menus certains payant d'autre non qui permettent de passé par
dessus les combobox.
une recherche dans google t'en fera trouver beaucoup.
un que j'ai déjà utilisé.
http://webfx.eae.net/dhtml/dhtmlmenu4/menu4.html
"seb14" a écrit dans le message de news:
> Meme avec les mofications je ne vois pas l'iframe pourtant je passe bien
> dans
> le bloc ( j'ai test avec une alert)
> pour la signification de
> iframeEl.style.filter > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> Je ne sais pas j'ai repris le menu par le biais du site Brainjar.com.
> je ne comprend abosument pas.
> si je peux abuser est ce que je pourrais t'envoyer mon code par mail pour
> voir.
>
>
>
> "sdrouins" a écrit :
>
>> essaye de changer ce bout de code la :
>> var iframeEl = document.createElement("IFRAME");
>> > > iframeEl.frameBorder = 0;
>> > > iframeEl.src = "javascript:;";
>> > > iframeEl.style.display = "none";
>> > > iframeEl.style.position = "absolute";
>> > > iframeEl.style.filter > >> > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> pour:
>> var iframeEl = document.createElement("IFRAME");
>> iframeEl.frameBorder = 10;
>> iframeEl.src = "javascript:;";
>> iframeEl.style.visibility = 'visible';
>> iframeEl.style.display = 'block';
>> iframeEl.style.height = 800
>> iframeEl.style.width = 800
>> iframeEl.style.zIndex=0
>> iframeEl.style.position = "absolute";
>> iframeEl.style.filter > >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> **********************************
>>
>>
>> iframeEl.style.filter > >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> ca fait quoi dans la vie ca?
>>
>> la si tu le vois pas tu a une gros probleme ;)
>>
>> "seb14" a écrit :
>>
>> > effectivement je ne vois pas mes iframes
>> > meme en changeant display = "block"
>> > la je comprends pas tout ma petite cervelle a du mal
>> >
>> > "sdrouins" a écrit :
>> >
>> > > est-ce que tu vois ton iframe dans ta page?
>> > > de ce que je vois tu a spas l'air a le mettre visible
>> > > change dont: iframeEl.style.display = "none";
>> > > iframeEl.style.display = "block"
>> > >
>> > > pis set lui une largeur et hauteur
>> > > "seb14" a écrit :
>> > >
>> > > > Merci pour ta reponse !
>> > > > Mais le probleme c'est que mon javascript créé les iframes.
>> > > >
>> > > > function menuInit(menu) {
>> > > >
>> > > > var itemList, spanList;
>> > > > var textEl, arrowEl;
>> > > > var itemWidth;
>> > > > var w, dw;
>> > > > var i, j;
>> > > >
>> > > > // For IE, replace arrow characters.
>> > > >
>> > > > if (browser.isIE) {
>> > > > menu.style.lineHeight = "2.5ex";
>> > > > spanList = menu.getElementsByTagName("SPAN");
>> > > > for (i = 0; i < spanList.length; i++)
>> > > > if (hasClassName(spanList[i], "menuItemArrow")) {
>> > > > spanList[i].style.fontFamily = "Webdings";
>> > > > spanList[i].firstChild.nodeValue = "4";
>> > > > }
>> > > > }
>> > > >
>> > > > // Find the width of a menu item.
>> > > >
>> > > > itemList = menu.getElementsByTagName("A");
>> > > > if (itemList.length > 0)
>> > > > itemWidth = itemList[0].offsetWidth;
>> > > > else
>> > > > return;
>> > > >
>> > > > // For items with arrows, add padding to item text to make the
>> > > > // arrows flush right.
>> > > >
>> > > > for (i = 0; i < itemList.length; i++) {
>> > > > spanList = itemList[i].getElementsByTagName("SPAN");
>> > > > textEl = null;
>> > > > arrowEl = null;
>> > > > for (j = 0; j < spanList.length; j++) {
>> > > > if (hasClassName(spanList[j], "menuItemText"))
>> > > > textEl = spanList[j];
>> > > > if (hasClassName(spanList[j], "menuItemArrow"))
>> > > > arrowEl = spanList[j];
>> > > > }
>> > > > if (textEl != null && arrowEl != null) {
>> > > > textEl.style.paddingRight = (itemWidth
>> > > > - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
>> > > > // For Opera, remove the negative right margin to fix a
>> > > > display bug.
>> > > > if (browser.isOP)
>> > > > arrowEl.style.marginRight = "0px";
>> > > > }
>> > > > }
>> > > >
>> > > > // Fix IE hover problem by setting an explicit width on first
>> > > > item of
>> > > > // the menu.
>> > > >
>> > > > if (browser.isIE) {
>> > > > w = itemList[0].offsetWidth;
>> > > > itemList[0].style.width = w + "px";
>> > > > dw = itemList[0].offsetWidth - w;
>> > > > w -= dw;
>> > > > itemList[0].style.width = w + "px";
>> > > > }
>> > > >
>> > > > // Fix the IE display problem (SELECT elements and other windowed
>> > > > controls
>> > > > // overlaying the menu) by adding an IFRAME under the menu.
>> > > >
>> > > > if (browser.isIE) {
>> > > > var iframeEl = document.createElement("IFRAME");
>> > > > iframeEl.frameBorder = 0;
>> > > > iframeEl.src = "javascript:;";
>> > > > iframeEl.style.display = "none";
>> > > > iframeEl.style.position = "absolute";
>> > > > iframeEl.style.filter > >> > > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> > > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> > > > }
>> > > >
>> > > > // Mark menu as initialized.
>> > > >
>> > > > menu.isInitialized = true;
>> > > > }
>> > > >
>> > > >
>> > > > "sdrouins" a écrit :
>> > > >
>> > > > > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser
>> > > > > simple est
>> > > > > de te créer un Iframe qui a la meme largeur x hauteur que ton div
>> > > > > et de la
>> > > > > mettre sous ton div.... ca reglera ce bug
>> > > > >
>> > > > >
>> > > > > "seb14" a écrit :
>> > > > >
>> > > > > > Bonjour,
>> > > > > >
>> > > > > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai
>> > > > > > mis dans une
>> > > > > > gridlayout une Dropdownlist.
>> > > > > >
>> > > > > > mon probleme c'est que mon menu passe systematiquement sous la
>> > > > > > DropdownList.
>> > > > > >
>> > > > > > Si quelqu'un a une idée ca serait sympa parceque la je vois
>> > > > > > pas.
>> > > > > >
>> > > > > > Voici le code :
>> > > > > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
>> > > > > > Src="Controls/MainNavigation.ascx" %>
>> > > > > > <%@ Page language="c#" Codebehind="page2.aspx.cs"
>> > > > > > AutoEventWireup="false"
>> > > > > > Inherits="SitePresentation.page2" smartNavigation="True"%>
>> > > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
>> > > > > > <HTML>
>> > > > > > <HEAD>
>> > > > > > <title>page2</title>
>> > > > > > <meta content="Microsoft Visual Studio .NET 7.1"
>> > > > > > name="GENERATOR">
>> > > > > > <meta content="C#" name="CODE_LANGUAGE">
>> > > > > > <meta content="JavaScript" name="vs_defaultClientScript">
>> > > > > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
>> > > > > > name="vs_targetSchema">
>> > > > > > </HEAD>
>> > > > > > <body>
>> > > > > > <form id="Form1" method="post" runat="server">
>> > > > > > <DIV>
>> > > > > > <style type="text/css">DIV.menuBar {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menu {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menu A.menuItem {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menuBar {
>> > > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM:
>> > > > > > 4px;
>> > > > > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px;
>> > > > > > BORDER-BOTTOM: #e0e0e0 2px
>> > > > > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px;
>> > > > > > PADDING-BOTTOM: 2px;
>> > > > > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default;
>> > > > > > COLOR: #000000;
>> > > > > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION:
>> > > > > > relative; TOP:
>> > > > > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton:hover {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px
>> > > > > > outset; Z-INDEX:
>> > > > > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000;
>> > > > > > BORDER-BOTTOM: #e0e0e0
>> > > > > > 1px outset; BACKGROUND-COLOR: transparent
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButtonActive {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
>> > > > > > Z-INDEX:
>> > > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
>> > > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
>> > > > > > #5050f0
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButtonActive:hover {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
>> > > > > > Z-INDEX:
>> > > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
>> > > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
>> > > > > > #5050f0
>> > > > > > }
>> > > > > > DIV.menu {
>> > > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px;
>> > > > > > VISIBILITY: hidden;
>> > > > > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset;
>> > > > > > PADDING-TOP: 0px;
>> > > > > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP:
>> > > > > > 0px;
>> > > > > > BACKGROUND-COLOR: #e0e0e0
>> > > > > > }
>> > > > > > DIV.menu A.menuItem {
>> > > > > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX:
>> > > > > > 903;
>> > > > > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000;
>> > > > > > PADDING-TOP: 3px;
>> > > > > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
>> > > > > > }
>> > > > > > DIV.menu A.menuItem:hover {
>> > > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
>> > > > > > }
>> > > > > > DIV.menu A.menuItemHighlight {
>> > > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
>> > > > > > }
>> > > > > > DIV.menu A.menuItem SPAN.menuItemText {
>> > > > > >
>> > > > > > }
>> > > > > > DIV.menu A.menuItem SPAN.menuItemArrow {
>> > > > > > MARGIN-RIGHT: -0.75em
>> > > > > > }
>> > > > > > DIV.menu DIV.menuItemSep {
Plusieurs menu ont ce problème il ne passe par-dessus les combobox et
d'autres objet, un pdf par exemple.
Il existe des menus certains payant d'autre non qui permettent de passé par
dessus les combobox.
une recherche dans google t'en fera trouver beaucoup.
un que j'ai déjà utilisé.
http://webfx.eae.net/dhtml/dhtmlmenu4/menu4.html
"seb14" <seb14@discussions.microsoft.com> a écrit dans le message de news:
6DB14533-964C-4C82-9157-223AB4FB1753@microsoft.com...
> Meme avec les mofications je ne vois pas l'iframe pourtant je passe bien
> dans
> le bloc ( j'ai test avec une alert)
> pour la signification de
> iframeEl.style.filter > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> Je ne sais pas j'ai repris le menu par le biais du site Brainjar.com.
> je ne comprend abosument pas.
> si je peux abuser est ce que je pourrais t'envoyer mon code par mail pour
> voir.
>
>
>
> "sdrouins" a écrit :
>
>> essaye de changer ce bout de code la :
>> var iframeEl = document.createElement("IFRAME");
>> > > iframeEl.frameBorder = 0;
>> > > iframeEl.src = "javascript:;";
>> > > iframeEl.style.display = "none";
>> > > iframeEl.style.position = "absolute";
>> > > iframeEl.style.filter > >> > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> pour:
>> var iframeEl = document.createElement("IFRAME");
>> iframeEl.frameBorder = 10;
>> iframeEl.src = "javascript:;";
>> iframeEl.style.visibility = 'visible';
>> iframeEl.style.display = 'block';
>> iframeEl.style.height = 800
>> iframeEl.style.width = 800
>> iframeEl.style.zIndex=0
>> iframeEl.style.position = "absolute";
>> iframeEl.style.filter > >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> **********************************
>>
>>
>> iframeEl.style.filter > >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> ca fait quoi dans la vie ca?
>>
>> la si tu le vois pas tu a une gros probleme ;)
>>
>> "seb14" a écrit :
>>
>> > effectivement je ne vois pas mes iframes
>> > meme en changeant display = "block"
>> > la je comprends pas tout ma petite cervelle a du mal
>> >
>> > "sdrouins" a écrit :
>> >
>> > > est-ce que tu vois ton iframe dans ta page?
>> > > de ce que je vois tu a spas l'air a le mettre visible
>> > > change dont: iframeEl.style.display = "none";
>> > > iframeEl.style.display = "block"
>> > >
>> > > pis set lui une largeur et hauteur
>> > > "seb14" a écrit :
>> > >
>> > > > Merci pour ta reponse !
>> > > > Mais le probleme c'est que mon javascript créé les iframes.
>> > > >
>> > > > function menuInit(menu) {
>> > > >
>> > > > var itemList, spanList;
>> > > > var textEl, arrowEl;
>> > > > var itemWidth;
>> > > > var w, dw;
>> > > > var i, j;
>> > > >
>> > > > // For IE, replace arrow characters.
>> > > >
>> > > > if (browser.isIE) {
>> > > > menu.style.lineHeight = "2.5ex";
>> > > > spanList = menu.getElementsByTagName("SPAN");
>> > > > for (i = 0; i < spanList.length; i++)
>> > > > if (hasClassName(spanList[i], "menuItemArrow")) {
>> > > > spanList[i].style.fontFamily = "Webdings";
>> > > > spanList[i].firstChild.nodeValue = "4";
>> > > > }
>> > > > }
>> > > >
>> > > > // Find the width of a menu item.
>> > > >
>> > > > itemList = menu.getElementsByTagName("A");
>> > > > if (itemList.length > 0)
>> > > > itemWidth = itemList[0].offsetWidth;
>> > > > else
>> > > > return;
>> > > >
>> > > > // For items with arrows, add padding to item text to make the
>> > > > // arrows flush right.
>> > > >
>> > > > for (i = 0; i < itemList.length; i++) {
>> > > > spanList = itemList[i].getElementsByTagName("SPAN");
>> > > > textEl = null;
>> > > > arrowEl = null;
>> > > > for (j = 0; j < spanList.length; j++) {
>> > > > if (hasClassName(spanList[j], "menuItemText"))
>> > > > textEl = spanList[j];
>> > > > if (hasClassName(spanList[j], "menuItemArrow"))
>> > > > arrowEl = spanList[j];
>> > > > }
>> > > > if (textEl != null && arrowEl != null) {
>> > > > textEl.style.paddingRight = (itemWidth
>> > > > - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
>> > > > // For Opera, remove the negative right margin to fix a
>> > > > display bug.
>> > > > if (browser.isOP)
>> > > > arrowEl.style.marginRight = "0px";
>> > > > }
>> > > > }
>> > > >
>> > > > // Fix IE hover problem by setting an explicit width on first
>> > > > item of
>> > > > // the menu.
>> > > >
>> > > > if (browser.isIE) {
>> > > > w = itemList[0].offsetWidth;
>> > > > itemList[0].style.width = w + "px";
>> > > > dw = itemList[0].offsetWidth - w;
>> > > > w -= dw;
>> > > > itemList[0].style.width = w + "px";
>> > > > }
>> > > >
>> > > > // Fix the IE display problem (SELECT elements and other windowed
>> > > > controls
>> > > > // overlaying the menu) by adding an IFRAME under the menu.
>> > > >
>> > > > if (browser.isIE) {
>> > > > var iframeEl = document.createElement("IFRAME");
>> > > > iframeEl.frameBorder = 0;
>> > > > iframeEl.src = "javascript:;";
>> > > > iframeEl.style.display = "none";
>> > > > iframeEl.style.position = "absolute";
>> > > > iframeEl.style.filter > >> > > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> > > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> > > > }
>> > > >
>> > > > // Mark menu as initialized.
>> > > >
>> > > > menu.isInitialized = true;
>> > > > }
>> > > >
>> > > >
>> > > > "sdrouins" a écrit :
>> > > >
>> > > > > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser
>> > > > > simple est
>> > > > > de te créer un Iframe qui a la meme largeur x hauteur que ton div
>> > > > > et de la
>> > > > > mettre sous ton div.... ca reglera ce bug
>> > > > >
>> > > > >
>> > > > > "seb14" a écrit :
>> > > > >
>> > > > > > Bonjour,
>> > > > > >
>> > > > > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai
>> > > > > > mis dans une
>> > > > > > gridlayout une Dropdownlist.
>> > > > > >
>> > > > > > mon probleme c'est que mon menu passe systematiquement sous la
>> > > > > > DropdownList.
>> > > > > >
>> > > > > > Si quelqu'un a une idée ca serait sympa parceque la je vois
>> > > > > > pas.
>> > > > > >
>> > > > > > Voici le code :
>> > > > > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
>> > > > > > Src="Controls/MainNavigation.ascx" %>
>> > > > > > <%@ Page language="c#" Codebehind="page2.aspx.cs"
>> > > > > > AutoEventWireup="false"
>> > > > > > Inherits="SitePresentation.page2" smartNavigation="True"%>
>> > > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
>> > > > > > <HTML>
>> > > > > > <HEAD>
>> > > > > > <title>page2</title>
>> > > > > > <meta content="Microsoft Visual Studio .NET 7.1"
>> > > > > > name="GENERATOR">
>> > > > > > <meta content="C#" name="CODE_LANGUAGE">
>> > > > > > <meta content="JavaScript" name="vs_defaultClientScript">
>> > > > > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
>> > > > > > name="vs_targetSchema">
>> > > > > > </HEAD>
>> > > > > > <body>
>> > > > > > <form id="Form1" method="post" runat="server">
>> > > > > > <DIV>
>> > > > > > <style type="text/css">DIV.menuBar {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menu {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menu A.menuItem {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menuBar {
>> > > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM:
>> > > > > > 4px;
>> > > > > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px;
>> > > > > > BORDER-BOTTOM: #e0e0e0 2px
>> > > > > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px;
>> > > > > > PADDING-BOTTOM: 2px;
>> > > > > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default;
>> > > > > > COLOR: #000000;
>> > > > > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION:
>> > > > > > relative; TOP:
>> > > > > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton:hover {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px
>> > > > > > outset; Z-INDEX:
>> > > > > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000;
>> > > > > > BORDER-BOTTOM: #e0e0e0
>> > > > > > 1px outset; BACKGROUND-COLOR: transparent
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButtonActive {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
>> > > > > > Z-INDEX:
>> > > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
>> > > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
>> > > > > > #5050f0
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButtonActive:hover {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
>> > > > > > Z-INDEX:
>> > > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
>> > > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
>> > > > > > #5050f0
>> > > > > > }
>> > > > > > DIV.menu {
>> > > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px;
>> > > > > > VISIBILITY: hidden;
>> > > > > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset;
>> > > > > > PADDING-TOP: 0px;
>> > > > > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP:
>> > > > > > 0px;
>> > > > > > BACKGROUND-COLOR: #e0e0e0
>> > > > > > }
>> > > > > > DIV.menu A.menuItem {
>> > > > > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX:
>> > > > > > 903;
>> > > > > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000;
>> > > > > > PADDING-TOP: 3px;
>> > > > > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
>> > > > > > }
>> > > > > > DIV.menu A.menuItem:hover {
>> > > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
>> > > > > > }
>> > > > > > DIV.menu A.menuItemHighlight {
>> > > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
>> > > > > > }
>> > > > > > DIV.menu A.menuItem SPAN.menuItemText {
>> > > > > >
>> > > > > > }
>> > > > > > DIV.menu A.menuItem SPAN.menuItemArrow {
>> > > > > > MARGIN-RIGHT: -0.75em
>> > > > > > }
>> > > > > > DIV.menu DIV.menuItemSep {
Plusieurs menu ont ce problème il ne passe par-dessus les combobox et
d'autres objet, un pdf par exemple.
Il existe des menus certains payant d'autre non qui permettent de passé par
dessus les combobox.
une recherche dans google t'en fera trouver beaucoup.
un que j'ai déjà utilisé.
http://webfx.eae.net/dhtml/dhtmlmenu4/menu4.html
"seb14" a écrit dans le message de news:
> Meme avec les mofications je ne vois pas l'iframe pourtant je passe bien
> dans
> le bloc ( j'ai test avec une alert)
> pour la signification de
> iframeEl.style.filter > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> Je ne sais pas j'ai repris le menu par le biais du site Brainjar.com.
> je ne comprend abosument pas.
> si je peux abuser est ce que je pourrais t'envoyer mon code par mail pour
> voir.
>
>
>
> "sdrouins" a écrit :
>
>> essaye de changer ce bout de code la :
>> var iframeEl = document.createElement("IFRAME");
>> > > iframeEl.frameBorder = 0;
>> > > iframeEl.src = "javascript:;";
>> > > iframeEl.style.display = "none";
>> > > iframeEl.style.position = "absolute";
>> > > iframeEl.style.filter > >> > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> pour:
>> var iframeEl = document.createElement("IFRAME");
>> iframeEl.frameBorder = 10;
>> iframeEl.src = "javascript:;";
>> iframeEl.style.visibility = 'visible';
>> iframeEl.style.display = 'block';
>> iframeEl.style.height = 800
>> iframeEl.style.width = 800
>> iframeEl.style.zIndex=0
>> iframeEl.style.position = "absolute";
>> iframeEl.style.filter > >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> **********************************
>>
>>
>> iframeEl.style.filter > >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> ca fait quoi dans la vie ca?
>>
>> la si tu le vois pas tu a une gros probleme ;)
>>
>> "seb14" a écrit :
>>
>> > effectivement je ne vois pas mes iframes
>> > meme en changeant display = "block"
>> > la je comprends pas tout ma petite cervelle a du mal
>> >
>> > "sdrouins" a écrit :
>> >
>> > > est-ce que tu vois ton iframe dans ta page?
>> > > de ce que je vois tu a spas l'air a le mettre visible
>> > > change dont: iframeEl.style.display = "none";
>> > > iframeEl.style.display = "block"
>> > >
>> > > pis set lui une largeur et hauteur
>> > > "seb14" a écrit :
>> > >
>> > > > Merci pour ta reponse !
>> > > > Mais le probleme c'est que mon javascript créé les iframes.
>> > > >
>> > > > function menuInit(menu) {
>> > > >
>> > > > var itemList, spanList;
>> > > > var textEl, arrowEl;
>> > > > var itemWidth;
>> > > > var w, dw;
>> > > > var i, j;
>> > > >
>> > > > // For IE, replace arrow characters.
>> > > >
>> > > > if (browser.isIE) {
>> > > > menu.style.lineHeight = "2.5ex";
>> > > > spanList = menu.getElementsByTagName("SPAN");
>> > > > for (i = 0; i < spanList.length; i++)
>> > > > if (hasClassName(spanList[i], "menuItemArrow")) {
>> > > > spanList[i].style.fontFamily = "Webdings";
>> > > > spanList[i].firstChild.nodeValue = "4";
>> > > > }
>> > > > }
>> > > >
>> > > > // Find the width of a menu item.
>> > > >
>> > > > itemList = menu.getElementsByTagName("A");
>> > > > if (itemList.length > 0)
>> > > > itemWidth = itemList[0].offsetWidth;
>> > > > else
>> > > > return;
>> > > >
>> > > > // For items with arrows, add padding to item text to make the
>> > > > // arrows flush right.
>> > > >
>> > > > for (i = 0; i < itemList.length; i++) {
>> > > > spanList = itemList[i].getElementsByTagName("SPAN");
>> > > > textEl = null;
>> > > > arrowEl = null;
>> > > > for (j = 0; j < spanList.length; j++) {
>> > > > if (hasClassName(spanList[j], "menuItemText"))
>> > > > textEl = spanList[j];
>> > > > if (hasClassName(spanList[j], "menuItemArrow"))
>> > > > arrowEl = spanList[j];
>> > > > }
>> > > > if (textEl != null && arrowEl != null) {
>> > > > textEl.style.paddingRight = (itemWidth
>> > > > - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
>> > > > // For Opera, remove the negative right margin to fix a
>> > > > display bug.
>> > > > if (browser.isOP)
>> > > > arrowEl.style.marginRight = "0px";
>> > > > }
>> > > > }
>> > > >
>> > > > // Fix IE hover problem by setting an explicit width on first
>> > > > item of
>> > > > // the menu.
>> > > >
>> > > > if (browser.isIE) {
>> > > > w = itemList[0].offsetWidth;
>> > > > itemList[0].style.width = w + "px";
>> > > > dw = itemList[0].offsetWidth - w;
>> > > > w -= dw;
>> > > > itemList[0].style.width = w + "px";
>> > > > }
>> > > >
>> > > > // Fix the IE display problem (SELECT elements and other windowed
>> > > > controls
>> > > > // overlaying the menu) by adding an IFRAME under the menu.
>> > > >
>> > > > if (browser.isIE) {
>> > > > var iframeEl = document.createElement("IFRAME");
>> > > > iframeEl.frameBorder = 0;
>> > > > iframeEl.src = "javascript:;";
>> > > > iframeEl.style.display = "none";
>> > > > iframeEl.style.position = "absolute";
>> > > > iframeEl.style.filter > >> > > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> > > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> > > > }
>> > > >
>> > > > // Mark menu as initialized.
>> > > >
>> > > > menu.isInitialized = true;
>> > > > }
>> > > >
>> > > >
>> > > > "sdrouins" a écrit :
>> > > >
>> > > > > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser
>> > > > > simple est
>> > > > > de te créer un Iframe qui a la meme largeur x hauteur que ton div
>> > > > > et de la
>> > > > > mettre sous ton div.... ca reglera ce bug
>> > > > >
>> > > > >
>> > > > > "seb14" a écrit :
>> > > > >
>> > > > > > Bonjour,
>> > > > > >
>> > > > > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai
>> > > > > > mis dans une
>> > > > > > gridlayout une Dropdownlist.
>> > > > > >
>> > > > > > mon probleme c'est que mon menu passe systematiquement sous la
>> > > > > > DropdownList.
>> > > > > >
>> > > > > > Si quelqu'un a une idée ca serait sympa parceque la je vois
>> > > > > > pas.
>> > > > > >
>> > > > > > Voici le code :
>> > > > > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
>> > > > > > Src="Controls/MainNavigation.ascx" %>
>> > > > > > <%@ Page language="c#" Codebehind="page2.aspx.cs"
>> > > > > > AutoEventWireup="false"
>> > > > > > Inherits="SitePresentation.page2" smartNavigation="True"%>
>> > > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
>> > > > > > <HTML>
>> > > > > > <HEAD>
>> > > > > > <title>page2</title>
>> > > > > > <meta content="Microsoft Visual Studio .NET 7.1"
>> > > > > > name="GENERATOR">
>> > > > > > <meta content="C#" name="CODE_LANGUAGE">
>> > > > > > <meta content="JavaScript" name="vs_defaultClientScript">
>> > > > > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
>> > > > > > name="vs_targetSchema">
>> > > > > > </HEAD>
>> > > > > > <body>
>> > > > > > <form id="Form1" method="post" runat="server">
>> > > > > > <DIV>
>> > > > > > <style type="text/css">DIV.menuBar {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menu {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menu A.menuItem {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menuBar {
>> > > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM:
>> > > > > > 4px;
>> > > > > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px;
>> > > > > > BORDER-BOTTOM: #e0e0e0 2px
>> > > > > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px;
>> > > > > > PADDING-BOTTOM: 2px;
>> > > > > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default;
>> > > > > > COLOR: #000000;
>> > > > > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION:
>> > > > > > relative; TOP:
>> > > > > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton:hover {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px
>> > > > > > outset; Z-INDEX:
>> > > > > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000;
>> > > > > > BORDER-BOTTOM: #e0e0e0
>> > > > > > 1px outset; BACKGROUND-COLOR: transparent
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButtonActive {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
>> > > > > > Z-INDEX:
>> > > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
>> > > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
>> > > > > > #5050f0
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButtonActive:hover {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
>> > > > > > Z-INDEX:
>> > > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
>> > > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
>> > > > > > #5050f0
>> > > > > > }
>> > > > > > DIV.menu {
>> > > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px;
>> > > > > > VISIBILITY: hidden;
>> > > > > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset;
>> > > > > > PADDING-TOP: 0px;
>> > > > > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP:
>> > > > > > 0px;
>> > > > > > BACKGROUND-COLOR: #e0e0e0
>> > > > > > }
>> > > > > > DIV.menu A.menuItem {
>> > > > > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX:
>> > > > > > 903;
>> > > > > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000;
>> > > > > > PADDING-TOP: 3px;
>> > > > > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
>> > > > > > }
>> > > > > > DIV.menu A.menuItem:hover {
>> > > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
>> > > > > > }
>> > > > > > DIV.menu A.menuItemHighlight {
>> > > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
>> > > > > > }
>> > > > > > DIV.menu A.menuItem SPAN.menuItemText {
>> > > > > >
>> > > > > > }
>> > > > > > DIV.menu A.menuItem SPAN.menuItemArrow {
>> > > > > > MARGIN-RIGHT: -0.75em
>> > > > > > }
>> > > > > > DIV.menu DIV.menuItemSep {
> Il me reste plus qu'a enrober tout ca pour en faire un assembly tres
utile.
Par hasard tu ne l'aurais pas deja fait :-)
> Il me reste plus qu'a enrober tout ca pour en faire un assembly tres
utile.
Par hasard tu ne l'aurais pas deja fait :-)
> Il me reste plus qu'a enrober tout ca pour en faire un assembly tres
utile.
Par hasard tu ne l'aurais pas deja fait :-)