Results 1 to 2 of 2
  1. #1
    Join Date
    Dec 2003
    Posts
    41

    web design people, need suggestions..

    http://www.chauzer.com/temp/menu.jpg

    this is the current navigation menu we have..

    in the beginning all u have is the top row which are the main categories... and then when you click on Help, the 2nd row shows up which are sub categories of Help, and then if you click on Administration, the third row shows up which is a sub category of Adminstration...

    anyone have any ideas for a better layout/menu? the problem is, the only thing i can use is just HTML tables.. i could make it a lot better if we could use javascript or something like that, but right now we can only use HTML

    anyone got any suggestions to make it look better?

  2. #2
    Join Date
    Sep 2003
    Location
    UK
    Posts
    122
    This DHTML shows some client side Javascript.
    it makes a comment appear in the disire location.

    With a bit of play you should be able to use this to add dynamic menus to your system.

    If you remove the: onmouseout= "JavaScript:shower('fred','visible');"
    then once visible the div section would stay visible.

    You could add a line or two to make invisible all others

    You can also use the href="JavaScript:shower('fred','visible');" for a click action if required.

    <html>
    <head>

    <style type="text/css">
    .popupid{visibility:hidden;
    position:absolute;}
    </style>

    <title>SIMPLE</title>
    </head>
    <body>

    <script language="JavaScript">
    alert ("Only you are cleaver enough to read (all of) this!");
    </script>

    <script language="JavaScript">
    var nice
    function shower(obid,obst){
    nice=document.getElementById(obid);
    nice.style.left = "10px";
    if (obst == 'visible'){
    nice.style.visibility = "hidden"
    }
    if (obst == 'hidden'){
    nice.style.visibility = "visible"
    }
    }
    </script>

    <hr />
    <hr />here:
    <div class="popupid" id="bob" name="bob">
    here: Now we are getting clever!
    </div>
    <div class="popupid" id="fred" name="fred">
    here: Hi! - We told you that you were clever enough!
    </div>
    <div class="popupid" id="harry" name="harry">
    here: And now we can see the mouse over has CLASS!... Mouse over class!! HAHAHAHAHAHA
    </div>
    <div class="popupid" id="stuff" name="stuff">
    here: This is some STUFF <HR> BIGBIGBIG<BR><BR>HIDDEN STUFF
    </div>
    <hr />
    <br />


    <a
    onmouseover="JavaScript:shower('fred','hidden');"
    onmouseout= "JavaScript:shower('fred','visible');">
    ONE
    </a>
    <a
    onmouseover="JavaScript:shower('bob','hidden');"
    onmouseout= "JavaScript:shower('bob','visible');">
    TWO
    </a>
    <a
    onmouseover="JavaScript:shower('harry','hidden');"
    onmouseout= "JavaScript:shower('harry','visible');">
    THREE
    </a>
    <a
    onmouseover="JavaScript:shower('stuff','hidden');"
    onmouseout= "JavaScript:shower('stuff','visible');">
    stuff!
    </a>

    </body>


    that help?
    Matt the Hat says: "what!?"
    A child of five could understand this! Fetch me a child of five!
    SCARY HARD CHALLENGE: http://www.dbforums.com/showthread.php?threadid=988682

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •