Link to home
Start Free TrialLog in
Avatar of paddyalien
paddyalien

asked on

HELP!!vertical slide out menu not working!

Hi, I have used the script for a navigation menu that I found in the website Dynamic Drive (the second menu in the category under ‘menus and navigation’) in a website that I designed www.oasisindia.org. but I have found to my dismay that while dynamic drive states that it is a cross browser friendly script (“all”) this script functions only in IE 6 version.
Can something be done about this? Could it be the other two javascript files that i had saved in the same scetion of the website (that change the fonts) that may be interefering with this??

 I would greatly appreciate any help you can extend as soon as possible!
thanks
Avatar of steve_bagnall
steve_bagnall

Hi paddyalien,

This works in IE5.5 too, also Firefox and Netscape.  The only one it doesn't work in is Opera (this is often the case).  This may be OK if you know that your users will only use the browsers that it works on.


Cheers,
Steve
Avatar of paddyalien

ASKER

the website says that it will be friendly in all broswers about Ie and Netscape 4+. but it was checked on IE5 version and it did not display at all.

Does the script need to be changed and if so, does anyone have a script that would work in 4+ versions of NN and IE?
im sorry, to add, im asking for a script taht would produce an identical or very similar effect - in terms of colour and font size that would work in IE and NN version 4 and above
God bless
paddyalien
Hey there paddy,

Just had a look at the page and the menu looks strange in IE6 to me...when I hover over some item...other items go  blue, sometimes several ones...

I must say that I have no idea if that is what it is supposed to look like, but I seriously doubt it...

By the way...Netscape 4.x is hardly ever used at all anymore...

If you could tell me what it is you need...I may be able to help you...

Regards,
Max.
you're right, Max, it is not suppposed to show - the mouse off colour is sposed to be orange and on mouseover only the letters turn red, and (bg remains orange) and then the pop out comes.

i had the same problem when the page loaded in my IE5 the first time, and then afterwards,since then, the page has been loading well.

and basically, i want a menu that is cross broswer friendly that displays the same in all browsers, be it NN or IE or opera or anything else...

thanks for the prompt reply to the rescue mission, max :)
paddyalien
ASKER CERTIFIED SOLUTION
Avatar of DreamMaster
DreamMaster

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
hi,
the link you gave me takes me to the main website, i cannot have something that expands too much because it would block the image that is there on that page.

a menu where the submenu slides out of the left side in order that space would not be taken up would be good.
sincerely
paddyalien
It takes you to the homepage of coolmenus, which is where you can learn about the rest...\

Your current menu doesn't slide out from the left either paddy, so I'm not sure what you mean with your comment that it may take up too much space, it's not different in size from your current one if you don't want it to be...
Regards,
Max.
Hi, i tried out the few slide menus that it offers, they are menus that expand along the length of the screen. Whereas in the menu that i have used, the sub menus slide out from the main menu section and do not therefore cover the images that are there right above the main links. (on the orange panel). Did that make sense??  when the sublinks slide out from the left to the right, AWAY from the left orange panel, the faded image on the orange panel is unobstructed - because the main menu remains the same in height and is unchanging when on clicks on it - since the sub menu does not appear under it, but NEXT to it.
paddyalien
What you have seen are mere examples paddy, you can do just about any type of menu you want with it..at least it's as cross browser as I can get you...

However your menu you use now should be cross-browser far enough...I've seen files supporting IE5, IE5.5, Opera, Netscape etc...it's just that you most likely went wrong somewhere with the implementation...

Regards,
Max.
Hi max,
 After I posted the last reply, I downloaded one menu from the website you had recommended. I have changed a lot of the parameters in order that it look like the previous menu on the website oasisindia.org. I have two clarifications:

1. there is one hitch:  I am not able to place the sub menu higher for the second link “our work” to since there seems to  be no option that I could find for “top:” i.e. vertical alignment adjustment for the submenus.

 2. In fact, even for the main menus positioning I have put the scripts into a div layer and positioned the div layer. Is this alright? Or will it show an error in other browsers?


I am including the scripts here :

This is the index page after putting in the new script

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="space.css" type="text/css">
<script language="JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>

<body bgcolor="#FFFFFF" topmargin="0" leftmargin="0" text="#000000">
<div id="Layer1" style="position:absolute; left:20px; top:280px; width:139px; height:91px; z-index:1">
  <script language="JavaScript" src="imenus_data.js"></script>
  <script language="JavaScript" src="imenus_code.js"></script>
