What's Wrong Here

Forums: Web Development
Email this Topic • Print this Page

I'm working on some mods to my page, and decided to try and rig up a sliding menu to act as a pull-down.

It kind of works but the "pulldowns" aren't attached to the elements and the other "buttons" flow funny.

Here's some of the code

Code:



. . .

<script type="text/javascript">

    <!--

        function toggleMenu(currMenu){ 

            if (document.all){ 

                thisMenu = eval("document.all." + currMenu + ".style");

                if (thisMenu.display == "block"){ 

		    thisMenu.display = "none"; 

	        } else { 

		    thisMenu.display = "block"; 

		} 

		    return false; 

	     } else {

	         return true; 

	     } 

        } 

    // -->

    </script>



    <style type="text/css">

    <!--

      . . . 

        #menu1{display:none; width:150; background:navy; 

                    border:outset;  border-color:silver}

        #menu2{display:none; width:150; background:navy;

                      border:outset: border-color:silver}

        #menu3{display:none; width:150; background:navy;

                      border:outset: border-color:silver}

        #menu4{display:none; width:150; background:navy;

                      border:outset: border-color:silver}

        #menu5{display:none; width:150; background:navy;

                      border:outset: border-color:silver} 

        #menu6{display:none; width:150; background:navy;

                      border:outset: border-color:silver} 

    --> 

   </style> 

   <body>  

   . . .  

   <a href="http://foo.com/" target="_blank" onClick="return toggleMenu('menu1')">

               <img alt="Dummy Image" 

src="http://www.foo.com/bar.gif" height="50" width="100" border="0" />

           </a>

           <span id="menu1">

           foo

           bar  

           </span>

Topic Stats
Top Replies
Link to this Topic

Type: Discussion • Score: 1 • Views: 717 • Replies: 5

No top replies

Pretty neat:
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm

0 Replies

Don't have Dreamweaver.

But I may have figured another solution.

I failed to include that this site uses DIV and SPAN tags to do what would usually be done with <TABLE>.

0 Replies

It doesn't require Dreamweaver, even though the tutorial was written for DW. Can be done manually too, just DIVs and some JS.

0 Replies

Looks like you are trying to do what I do with the menus on www.waggery.com

Feel free to swipe the code from there.

The problem with your code is that it's missing a parent div for the menus and there's no script to set it to display:none

It'd be harder to work through the broken code than to simply help yourself to code that I already have working.

You can see another version of it at www.accessnurses.com

0 Replies

Craven:

I have ONE other thing I can try.

But should that fail--I'll "borrow" waggery's code.

0 Replies

What's Wrong Here

Related Topics

Quick Links

My Account

able2know