flolac1 | Voilà j'ai pu constater que de nombreux menus en javascript buguent avec internet explorer 7. C'est également mon cas mais je n'ai pas pu trouver la solution dans les différents forums.
Le site que je gère a un menu en javascript (je ne maitrise pas du tout ce langage...), il fonctionne très bien avec ie6 et Firefox mais pas avec ie7.
Le problème : c'est un menu déroulant, lorsque j'approche la souris de l'intitulé de la rubrique sur laquelle je souhaite cliquer pour faire apparaître les sous rubriques, impossible de cliquer, il n'y a pas de lien. Si je place mon curseur juste à côté alors je peux cliquer, mais sur le texte c'est impossible.
Voici un bout de code, je ne sais pas si le problème se situe à ce niveau là :
Code :
- function collapseMenuBuild(){
- this.css = '#'+this.name+'Container {position: absolute; left:'+this.x+'px; top:'+this.y+'px; width:'+this.width+'px; height:300px; visibility: visible; z-index:10}\n'
- bg = (is.ns4) ? 'layer-background-color: #FFFFFF;' : 'background-color: #FFFFFF;'
- this.css += '#'+this.name+'Mask {position: absolute; left:0px; top:0px; width:'+this.width+'px; height:300px; visibility: visible; z-index:1005; '+bg+'}\n'
- this.div = '<div id="'+this.name+'Container">\n'
- for (var i=0;i<menutable.length;i++){
- tst1 = (menutable[i][2]) ? menutable[i][2] : 1
- tst2 = (menutable[i][2]) ? menutable[i][3] : null
- navigation.add(i,menutable[i][1],tst1,tst2,menutable[i][0])
- }
- this.div += '<div id="'+this.name+'Mask"><table cellspacing=0 cellpadding=0 border=0><tr><td width='+this.width+' align="center" class="navnormal"><br><br>Loading...</td></tr></table></div>\n'
- this.div += '</div>\n'
- }
- function collapseMenuBlock(i,txt){
- tstW = this.width-this.indent*(this.items[i].path.length-1)
- str = '<table cellpadding=0 cellspacing=0 border=0 width='+tstW+'><tr><td width='+tstW+' colspan=2><img src="'+this.imgpath+'dot.gif" width='+tstW+' height=1></td></tr>'
- str += (!this.items[i].gothere) ? '<tr><td width=16 align=center valign=middle><img src="'+this.imgpath+this.imgmore+'" name="'+this.items[i].name+'Roll"></td>' : '<tr><td width=16><img src="'+this.imgpath+'transp.gif" width=16 height=1></td>'
- str += '<td width='+eval(tstW-16)+' class="navnormal">'+txt+'</td></tr><tr><td width='+tstW+' colspan=2><img src="'+this.imgpath+'dot.gif" width='+tstW+' height=1></td></tr></table>'
- return str
- }
- function collapseMenuAdd(value){
- i = parseInt(arguments[0])
- this.items[i] = new collapseItem(this.obj,i)
- this.items[i].path = arguments[4].split('x')
- for (var t=0;t<this.items[i].path.length; t++) this.items[i].path[t] = parseInt(this.items[i].path[t])
- if (this.items[i].path.length==1) this.rubs[this.items[i].path[0]] = i
- if (arguments[2]>0) {
- this.items[i].childArray = new Array()
- this.items[i].childSelect = -1
- this.items[i].childheight = this.margin
- } else {
- this.items[i].gothere = arguments[2]
- this.items[i].tgt = arguments[3]
- }
- this.items[i].rubRef = null
- this.items[i].selected = false
- tstW = this.width-this.items[i].path.length*this.indent
- this.css += '#'+this.name+'CollapseItem'+i+' {position: absolute; left:'+eval((this.items[i].path.length-1)*this.indent)+'px; top:0px; width:'+tstW+'px; z-index:'+eval(1001-this.items[i].path.length)+'; visibility:hidden; background-color:#FFFFFF;}\n'
- this.css += '#'+this.name+'CollapseItem'+i+'Txt {position: absolute; left:0px; top:0px; width:'+tstW+'px;}\n'
- this.css += '#'+this.name+'CollapseItem'+i+'Get {position: absolute; left:0px; top:0px; width:'+tstW+'px;}\n'
- this.div += '<div id="'+this.name+'CollapseItem'+i+'">\n'
- this.div += '<div id="'+this.name+'CollapseItem'+i+'Txt">'+this.block(i,arguments[1])+'</div>\n'
- this.div += '<div id="'+this.name+'CollapseItem'+i+'Get">'
- this.div += ((is.ie55)||(is.ie6)|(is.ie7))? '<img src="images/transp.gif" width=141 height=50></div>\n' : '</div>\n'
- this.div += '</div>\n'
- }
|
Merci pour votre aide |