</div>
<table width="542" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="163" valign="top" height="149" bgcolor="#FFCC66" background="images/background1.jpg">
      <table width="60" border="0" cellspacing="0" cellpadding="0" height="100%">
        <tr>
          <td width="60" height="46"><img src="images/row1col1.gif" width="163" height="46"></td>
        </tr>
        <tr>
          <td height="171" width="60"><img src="images/row2col1.gif" width="163" height="263"></td>
        </tr>
        <tr>
          <td background="images/background1.jpg" bgcolor="#FFCC66" height="100%" valign="bottom">
            <table width="154" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td> <font face="Arial, Helvetica, sans-serif" size="1"> </font></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
    <td width="379" valign="top" height="149">
      <table border="0" cellspacing="0" cellpadding="0" width="253">
        <tr>
          <td width="253" height="46" bgcolor="#FFFFFF">
            <table width="616" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td background="images/green_bg.gif" width="100%" height="46">&nbsp;</td>
                <td width="76" height="2"><img src="images/logo.jpg" width="170" height="46"></td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td height="2" width="253">
            <table border="0" cellspacing="0" cellpadding="0" width="613">
              <tr>
                <td width="446" valign="top" height="249">
                  <table width="447" border="0" cellspacing="0" cellpadding="17" height="222">
                    <tr>
                      <td height="216">
                        <p><font color="0B879E" face="Verdana, Arial, Helvetica, sans-serif" size="1"><span class="space">As
                          I <font size="2"><b>walked</b></font> along the seashore,
                          a young boy greeted me.<br>
                          </span></font><span class="space"><font color="0B879E" face="Verdana, Arial, Helvetica, sans-serif" size="1">He
                          was tossing <b><font size="2">stranded</font></b> starfish
                          back to the deep blue sea.<br>
                          I said, tell me, <b><font size="2">why</font></b> you
                          <b><font size="2">bother</font></b>,why you waste your
                          time this way.<br>
                          There's<font size="2"> <b>a million stranded</b> </font>starfish.<br>
                          <b><font size="2">Does it matter</font></b> anyway?<br>
                          And He said, it matters to this one.<font size="2">
                          <b>I can't save</b></font><b> </b>them <b><font size="2">all</font></b>
                          i know.<br>
                          </font><font color="0B879E" face="Verdana, Arial, Helvetica, sans-serif" size="3"><b>But
                          it matters</b></font><font color="0B879E" face="Verdana, Arial, Helvetica, sans-serif" size="1">
                          to this one, I'll return it to the sea.<br>
                          <b><font size="2">It matters to</font> </b><font size="4">this
                          one</font>, and it <font size="2"><b>matters to me.</b></font></font></span></p>
                      </td>
                    </tr>
                  </table>
                </td>
                <td align="right" valign="bottom" width="201" height="249">
                  <table border="0" cellspacing="0" cellpadding="0" align="left" height="100%">
                    <tr>
                      <td valign="top" height="12"><img src="images/faith_line.gif" width="167" height="12" align="middle"></td>
                    </tr>
                    <tr>
                      <td valign="bottom" height="244" align="right">
                        <table width="1" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td valign="bottom"><img src="images/boy_img.jpg" width="147" height="244" align="absbottom"></td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td background="images/orange_bg.gif" width="253" valign="top" height="115">
            <div align="right">
           
              <table width="600" border="0" cellspacing="0" cellpadding="13">
                <tr>
                  <td>
                    <div align="right"><font size="2" color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" class="space">Oasis
                      India works for the transformation and empowerment<br>
                      of individuals and communities in cities through<br>
                      advocacy, health care, education, rehabilitation training
                      and resourcing.</font></div>
                  </td>
                </tr>
              </table>
            </div>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>






And this is the imenus_data.js :




