les tags <select > les <iframe> sont des elements dit windowed
les <div> et egalement l'iframe est windoless.(voir google bug ie6 element windowed et windowless)
en effet seul l'iframe est à la fois windowed et windoless
grace donc a l objet iframe que l'on insert avant le menu deroulant on va pouvoir corriger le bug ie6.
cet objet iframe devra avoir la taille exacte du menu deroulant et il devra être positionné au même
endroit
voir exemple ci-dessous;
une partie de mon code qui contient l'insertion de l'objet iframe;
et sa suppression;
le menu deroulant doit bien sur avoir un z-index superieur à l'iframe;
dans cet exemple qui marche très bien (le select et l'iframe n 'on pas de z-index )
seul le menu deroulant à un z-index
//l'élement iframe est supprime chaque fois que l'on change d'onglet
function show()
{
submenu=this.getElementsByTagName('ul')[0];
var iframe = document.getElementById("theFrame");
if (iframe) {
iframe.parentNode.removeChild(iframe);
}
iframe = document.createElement('iframe');
iframe.id="theFrame";
iframe.frameBorder=0;
iframe.style.display='block';
iframe.style.position='absolute';
iframe.style.top=submenu.offsetTop;
iframe.style.left=0;
iframe.style.width= 0;
iframe.style.width= submenu.offsetWidth;
iframe.style.height= submenu.offsetHeight;
var elementul=submenu;
var parentElement=elementul.parentNode;
parentElement.insertBefore(iframe, elementul);
// rendre visible les elements
submenu.style['visibility'] = 'visible';
iframe.style.visibility='visible';
var currentNode=this;
while(currentNode)
{
if( currentNode.nodeName=='LI')
{
currentNode.getElementsByTagName('a')[0].className = 'linkOver';
}
currentNode=currentNode.parentNode;
//permet de récuperer le noeud parent
}
// lien visité
// clear timeout
eval ( "clearTimeout( timeout"+ this.id +");" );
// suspend la minuterie
hideAllOthersUls( this );
}
function timeoutHide()
{
// start the timeout
eval( "timeout" + this.id + " = window.setTimeout('hideUlUnder( \"" + this.id + "\" )', " + timeout + " );");
}
//setTmeout mise en route de la minuterie exécution de la fonction hideUlUnder
function hideUlUnder( id )
{
document.getElementById(id).getElementsByTagName('ul')[0].style['visibility'] = 'hidden';
var iframe=document.getElementById(id).getElementsByTagName('iframe')[0];
if (iframe) iframe.style.visibility = 'hidden';
}
