Akotan said on May 04, 2007

I wanted to know this: is there a way to do a drop-down menu working with javascript casting actions on the fly, on items that need action?

I made something like this:

 <li><a href="#">My Menu</a>
   <li><a href="home.htm">Home</a></li>
   <li><a href="about.htm">About</a></li>
 <li><a href="home.htm">Home</a></li>

Without so many classes and ids...

And wrote an javascript code that identifies the former <li>, that instruted by CSS hides the <ul> nestled, and when I click the <a> link, set the <ul> display to "block".

And have some tons of decorations, backgrounds setted by CSS and IE6 on my way... And here lies my question: I don't have a clue if what I wrote is right and if there are "the" way of doing this right?

Is there a better way to force IE6 behave? Or should I give up?

Webice said on May 06, 2007

Very clean implementation thanks for sharing.

Mike said on May 06, 2007

I don't like to include a link to the current page. I prefer this structure:

<li><a href="#">Home</a></li>
<li class="active">About</li>
<li><a href="#">Contact</a></li>

Daniel said on May 11, 2007

Amazing ... i really love the simple tips in life !

kos said on May 11, 2007

But Mike

  • About
  • it's not a link. I prefer the akotan structure where is drop-down menu...

    Thierry said on May 22, 2007

    I like the idea of using "tabindex", but is it kosher?

    Also, I think it would be great to provide a mechanism that would allow keyboard users to jump from one heading to another, skipping all elements in a panel (links, buttons, etc.).

    Ronhead said on October 12, 2007

    hi everybody ive a big problem whit this thing, ive this msge:
    this.pages[this.selectedIndex] has no properties

    i cant understand the problem if u think any please help me

    the code:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    <html><!-- InstanceBegin template="/Templates/fullbody.dwt" codeOutsideHTMLIsLocked="false" -->
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <script type="text/javascript" src="popup.js"></script>
    <!-- InstanceEndEditable -->

    <!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->

    <link href="css/estilos.css" rel="stylesheet" type="text/css" />


    <link href="css/print.css" rel="stylesheet" >
    <link href="css/estilos.css" rel="stylesheet" >

    <link id="luna-tab-style-sheet" type="text/css" rel="stylesheet" href="js/tabs/tabpane.css" />
    <script type="text/javascript" src="js/tabs/tabpane.js"></script>
    <table width="95%" align="center" border="0">
    <td><div class="tab-page" id="modules-cpanel">
    <script type="text/javascript">
    var tabPane1 = new WebFXTabPane( document.getElementById( "modules-cpanel" ), 0 )
    <!-- ================= PROBLEM ==================== -->

    <div class="tab-page" id="modulo1">
    <h2 class="tab">General</h2>
    <div align="left"> Complete datos</div>

    <div class="tab-page" id="modulo2">
    <h2 class="tab">Tipologías</h2>
    <div align="left"> Agregar Tipología de Producto </div>

    <div class="tab-page" id="modulo3">
    <h2 class="tab">Clases Pedido </h2>
    <div align="left"> Agregar Clase de Pedido</div>

    <div class="tab-page" id="modulo3">
    <h2 class="tab">Priorización</h2>
    <div align="left"> Orden de Criterios de Priorización </div>



    <!-- InstanceEndEditable --></td>

    <!-- InstanceEnd -->

    overeedow said on February 07, 2011

    I am 31 years old and live with excruciating pain every day of my life for over 5 years now. That's what i want to say here.

    Sorry, comments are closed for this post. If you have any further questions or comments, feel free to send them to me directly.