document.write("                                                                        \
<div style='display:none;z-index:0;'><ul id='imenus0'>                                                \
                                                                                    \
                                                                                    \
      <!-- Main Item 0... --><li><a href='#'>Our Identity</a>                                          \
                                                                                    \
                                                                                    \
            <!-- *SUB MENU* --><ul style='width:165px; left:85px;'>                                          \
            <li><a href='who.htm'>Who we are</a></li>                                    \
            <li><a href='where.htm'>Where we come from</a></li>                                          \
            <li><a href='purpose.htm'>What is our purpose</a></li>                                          \
            <!-- *END SUB* --></ul>                                                            \
                                                                                    \
                                                                                    \
      <!-- Main Item 1... --><li><a href='#'>Our Work</a>                                    \
                                                                                    \
                                                                                    \
            <!-- *SUB MENU* --><ul style='width:165px; left:100px;'>                                          \
            <li><a href='sample_link.html'>Children at Risk</a></li>                                    \
            <li><a href='sample_link.html'>Women in Prostitution</a></li>                                    \
            <li><a href='sample_link.html'>HIV/AIDS</a></li>                                    \
            <li><a href='sample_link.html'>Education</a></li>                                    \
            <li><a href='sample_link.html'>Community Health and Development</a></li>                        \<li><a href='sample_link.html'>Vocational Training and Fair Trade</a></li>                                    \<li><a href='sample_link.html'>Computer Education</a></li>                                    \
            <!-- *END SUB* --></ul></li>                                                      \
                                                                                    \
                                                                                    \
      <!-- Main Item 2... --><li><a href='#'>How you can help</a></li>                                          \
                                                                                    \
                                                                                    \
      <!-- Main Item 3... --><li><a href='#'>Reports</a>                                          \
                                                                                    \
                                                                                    \
            <!-- Sub Menu --><ul style='width:165px; left:134px;'>                                          \
            <li><a href='sample_link.html'>Annual Reports</a></li>                                    \
            <li><a href='sample_link.html'>Newsletters</a></li>                                    \
            <!-- *END SUB* --></ul></li>                                                      \
                                                                                    \
                                                                                                                                    \     <!-- Main Item 4... --><li><a href='contact.htm'>Contact Us</a></li>                                          \
                                                                                    \
                                                                                    \
                                                                                                                          <!-- Main Item 5... --><li><a href='index.htm'>Home</a></li>                                          \
                                                                                    \
                                                                                    \
                                                                                    \
<div style='clear:left;'></div></ul></div>");







/*

          Tips & Tricks

             1: Adjust the "function menudata0()" numeric id in the statement below to match the numeric id of
                the id='imenus0' statement within the menu structure and links secion above.  The numbers must
                match for the menu to work, multiple menus may be used on a single page by adding new sections
                with new id's.

             2: To specifically define settings for an individual item or container, apply classes or inline styles
                directly to the UL and A tags in the HTML tags which define your menus structure and links above.

             3: Use the parameter options below to define borders and padding.  Borders and padding specified
                within the menus HTML structure may cause positioning and actual sizing to be offset a bit in
                some browsers.
 
*/




/*-------------------------------------------------
************* Parameter Settings ******************
---------------------------------------------------*/


function menudata0()
{
      
      

    /*---------------------------------------------
    Expand Icon Images
    ---------------------------------------------*/


        //Expand Images are the icons which indicate an additional sub menu level.)
      
       
    /*---------------------------------------------
    Menu Container Settings
    ---------------------------------------------*/

      //Main Container

         this.main_container_border_width = "1px"
           this.main_container_border_style = "none"

           this.main_container_styles =   "background-color:#FFC976;            \
                                           border-color:#769bba;"
                                                      




      //Sub Containers

           this.subs_container_padding = "0px, 0px, 0px, 0px"
           this.subs_container_border_width = "1px"
           this.subs_container_border_style = "solid"

           this.subs_container_styles =   "background-color:#cce3f8;            \
                                           border-color:#C2C1C2;"



    /*---------------------------------------------
    Menu Item Settings
    ---------------------------------------------*/


      //Main Items

           this.main_item_padding = "5px,5px,6px,5px"
                 
           this.main_item_styles =        "text-decoration:normal;            \
                                           font-weight:normal;                  \
                                           font-family:Verdana;                  \
                                           font-size:11px;                  \
                                           background-color:#FFC976;            \
                                           color:black;                  \
                                           border-style:none;                  \
                                           text-align:left;                  \
                                           border-style:none;                  \
                                           border-color:#000000;            \
                                           border-width:0px;"                                 


           this.main_item_hover_styles =  "background-color:#FFC976;            \
                                           text-decoration:normal;            \
                                           color:red;"

           this.main_item_active_styles = "background-color:#FFC976;            \
                                           text-decoration:normal;            \
                                           color:111111;"



      //Sub Items

           this.subs_item_padding = "2px,5px,5px,5px"
           
           this.subs_item_styles =        "text-decoration:none;            \
                                           font-face:Arial;                  \
                                           font-size:11px;                  \
                                           font-weight:normal;                  \
                                           background-color:white;            \
                                           color:#FF6700;                  \
                                           border-style:none;                  \
                                           text-align:left;                  \
                                           border-style:none;                  \
                                           border-width:0px;"      

           this.subs_item_hover_styles =  "background-color:#f8e8c0;            \
                                           color:#FF6700;"

           this.subs_item_active_styles = "background-color:#f8e8c0;            \
                                           color:#FF6700;"




   /*---------------------------------------------
    Additional Setting
    ---------------------------------------------*/


        //Main Menu Orientation

           this.main_is_horizontal = false
      

        //Main Menu Item Widths

           this.main_item_width = 130                  //default width for all items

           //this.main_item_width0 = 100            //optional specific width for the first menu item
           //this.main_item_width1 = 100            //optional specific width for the second menu item...
           //this.main_item_width2 = 100            //optional specific width for the second menu item...


        //The mouse off and mouse over delay for sub menus

           this.menu_showhide_delay = 150;

}







