• User

    problema menu javascript e css

    Ciao a tutti
    sarà la sezione giusta?? spero di si..

    ragazzi ho un problema con un menu orizzontale a tendina.. che con explorer 7 mi rimane aperto!!

    Non essendo esperto di javascript e non avendo creato il menu non so come intervenire. Provo a postarvi il codice e che qualcuno di buon cuore mi aiuti!

    CSS:

    /* TOP LEVEL MENU CONTROL */

    a.menu_TOP{

    line-height: 14pt;
    text-align: center;
    text-decoration:none;
    border-bottom: 1px solid #00FF00;

    }

    /* SUB LEVEL MENU CONTROL */

    a.menu_SUB{
    visibility:visible;
    padding: 2px 2px 2px 4px;
    text-decoration:none;
    filter:alpha(opacity=100);
    border-bottom: 1px solid;

    }

    /* MORE SUB LEVEL MENU CONTROL */

    .menu_DIV{
    visibility: visible;
    border-top: 1px solid #0099FF;
    filter:alpha(opacity=100);
    z-index:100;

    }

    JSP:

    MENU=m.length
    for (i=0; i < MENU; i++){

    // START WRITING TOP LEVEL MENUS modifica qui

    document.write("<div style='position:absolute;"+ALIGN+":"+ADJ*+";top:"+MFT+";width:"+Top_Width*+"' onmouseover='o["+i+"].ShowMenu();document.getElementById('SUB"+i+"').style.visibility='visible';' onmouseout='o["+i+"].HideMenu();document.getElementById('SUB"+i+"').style.visibility='visible';'>")
    browser_version= parseInt(navigator.appVersion);
    browser_type = navigator.appName;
    if (browser_type == "Netscape") {
    document.write("<a class='menu_TOP' style='height:"+TMH+"; color:#"+TMC+"; background-image: url("+TMBI+"); background-color:#"+TMBC+"; font-size:"+TMFS+"pt; font-weight:"+TMFW+"; font-family: "+TMFF+"; "+spn+"' href='"+n*+"'>"+m*+"</a></div>")
    }
    else {
    //modificare questo
    document.write("<a class='menu_TOP' style='height:"+TMH+"; color:#"+TMC+"; background-image: url("+TMBI+"); background-color:#"+TMBC+"; font-size:"+TMFS+"pt; font-weight:"+TMFW+"; font-family: "+TMFF+"; "+spn+"' onmouseover="document.getElementById('SUB"+i+"').style.visibility='visible';this.style.backgroundColor='#"+TMHBC+"';this.style.color='"+TMHC+"';this.style.backgroundImage='URL("+TMHBI+")'" onmouseout="document.getElementById('SUB"+i+"').style.visibility='visible';this.style.backgroundColor='#"+TMBC+"';this.style.color='"+TMC+"';this.style.backgroundImage='URL("+TMBI+")'" href='"+n*+"'>"+m*+"</a></div>")
    }
    }

    for (i=0; i < MENU; i++){
    // START WRITING SUB MENUS

    document.write("<div id='SUB"+i+"' class='menu_DIV' style='position: absolute; "+ALIGN+":"+(ADJ*+SUBshift)+";top:"+(MFT+MO)+";width:"+Sub_Menu_Width*+";background-color:#"+SMBC+";' onmouseover='o["+i+"].ShowMenu();document.getElementById('SUB"+i+"').style.visibility='visible';' onmouseout='o["+i+"].HideMenu();document.getElementById('SUB"+i+"').style.visibility='hidden';'>"+s*+"</div>")

    }

    function StartMenu()
    {
    var D6=window,Y7=document;
    function DETECT()
    {
    this.ver=navigator.appVersion;this.agent=navigator.userAgent;this.dom=Y7.getElementById?1:0;this.opera5=this.agent.indexOf("Opera 5")>-1;this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;this.ie4=(Y7.all && !this.dom && !this.opera5)?1:0;this.ie=this.ie4||this.ie5||this.ie6;this.mac=this.agent.indexOf("Mac")>-1;this.ns6=(this.dom && parseInt(this.ver)>=5)?1:0;this.ns4=(Y7.layers && !this.dom)?1:0;this.BWD=(this.ie6||this.ie5||this.ie4||this.ns4||this.ns6||this.opera5);return this
    }
    BWD=new DETECT();z=0;b=0;
    spn="";
    if(BWD.opera5||BWD.ns6)
    {
    b=2
    };
    if(BWD.ie)
    {
    spn=" width: 100%"
    }else{
    z=6
    }
    }

    function SubMenu()
    {
    document.write("<TABLE cellpadding='0' cellspacing='0' border='0' width='100%' BGCOLOR='#"+TMBC+"'><tr><td>");

    document.write("<img src='picts/spacer.gif' width='100%' height='"+TMH+"'><br>");

    document.write("</td></tr></table>");

    document.write("<div width='100%' style='height:"+TMH+";position:absolute;top:"+MFT+";width:100%;background-image: url("+TMBI+"); background-color:#"+TMBC+";z-level:-2'></div>")

    browser_version= parseInt(navigator.appVersion);
    browser_type = navigator.appName;

    if (browser_type == "Netscape") {
    l="<a class='menu_SUB' style='height:"+SMH+"; color:#"+SMC+"; background-color:#"+SMBC+"; font-size:"+SMFS+"pt; font-weight:"+SMFW+"; font-family: "+SMFF+";"+spn+"' href='";
    }

    else {
    l="<a class='menu_SUB' style='height:"+SMH+"; color:#"+SMC+"; background-color:#"+SMBC+"; font-size:"+SMFS+"pt; font-weight:"+SMFW+"; font-family: "+SMFF+";"+spn+"' onmouseover="this.style.backgroundColor='#"+SMHBC+"';this.style.color='"+SMHC+"'" onmouseout="this.style.backgroundColor='#"+SMBC+"';this.style.color='"+SMC+"'" href='";
    }

    r="'>";
    c="</a>";

    m=new Array();n=new Array();s=new Array();Sub_Menu_Width=new Array();su=new Array();st=new Array();Top_Width=new Array();ADJ=new Array()
    }

    function lib_obj(obj,nest){nest=(!nest) ? "":'document.'+nest+'.';this.evnt=BWD.dom? document.getElementById(obj):BWD.ie4?document.all[obj]:BWD.ns4?eval(nest+"document.layers." +obj):0;this.css=BWD.dom||BWD.ie4?this.evnt.style:this.evnt;this.ref=BWD.dom||BWD.ie4?document:this.css.document;this.x=parseInt(this.css.top)||this.css.pixeltop||this.evnt.offsettop||0;this.y=parseInt(this.css.left)||this.css.pixelleft||this.evnt.offsetleft||0;return this}
    function lib_doc_size(){this.x=0;this.x2=BWD.ie && document.body.offsetWidth-20||innerWidth||0;this.y=0;this.y2=BWD.ie && document.body.offsetHeight-5||innerHeight||0;this.x50=this.x2/2;this.y50=this.y2/2;return this;}
    lib_obj.prototype.ShowMenu = function(){this.css.visibility="visible"}
    lib_obj.prototype.HideMenu = function(){this.css.visibility="visible"}
    function libinit(){page=new lib_doc_size();o=new Array();for (i=0; i < MENU; i++){o*=new lib_obj('SUB'+i);o*.HideMenu()}}
    libinit()

    // END MENU CODE -->

    Lo so è lunghissimo!!

    Grazie comunque a chi lo leggerà..
    Ciao