Page 1 of 2 12 LastLast
Results 1 to 20 of 29

menu using javascript?

This is a discussion on menu using javascript? within the Programming forums, part of the Web Designing & Development category; Can anybody tell me how to create menu using javascript?...

  1. #1
    Junior Member
    Join Date
    May 2007
    Posts
    17

    Default menu using javascript?

    Can anybody tell me how to create menu using javascript?

  2. #2
    Administrator SticKer's Avatar
    Join Date
    May 2007
    Posts
    4,261
    Blog Entries
    24

    Default Re: menu using javascript?

    i am not very good in java i am still learning i will check my books and see if i get the code for the menu

  3. #3
    Senior Member slnet's Avatar
    Join Date
    May 2007
    Location
    Swapna Lokam
    Posts
    413

    Default Re: menu using javascript?

    Please explain what kind of menu are you looking for... I mean all aspects of your menu in your imagination...
    Where from, Why here, Where to..?
    May god bless, who he wishes to bless!!

    ----------------------
    Affordable and reliable hosting at www.marginfreehosting.com

  4. #4
    Junior Member
    Join Date
    May 2007
    Posts
    5

    Default Re: menu using javascript?

    Yeah, there are several types of menus. Here is a good one for CSS menus: http://www.howtocreate.co.uk/tutorials/testMenu.html

  5. #5
    zk0
    zk0 is offline
    Member
    Join Date
    May 2007
    Posts
    75

    Default Re: menu using javascript?

    Quote Originally Posted by SticKer
    i am not very good in java i am still learning i will check my books and see if i get the code for the menu
    Java and Javascript are two different programming languages.

    But why do you want to do a menu in Javascript? The search bots will have a hard time finding it.

  6. #6
    Super Moderator wired076's Avatar
    Join Date
    May 2007
    Posts
    685

    Default Re: menu using javascript?

    zk0 I have a similar issue where I am upgrading and updating my website as it is a bit outdated as I have been doing other things with it and want to create a good menu with cool text and a black background. Something like www.wired.profusehost.net/test.htm (a test page on my website. Please note only viewable in firefox). I currently have it set up using css as seen as www.wired.profusehost.net. I would like to create something like this website's navigation, http://www.wired.com/ which has a black navigation bar.

    Please help in regards to what I can use to create my own navigation bars.
    I.T. Construct
    Web Hosting and Webmaster support/work is available.
    Email: admin@itconstruct.com.au

    Visit http://www.itconstruct.com.au
    Super Moderator of Webicy Forum.

  7. #7
    Junior Member
    Join Date
    May 2007
    Posts
    2

    Default Re: menu using javascript?

    i checked this in ie, we only have ie in office. cant view it here

  8. #8
    Super Moderator wired076's Avatar
    Join Date
    May 2007
    Posts
    685

    Default Please help

    I want to create my own navigation for my website like wired.com but don't know how to. Can anyone give me some help. I am currently using CSS. See my above post for further info.
    I.T. Construct
    Web Hosting and Webmaster support/work is available.
    Email: admin@itconstruct.com.au

    Visit http://www.itconstruct.com.au
    Super Moderator of Webicy Forum.

  9. #9
    Junior Member
    Join Date
    Nov 2007
    Posts
    2

    Default Re: menu using javascript?

    Example:Onmouseovermenu
    Code:
    <style type="text/css">
    #coolmenu{
    border: 1px solid black;
    width: 170px;
    background-color: #E6E6E6;
    }
    #coolmenu a{
    font: bold 13px Verdana;
    padding: 2px;
    padding-left: 4px;
    display: block;
    width: 100%;
    color: black;
    text-decoration: none;
    border-bottom: 1px solid black;
    }
    html>body #coolmenu a{ /*Non IE rule*/
    width: auto;
    }
    #coolmenu a:hover{
    background-color: black;
    color: white;
    }
    #tabledescription{
    width: 100%;
    height: 3em;
    padding: 2px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    }
    </style>
    <script type="text/javascript">
    var baseopacity=0
    function showtext(thetext){
    if (!document.getElementById)
    return
    textcontainerobj=document.getElementById("tabledescription")
    browserdetect=textcontainerobj.filters? "ie" : typeof textcontainerobj.style.MozOpacity=="string"? "mozilla" : ""
    instantset(baseopacity)
    document.getElementById("tabledescription").innerHTML=thetext
    highlighting=setInterval("gradualfade(textcontainerobj)",50)
    }
    function hidetext(){
    cleartimer()
    instantset(baseopacity)
    }
    function instantset(degree){
    if (browserdetect=="mozilla")
    textcontainerobj.style.MozOpacity=degree/100
    else if (browserdetect=="ie")
    textcontainerobj.filters.alpha.opacity=degree
    else if (document.getElementById && baseopacity==0)
    document.getElementById("tabledescription").innerHTML=""
    }
    function cleartimer(){
    if (window.highlighting) clearInterval(highlighting)
    }
    function gradualfade(cur2){
    if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
    cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.2, 0.99)
    else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
    cur2.filters.alpha.opacity+=20
    else if (window.highlighting)
    clearInterval(highlighting)
    }
    </script>
    <div id="coolmenu">
    <a href="required link" onMouseover="showtext('JavaScript tutorials and scripts!')" onMouseout="hidetext()">JavaScript Kit</a>
    <a href="required link" onMouseover="showtext('300+ free JavaScripts')" onMouseout="hidetext()">Free JavaScripts</a>
    <a href="required link" onMouseover="showtext('Comprehensive JavaScript Reference')" onMouseout="hidetext()">JavaScript Reference</a>
    <a href="required link" onMouseover="showtext('Web coding and development forums!')" onMouseout="hidetext()">Coding Forums</a>
    <a href="required link" onMouseover="showtext('Award winning DHTML and JavaScripts')" onMouseout="hidetext()">Dynamic Drive</a>
    <div id="tabledescription"></div>
    </div>
     
    Triple drop down menu:::::::
     
    <form name="formTripleMenu" id="formTripleMenu" action="">
    <table bgcolor="#0000A0" border="1">
    <tr>
    <td colspan="3" width="528">
    <strong>
    <font size="2" color="#FFFFFF">
    To explore self
    development and computer stuff: - choose a topic from the drop-down box on the left, then
    a subject from the box in the middle. And finally choose a page from the drop down menu on
    the right.
    </font>
    </strong>
    </td>
    </tr>
    <tr>
    <td valign="top" align="center" width="171">
    <div align="center">
    <center>
    <p>
    <small>
    <strong>
    <font color="#ffffff">
    Select a topic ...
    </font>
    </strong>
    </small>
    </td>
    <td valign="top" align="center" width="176">
    <small>
    <strong>
    <font color="#FFFFFF">
    ... then
    a subject ...
    </font>
    </strong>
    </small>
    </td>
    <td valign="top" align="center" width="169">
    <small>
    <strong>
    <font color="#FFFFFF">
    ... and
    then a page to go ...
    </font>
    </strong>
    </small>
    </td>
    </tr>
    <tr align="center">
    <td width="171" valign="top" align="center">
    <!-- ####################### start of select containing topics ####################### -->
    <select name="menuTopics" id="menuTopics" onchange="changeSubjects()" size="1">
    <option value="none">
    Topics appear here
    </option>
    <option value="none">
    Computer Stuff
    </option>
    <option value="none">
    Self Development
    </option>
    <option value="none">
    Computer Software
    </option>
    </select>
    </td>
    <td width="176" valign="top" align="center">
    <!-- ####################### start of select contaning subjects ####################### -->
    <select name="menuSubjects" id="menuSubjects" onchange="changeFiles()" size="1">
    <option value="none">
    Subjects appear here
    </option>
    </select>
    </td>
    <td width="169" valign="top" align="center">
    <!-- ####################### start of select containing pages ####################### -->
    <select name="menuFiles" id="menuFiles" onchange="go(this)" size="1">
    <option value="none">
    Pages appear here
    </option>
    </select>
    </td>
    </tr>
    </table>
    </form>
    Last edited by akash; 02-05-2009 at 07:39 AM.

  10. #10
    Super Moderator wired076's Avatar
    Join Date
    May 2007
    Posts
    685

    Default Re: menu using javascript?

    Could you please post the code in notepad files individually and packaged as a group for which code goes together or split up the different code sections by using the code tool that formats code differently so it is easier to read your post as I am having a hard time interpreting it.
    I.T. Construct
    Web Hosting and Webmaster support/work is available.
    Email: admin@itconstruct.com.au

    Visit http://www.itconstruct.com.au
    Super Moderator of Webicy Forum.

  11. #11
    Member
    Join Date
    Dec 2007
    Posts
    72

    Default Re: menu using javascript?

    There are a number of different ways to do this, but if you're ambitious, then look into mootools.

    http://mootools.net/

    You can make something like the following:

    http://demos.mootools.net/Fx.Styles
    online.education

  12. #12
    Super Moderator wired076's Avatar
    Join Date
    May 2007
    Posts
    685

    Default Re: menu using javascript?

    If I remember I will post the code that I am currently using for my site. If I forgot just remind me and I'll get it up.

    The navbar looks really good and is fully customisable.
    I.T. Construct
    Web Hosting and Webmaster support/work is available.
    Email: admin@itconstruct.com.au

    Visit http://www.itconstruct.com.au
    Super Moderator of Webicy Forum.

  13. #13
    Junior Member
    Join Date
    Dec 2007
    Posts
    5

    Default Re: menu using javascript?

    Check out dynamicdrive.com. They have a few good ones.

  14. #14
    Administrator SticKer's Avatar
    Join Date
    May 2007
    Posts
    4,261
    Blog Entries
    24

    Default Re: menu using javascript?

    Quote Originally Posted by online.education View Post
    There are a number of different ways to do this, but if you're ambitious, then look into mootools.

    http://mootools.net/

    You can make something like the following:

    http://demos.mootools.net/Fx.Styles
    really nice tool.

  15. #15
    Super Moderator wired076's Avatar
    Join Date
    May 2007
    Posts
    685

    Default Re: menu using javascript?

    Yeah I agree Camron that was one of the ones I was actually going to post but forgot to come back and do it. One of their navbars is what I am currently using on my site.

    I just edited it to suit my site as the code I was creating from a JavaScript book wasn't working for some reason which when I get some more time I will look into further.
    I.T. Construct
    Web Hosting and Webmaster support/work is available.
    Email: admin@itconstruct.com.au

    Visit http://www.itconstruct.com.au
    Super Moderator of Webicy Forum.

  16. #16
    Member
    Join Date
    Dec 2007
    Posts
    72

    Default Re: menu using javascript?

    Quote Originally Posted by wired076 View Post
    I just edited it to suit my site as the code I was creating from a JavaScript book wasn't working for some reason which when I get some more time I will look into further.
    Traditional JavaScript works fine, but DHTML, if it's used correctly, addresses the problem of browser compatibility so much better than JavaScript. Also this is really the next client side script standard.
    online.education

  17. #17
    Super Moderator wired076's Avatar
    Join Date
    May 2007
    Posts
    685

    Default Re: menu using javascript?

    Quote Originally Posted by online.education View Post
    Traditional JavaScript works fine, but DHTML, if it's used correctly, addresses the problem of browser compatibility so much better than JavaScript. Also this is really the next client side script standard.

    Please explain what you mean by DHTML as it is defined as an outdated scripting language if I remember correctly but others use it to mean JavaScript, CSS and HTML (XHTML) in combination being used on their website which is what I am doing.
    I.T. Construct
    Web Hosting and Webmaster support/work is available.
    Email: admin@itconstruct.com.au

    Visit http://www.itconstruct.com.au
    Super Moderator of Webicy Forum.

  18. #18
    Member
    Join Date
    Dec 2007
    Posts
    72

    Default Re: menu using javascript?

    Quote Originally Posted by wired076 View Post
    Please explain what you mean by DHTML as it is defined as an outdated scripting language if I remember correctly but others use it to mean JavaScript, CSS and HTML (XHTML) in combination being used on their website which is what I am doing.
    The different between (traditional) JavaScript and DHTML is this. JavaScript had only one object, the main document, the whole page. That was it. DHTML, however, can make every single element (divisions, tables, etc.) objects. That's the difference.
    online.education

  19. #19
    Super Moderator wired076's Avatar
    Join Date
    May 2007
    Posts
    685

    Default Re: menu using javascript?

    Explain what you mean as no one can help you as if you do a search for dhtml you get what I said...

    You are very vague in your explanations online education.. sorry.

    Are you saying what I said about css, javascript and xhtml to be what you mean or the outdated scripting language??

    Please explain so that we can help you, if that is what you want I can tell you how to create your menu.
    I.T. Construct
    Web Hosting and Webmaster support/work is available.
    Email: admin@itconstruct.com.au

    Visit http://www.itconstruct.com.au
    Super Moderator of Webicy Forum.

  20. #20
    Junior Member
    Join Date
    Sep 2008
    Posts
    3

    Default Re: menu using javascript?

    hey brttytech! is that the code? that wired076 ask for help? is that it?hmmm.

Page 1 of 2 12 LastLast