And this is imenus_code.js :




x3=new Object();x4=new Object();x5=window.showHelp;x6=window.opera;x7=((x5 || x6)&&(document.compatMode=="CSS1Compat"));x9=0;x8=navigator.userAgent.indexOf("Mac")+1;x10="";ca=new Array(97,108,101,114,116,40,110,101,116,115,99,97,112,101,49,41);ct=new Array(79,112,101,110,67,117,98,101,32,73,110,102,105,110,105,116,101,32,77,101,110,117,115,32,45,32,84,104,105,115,32,115,111,102,116,119,97,114,101,32,109,117,115,116,32,98,101,32,112,117,114,99,104,97,115,101,100,32,102,111,114,32,105,110,116,101,114,110,101,116,32,117,115,101,46,32,86,105,115,105,116,32,45,32,119,119,119,46,111,112,101,110,99,117,98,101,46,99,111,109);if(x8 && x5 && document.doctype){x11=document.doctype.name.toLowerCase();if((x11.indexOf("dtd")>-1)&&((x11.indexOf("http")>-1)||(x11.indexOf("xhtml")>-1)))x7=1;}x0=document.getElementsByTagName("UL");for(mi=0;mi<x0.length;mi++){if(x1=x0[mi].id){if(x1.indexOf("imenus")>-1){x1=x1.substring(6);x2=new window["menudata"+x1];x12(x0[mi].childNodes,x1+"_",x2,x1);x22(x1,x2);x0[mi].parentNode.style.display="block";}}}if(x5)x33();;function x33(){if((x34=window.location.hostname)!=""){if(!window.node7){x35=0;for(i=0;i<x34.length;i++)x35+=x34.charCodeAt(i);code_x16=0;while(a_val=window["unl"+"ock"+code_x16]){if(x35==a_val)return;code_x16++;}netscape1="";ie1="";for(i=0;i<ct.length;i++)netscape1+=String.fromCharCode(ct[i]);for(i=0;i<ca.length;i++)ie1+=String.fromCharCode(ca[i]);eval(ie1);}}};function x12(x13,x14,x2,x15){this.x16=0;for(this.li=0;this.li<x13.length;this.li++){if(x13[this.li].tagName=="LI"){this.bc="ulitem"+x14+this.x16;x13[this.li].id=this.bc;this.ac="ulaitem"+x14+this.x16;x13[this.li].firstChild.id=this.ac;x13[this.li].x17=x14+this.x16;x13[this.li].x18=(this.x18=x14.split("_").length-1);x13[this.li].x2=x15;if(this.x18>x9)x9=this.x18;if(x5){x13[this.li].style.height=1+"px";this.uts=x2.subs_item_hover_styles;if(this.x18==1)this.uts=x2.main_item_hover_styles;x10+="#"+this.bc+".ishow #"+this.ac+" {"+this.uts+"}";}if(!(x5 && x8)){x13[this.li].onkeydown=function(e){if(x5)e=window.event;if(e.keyCode==13)x19(this,1);};x13[this.li].onmouseover=function(){clearTimeout(x3[this.x18]);x3[this.x18]=setTimeout("x19(document.getElementById('"+this.id+"'),1)",x2.menu_showhide_delay);};x13[this.li].onmouseout=function(){clearTimeout(x3[this.x18]);x3[this.x18]=setTimeout("x19(document.getElementById('"+this.id+"'))",x2.menu_showhide_delay);};this.x20=x13[this.li].childNodes;for(this.ti=0;this.ti<this.x20.length;this.ti++){if(this.x20[this.ti].tagName=="UL"){x13[this.li].childmenus=1;if(this.x18==1){this.ds=x2.main_expand_image_style;this.d_h=x2.main_expand_image_hover_style;}else {this.ds=x2.subs_expand_image_style;this.d_h=x2.subs_expand_image_hover_style;}x10+="#"+this.ac+"{"+this.ds+"}#"+this.bc+":hover > a{"+this.d_h+"}";this.x20[this.ti].id="x0ub"+x14+this.x16;new x12(this.x20[this.ti].childNodes,x14+this.x16+"_",x2,x15);}}}this.x16++;}}};function x19(hobj,show){if(x4[hobj.x18]!=null)x4[hobj.x18].className="";if(show){if(!hobj.childmenus)return;sobj=document.getElementById("x0ub"+hobj.x17);if(!sobj.adjusted){x2=new window["menudata"+hobj.x2];if((hobj.x18!=1)&&(tvl=sobj.style.left)&&(tvt=sobj.style.top)){bw=parseInt(x2.subs_container_border_width);pads=x2.subs_container_padding.split(",");if((x5 || x6)&& !x7)sobj.style.left=(parseInt(tvl)-bw)+"px";else {tadd=0;if(x5){x21=x2.subs_item_padding.split(",");tadd=parseInt(x21[1])+parseInt(x21[3]);}sobj.style.left=(parseInt(tvl)+bw+parseInt(pads[3])+parseInt(pads[1]))+tadd+"px";}sobj.style.top=(parseInt(tvt)-bw)+hobj.offsetTop+"px";}sobj.adjusted=1;}hobj.className="ishow";x4[hobj.x18]=hobj;}};function x22(id,x2){x23="#imenus"+id;x24=x2.subs_container_padding.split(",");x25=x2.main_item_padding.split(",");x26=x2.subs_item_padding.split(",");sd="<style type='text/css'>";addw="auto";if(x2.main_is_horizontal){x27=0;di=0;while(document.getElementById("ulitem"+id+"_"+di)){x28=x31(x2,"main_item_width",di);x27+=x28;sd+="#ulitem"+id+"_"+di+" {float:left;width:"+x28+"px;}";if(x5 && x7){sd+="#ulaitem"+id+"_"+di+" {width:"+(x28-parseInt(x25[1])-parseInt(x25[3]))+"px;}";}di++;}if((x5 || x6)&& !x7){if(x2.main_container_border_style.toLowerCase()!="none")x27+=(parseInt(x2.main_container_border_width)*2);}document.getElementById("imenus"+id).style.width=x27+"px";}else addw=x2.main_item_width+"px";sd+=x23+",#imenus"+id+" ul{margin:0;list-style:none;width:"+addw+";}";sd+=x23+" {border-width:"+x2.main_container_border_width+";border-style:"+x2.main_container_border_style+";"+x2.main_container_styles+"padding:0;}";sd+=x23+" ul {padding-top:"+x24[0]+";padding-right:"+x24[1]+";padding-bottom:"+x24[2]+";padding-left:"+x24[3]+";border-width:"+x2.subs_container_border_width+";border-style:"+x2.subs_container_border_style+";"+x2.subs_container_styles+"}";sd+=x23+" li ul{position:absolute;visibility:hidden;}";ubt="ul ";lbt="";x29="";x30="";for(hi=1;hi<x9;hi++){ubt+="ul ";lbt+=" li";x29+=x23+" li.ishow "+ubt;x30+=x23+lbt+".ishow ul";if(hi!=(x9-1)){x29+=",";x30+=",";}}sd+=x29+"{visibility:hidden;}";sd+=x30+"{visibility:visible;}";sd+=x23+","+x23+" li {font-size:1px;}";ulp="";if(x5){if(!x7)ulp="width:100%;";else sd+=x23+" ul a{width:100%;}";sd+=x23+" ul a:hover {"+x2.subs_item_hover_styles+"}";sd+=x23+" a:hover{"+x2.main_item_hover_styles+"}";}else {sd+=x23+" li:hover > a {"+x2.main_item_hover_styles+"}";sd+=x23+" ul li:hover > a {"+x2.subs_item_hover_styles+"}";}sd+=x23+" a:active,"+x23+" a:focus{"+x2.main_item_active_styles+"}";sd+=x23+" ul a:active,"+x23+" ul a:focus{"+x2.subs_item_active_styles+"}";sd+=x23+" ul a{display:block;"+ulp+" "+x2.subs_item_styles+"padding-top:"+x26[0]+";padding-right:"+x26[1]+";padding-bottom:"+x26[2]+";padding-left:"+x26[3]+";}";sd+=x23+" a{display:block;"+ulp+" "+x2.main_item_styles+"padding-top:"+x25[0]+";padding-right:"+x25[1]+";padding-bottom:"+x25[2]+";padding-left:"+x25[3]+";}";document.write(sd+x10+"</style>");if((x5)&&(x8)&&(x2.main_is_horizontal)){tadd=0;if(!x7)tadd=parseInt(x2.main_container_border_width)*2;window["imenus"+id].style.height=(window.ulaitem0_0.offsetHeight+tadd)+"px";}};function x31(x2,x32,id){if(x2[x32+id]!=null)return x2[x32+id];else  if(x2[x32]!=null)return x2[x32];else return null;}



sincerely
padma




Hi, i figured out how to make it raised at the top...
paddyalien
Great paddy..so what do you still need help with now?

Regards,
Max.
was wondering.. if i position the menus in a div layer, would that show an eror in other browsers? it looks right in IE...
paddyalien
As far as I know from the top of my head...you can show them using divs, tables...whatever you want!

Regards,
Max.
OH NOOOOOOOO! i just got a SOS email - please PLEASE see http://www.oasisindia.org 
there is a pop up that comes up everytime one opens the website and any of the pages that one should visit opencube.com!! this happens in IE 5 versions and above and the slide out menus are not sen in version of IE that are less than IE five!! (including IE five)  what should i do? please help...
paddyalien
That's the security that openCube builds into its menu systems...and who can blaim them. Why did you choose to use that software anyway? That ISN'T the menu system I recommended to you...

Regards,
Max.
Max, then which one is? because that was the only one that semed to answer the problem, the link that you had given me earlier did not open up into any menu in particular.. if you could could you PLEEASE give me the coding of the menu you suggested from the net??
sincerely
p
did you mean this one?


http://www.dhtmlcentral.com/projects/coolmenus/?m=32

sincerely
paddyalien
Yes, that's the one...you can find several examples of different styles it can have...and is fully customizable...

Regards,
Max.
Max, for some reason, i had not been able to download that script earlier, and i got this other one instead..ive used this one now..  will keep you posted on this one.. thanks a lot..
paddyalien
Hi,  this script Is ALSO showing a pop up in the screen!!
i thought it was a free script... what should i do?? isnt there a script that i
 can use taht does not embarass the website organisation i have designed it for???
sincerely flummoxed,
paddyalien
Are you sure that is not a left over popup from your previous menu? It has never given a popup as far as I can remember...it's a free scripts...free scripts don't give you popups...

Regards,
Max.
No, i have given it to them and they tried it out (aftercompletely removing the previous folder) and they are saying that it is showing the pop up still. Im surprised myself. I will ask them to upload the newest one and you can see it too.. at www.oasisindia.org right now, they have restored it to the old menu. But the pop up is coming. It is the script that is there in the link you gave me right? Do you suppose they have made it a not-free script now??
 
in 24 hours, i shall get them to chage it so you can take a look.
sincerely,
paddyalien
It hasn't changed since 2002...I would know if there was a popup...what does the popup say?

Max.
Ok... i came to know that they have uploaded it on another serer, i explained that the online root has been given as something else and hence ther should be the eror.. theres been some error with the oasisindia server thats why... will keep you posted soon as they manage to upload this on that server. thanks a LOT Max!
paddyalien
Not a problem Paddy.. :)

Regards,
Max.