Rollout Menu In Javascript - How making rollout menu using JavaScript

Pages: 1, 2
free web hosting
Open Discussion > CONTRIBUTE > Computers > Programming Languages > Java, Java Servlets, Java Script, & JSP

Rollout Menu In Javascript - How making rollout menu using JavaScript

sachavdk
Hi,

As I suppose everybody knows the JavaScript menus when you roll over a button, a graphical submenu is rolled out (such as the menus in windows).
Now I want to try making one myself since it is a project for school and I can't come up with a ripped version of some menu.

The idea is when a user goes with the cursor over a tablecell, a javascriptmenu is shown.
ie:
CODE
<table><tr><td onMouseOver="javascript:show_menu('whatever')">Whatever</td></tr></table>


I can work with JavaScript and I have some experience using little functions, but this is probably gonna be a huge arithmetical and graphical function.

Is there someone who can help me starting to make such a menu?

Reply

sachavdk
I'm sorry I'm double posting, but I've forgotten to mention the menu can use some html and images etc.

Reply

snlildude87
Why don't you use CSS to generate this type of menu? A full tutorial can found here: http://www.alistapart.com/articles/dropdowns/

Reply

sachavdk
Hmmm its great smile.gif. I'm gonna try it to implement in my menus. Thanks

Reply

Klass
this might help also:
http://www.astahost.com/link-description-thing-t6856.html

Reply

Tyssen
QUOTE(snlildude87 @ Jul 17 2005, 05:49 AM)
Why don't you use CSS to generate this type of menu? A full tutorial can found here: http://www.alistapart.com/articles/dropdowns/
*


A more up-to-date version of the Suckerfish dropdown can be found here.

Reply

iwuvcookies
do these scripts work in firefox?? I do'nt want to download to see if it works. Because I have had javascripts that don'e work.

Reply

snlildude87
QUOTE(iwuvcookies @ Jul 16 2005, 08:13 PM)
do these scripts work in firefox?? I do'nt want to download to see if it works. Because I have had javascripts that don'e work.
*

Oh dear. Failed JavaScript sucks, doesn't it? Well, the link that I provided uses CSS and not JavaScript, and YES, it will work in Firefox. Internet Explorer has trouble rendering the menus, but the tutorial provided by me and Tyssen will work in both internet explorer and firefox.

Reply

Klass
well the link I provided is on Trap17 & Astahost Game site:

http://www.ipbgaming.com/forum/index.php?act=army

Look for Forum Links, Addon Links, Member Controls on the top right.


Reply

snlildude87
QUOTE(Klass @ Jul 16 2005, 10:15 PM)
well the link I provided is on Trap17 & Astahost Game site:

http://www.ipbgaming.com/forum/index.php?act=army

Look for Forum Links, Addon Links, Member Controls on the top right.
*

Uhh, wrong forum? laugh.gif

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.

Pages: 1, 2
Recent Queries:-
  1. roll menu css - 1.68 hr back. (1)
  2. rollout menu css - 3.02 hr back. (1)
  3. javascript rollout - 22.96 hr back. (1)
  4. java rollout menu - 24.79 hr back. (1)
  5. roll out menu css - 27.05 hr back. (1)
  6. div rollout menu - 37.29 hr back. (1)
  7. css rollout menu - 46.94 hr back. (1)
  8. rollout javascript - 52.64 hr back. (1)
  9. roll menu javascript - 53.27 hr back. (1)
  10. javascript menu mouse out - 71.25 hr back. (1)
  11. javascript page roll out - 73.91 hr back. (1)
  12. rollout menu - 25.14 hr back. (9)
  13. html rollout menu - 78.83 hr back. (1)
  14. rollout menue html - 78.97 hr back. (1)
Similar Topics

Keywords : rollout, menu, javascript, making, rollout, menu, javascript

  1. Need Help With Javascript Drag And Drop Script
    Having trouble with javascript drag and drop script. (2)
  2. Adjusting Rows/cols Of Frames In Frameset Using Javascript Is Not Working In Firefox 3 Is Not Working
    (4)
    I am not able to adjust frames length/width in a frameset using java script functions I am using
    firefox 3. In below code changerows is not working for me. Where as same is working in IE6.
    Please help me in resolving this issue. Note: here frameset1 is the name given to the FRAMESET.
    CODE function changeRows() { parent.frameset1.rows="30%,70%" }function
    restoreRows() { parent.frameset1.rows="50%,50%" } ....
  3. Java Vs Javascript
    (11)
    I thought they were completely different things. Surely javascript should be seperated from the rest....
  4. Document.write & Noscript Questions (javascript)
    (1)
    I am trying to use javascript to include a stylesheet depending on the user's resolution. The
    HTML CODE <head>    <meta http-equiv="Content-Type" content="text/html;
    <?php echo _ISO; ?>" />    <?php if ($my->id) {
    initEditor(); } ?>    <?php mosShowHead(); ?>   
    <noscript><link rel="stylesheet" type="text/css"
    href="http://www.highimpactart.org/templates/_HighImpactArt_/1024/1024.css"
    /></noscript>    <script type="....
  5. Flash And Javascript Interaction
    swfobject js questions (1)
    I don't know if anyone on here is familiar with this script. You can check it out here .
    Basically it's a script that is supposed to give you javascript control over a flash object. I
    am using it for a flv player. My question is this. I would like to display the current file's
    title in a span element on the page, but the function described to gather the information for the
    current file doesn't seem to work for me. The function, as outlined on on this page looks
    like this: CODE function getUpdate(typ,pr1,pr2,swf) {   if(typ == &#....
  6. Where Am I Making Mistake
    (10)
    hello i have just started to learn java by myself and i am stuck here with this example i want to
    show a file in console please tell me where am i making mistake. i am getting erroe variable fin
    maight not be initialised here is the code CODE /** Display a text file To use this
    program,specify the name of file that you want to see */ import java.io.*; class showfile {
        public static void main(String args[])throws IOException     {         int i;
            FileInputStream fin;         try             {             BufferedReader br=new....
  7. Javascript Object Node Referencing Help
    (5)
    I've got two buttons with an onclick event to set the hidden input field to a certain value then
    continue submitting the form. I have more than one form on display on the page and I don't want
    to use ids. Is there a way I can reference it from the button/button onclick event? the forms is
    laid out like this echo" "; echo" "; echo" Edit "; echo" Delete "; echo" ";
    So basically the idea is to fire off new_modify function and start referencing the hidden input type
    with name of do and set it to the supplied argument then continue submitting t....
  8. Capturing Username Of Computer
    using javascript, is it possible? (3)
    I wondering if it is possible to try and make a java script to get the computer username and log it?
    /huh.gif" style="vertical-align:middle" emoid=":huh:" border="0" alt="huh.gif" /> edit Topic
    title ....
  9. Helpful Registry Edit For Java Programmers
    Command Prompt on right click menu (3)
    With this registry edit you can easily open the current folder in prompt without going through any
    Change Directory commands (cd). This is useful for people like me who are programming in JAVA, and
    every time to create class files and test them I have a diificult time just entering the commands in
    Prompt. But if you don't want to use this registry edit you can create the directory in
    C:\ drive like C:\files so you have to navigate very little in prompt. If you are
    experienced in regedit you can do it yourself shown below OR download the attachment and app....
  10. Is It Possible To Create A Web Based Mmo In Javascript?
    And could there be free movement without reloading the page? (4)
    I would like to get some information before launching myself to the JS libraries. Is it possible to
    load maps or images and with the press of a button "scroll" or move the image inside some kind of
    window up, down, left or right? It would be like scrolling an image sideways, upwards or downwards.
    I would also like to know if multiple connections can be made and lets say there was a user
    standing in the location (127, 160) of the map, would there be the possibility of loading the image
    of that player? Maybe with database connections and storing their information there?....
  11. Javascript Error
    Error "missing ) in parenthetical" with JSON statment (2)
    Hello! I'm trying to execute following code: CODE a=new Array();
        a=eval("("+responseText+")");     for (prop in a) {
            e=document.getElementById(prop)         if (e) {e.innerHTML=a[prop]}
    and I recieve error in CODE a=eval("("+responseText+")");
    what's wrong? responseText it's result from php2js() function. Apache 2.2.6/PHP5.2.5/MySQL
    5.0.45....
  12. Special Wii Javascript
    New Javascript Objects for Wii (2)
    I found on Nintendo.com a while back some new javascript objects dealing with the Wii Remote. I
    have decided to post a link to these new Javascript objects here. Wii javascript These new
    Javascripts can detect whether or not a Wii Remote is enabled, the position of the pointer, and even
    the tilt of the remote. It also has an object that determines the keypress of the Wii. These can be
    very useful for Wii sites. Maybe have a menu load with AJAX when the remote is tilted. Add button
    functionality such as when the A and B button are pressed, the form is submitted. Just....
  13. I`m New To Javascript.
    (5)
    Does anybody know where I can find a good site to teach me more than I already know. I know about
    functions and how to set up alert scripts. I really wanna make a counter script.....
  14. Javascript Events Not Working For Ie
    (6)
    I just made this little html file and I used javascript to show which arrows you're pressing. It
    just says the key code, but only for the arrows, so it will say "37, 38, 39, 40" if you're
    pushing all the arrows. When you let go of the arrows, it won't show that value. It works
    perfectly in Firefox, but I can't get it to run in Internet Explorer. The little notification
    bar down in the bottom left of the window says there's an error, and it just sits there. All I
    used was a function for onKeyDown and onKeyUp on the body, and every 10 milliseconds it sh....
  15. Javascript - What's Your Browser?
    (3)
    Here is the code that i picked up from a Javascript book that will tell you wether you are using
    Firefox or Internet explorer. obviously the (navigator.appName ==" browser name ") can be changed
    to different browsers. CODE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 -
    Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml">
    <head>          <title>What's your browser?</title> </head>
    <body bgcolor="#FFFFFF"> <h2>                    <script
    language="....
  16. Opera Browser + Javascript + Embeded Sound
    Embeded sound works in IE, but not in Opera (0)
    Hello! Here is the problem. There is an Embed object, created like this: function
    createWMPEmbedMarkup(src, id, baseurl) { // For choice, using the DOM instead of a string
    // so the caller gets a node. (Its childNode could be used if you don't want the whole p
    element) // Then, if markup is needed instead, innerHTML is available. var x =
    document.createElement("embed"); x.setAttribute("FileName", src);
    x.setAttribute("type", "application/x-mplayer2"); x.setAttribute("AutoStart", "0");
    x.setAttribute("id....
  17. Web Applications: J2ee Or Javascript/css/html
    (1)
    I'm currently programming web applications using AJAX/CSS/HTML and they're pretty
    cross-browser. However when I heard of this language J2EE I had second thoughts. But I ran into GWT
    (Google Web Toolkit) which compiles Java code to Javascript/HTML. With this said, my mind tells me
    that Java developers desire to use Javascript/HTML languages to create web applications over Java.
    So, which one should I start developing web applications in? Java? or Javascript....
  18. Great Javascript Script Source
    Great Javascript script source (2)
    Are you find great javascript source !!! try this >>> http://www.dynamicdrive.com ....
  19. Help With Javascript Calculator Returning "nan"
    (2)
    Hello all, thought maybe I could get a little help with a problem I was having with some Javascript
    on this forum. I recently posted about adding some type of script to my page that calculated a
    customers custom computer system price by assigning each form option a dollar value. I have done so,
    with a script that seems like it would work, but am having some problems. I feel that I have the
    script correctly in place, but when the user selects their computer options a total of "NaN" returns
    at the bottom of the page. You can see what I mean here: www.plugcomputers.com/a....
  20. How Do You Make A Javascript Calculator?
    in a form (11)
    Hi, does anyone know how you would make a html form with javascript where it calculates number... i
    will demonstrate below to make it more clear what i mean.. i want the form to have like three
    buttons, MULTIPLY,DIVIDE. AND RESET.. and than i want it to have the fields where you type in the
    numbers and it gives you the answer.. so its Field 1 * OR / Field 2 = Field 3 . does anyone know
    how to make this work? i basiaclly want all the three functions to work with the same form. this is
    a project grade in my web design class but i need help. Thanks....
  21. Highlight A Word In Javascript. Help!
    BBCode (2)
    Hi, I'm making a forum right now, and i'm having some trouble with BBCodes. I want it so
    when they click a button it will add the bbcode and highlight (or place the cursor between) the
    code . Let me clarify, I want a button to be clicked, it adds code to the textarea and places the
    cursor between the tags. Example: CODE [b] (cursor here)  [/b]
    [b] | [/b] The cursor is between the two tags. I REALLY appreciate it, i've
    search so long with no luck.....
  22. Hiding <div> Boxes With Javascript
    Javascript Help #1 (8)
    This is my first help post in this Java/JavaScript section. Can someone write/find me a piece of
    code that will hide boxes? Preferred stuff: There is a bar that has the subtitle of the box
    contents. A button on the right side of the bar shows and hides the div box. Contents are in a box
    with a border and slides in and out of the bar smoothly and relatively quickly. Box MUST be
    customizable using CSS internal/external stylesheets . Any help would be appreciated. All codes
    will be tested and best code be selected.....
  23. Javascript : No Right Click Script !@
    This script will allow you to protect your source coad ! (12)
    This script will help you to protect your source code Add this to Section of your site
    ! HTML <script language=JavaScript> var message="Function Disabled!";
    /////////////////////////////////// function clickIE4(){ if
    (event.button==2){ alert(message); return false; } } function
    clickNS4(e){ if
    (document.layers||document.getElementById&&!document.all){ if
    (e.which==2||e.which==3){ alert(message); return false; } } }
    if (docume....
  24. What's The Relationship Between Javascript And Java
    are they the same or different (5)
    I think most of you always confuse about java and javascript .So I make this topic to talk about it.
    Javascript and Java ,they have the same first four letter. Java and Javascript is the two language
    is very popular in the web world.Java is the general-purpose programming language that you can
    create an application or an applet.Javascript is a script language that looks sort of like java;with
    it you can do various nifty things in web pages.They are independent languages ,used for different
    purposes.If you are interesting in creating a website you should learn how to w....
  25. I'm Making My Own Javascript Only Rpg :d
    earliest beta perhaps (7)
    Well I randomly decided to make an rpg. So far its all in javascript, and that's how I intend to
    keep it. Eventually you will be able to save with a permanent cookie or by getting an encrypted
    code. Right now you can only walk around and go to 2 maps. I have used preloading, and the maps load
    extremely fast. But there is one problem, maybe you guys could help but I mostly just posted to tell
    you guys something /smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif"
    />. Well the problem is the character images load extremely slow and i know wh....
  26. Adding Rows & Columns In Html Table Using Javascript
    (1)
    I'm trying to create a website with a form that collects some user information to store in MySQL
    database. However, I've a problem when I want to dynamically add new rows and columns in the
    HTML table so that the user can add more information in the dynamically added textboxes. Here's
    what I have: CODE                  <table border="0" width="90%"
    align="center" id="itemsTable">                   <tr>
                       <td width="20%">                     Quantity                   
    <....
  27. One Click Copy And Paste To Clipboard
    in simple Javascript (5)
    I've been search the web for few weeks to see if Java can do one click copy and paste function
    to the clipboard and then I can just Ctrl-V the copied "texts." I initially got this idea when I
    began to approve hosting application. Instead of writing the same message over and over again, I
    decided to make me a page where I can simply copy the code to appropriate answers. And seems like my
    laziness is the mother of inventions /laugh.gif' border='0' style='vertical-align:middle'
    alt='laugh.gif' /> Instead of doing Ctrl-A, Ctrl-C then Ctrl-V to the post board I started....
  28. Javascript Close Window
    Javascript close window (15)
    Hi does anyone have a code to close the browser window. This code needs to be used to close an
    actual full sized window, not a pop-up window.....
  29. Javascript Slideshow Tutorial
    How to make a slideshow in JavaScript (4)
    JavaScript Slideshow Tutorial I'm going to show you how to make a impressive JavaScript
    slideshow. First, you're probably asking: why would I want to make a slideshow in JavaScript?
    There are a number of reasons. First, you don't have to build a new HTML page for each picture.
    Secondly, the page will load much faster because the of the compactness of the page. Ok let's
    get started with this example. First we'll add a <script> tag in the of our HTML
    document. In that script tag we will build the following: CODE      first = 1;      la....
  30. Java Script Drop Down Menu With Css
    - a full code for a dynamic drop down (2)
    Introduction This is a code that I use to dynamically create the drop down menus. First, you have
    to edit the following code and put it in your Javascript. Notice : /*** SET BUTTON'S FOLDER HERE
    ***/. Edit that to your folder. Also, the /*** SET BUTTONS' FILENAMES HERE ***/. This creates a
    mouseover when the drop down is activated. Put all your onmouseover images under: oversources = new
    array; and your onmouseout images under : upsources. Be sure to set your on and out images above
    each other. CODE /*** SET BUTTON'S FOLDER HERE ***/ var buttonFold....

    1. Looking for rollout, menu, javascript, making, rollout, menu, javascript

*RANDOM STUFF*





*SIMILAR VIDEOS*
Searching Video's for rollout, menu, javascript, making, rollout, menu, javascript

*MORE FROM TRAP17.COM*
Similar
Need Help With Javascript Drag And Drop Script - Having trouble with javascript drag and drop script.
Adjusting Rows/cols Of Frames In Frameset Using Javascript Is Not Working In Firefox 3 Is Not Working
Java Vs Javascript
Document.write & Noscript Questions (javascript)
Flash And Javascript Interaction - swfobject js questions
Where Am I Making Mistake
Javascript Object Node Referencing Help
Capturing Username Of Computer - using javascript, is it possible?
Helpful Registry Edit For Java Programmers - Command Prompt on right click menu
Is It Possible To Create A Web Based Mmo In Javascript? - And could there be free movement without reloading the page?
Javascript Error - Error "missing ) in parenthetical" with JSON statment
Special Wii Javascript - New Javascript Objects for Wii
I`m New To Javascript.
Javascript Events Not Working For Ie
Javascript - What's Your Browser?
Opera Browser + Javascript + Embeded Sound - Embeded sound works in IE, but not in Opera
Web Applications: J2ee Or Javascript/css/html
Great Javascript Script Source - Great Javascript script source
Help With Javascript Calculator Returning "nan"
How Do You Make A Javascript Calculator? - in a form
Highlight A Word In Javascript. Help! - BBCode
Hiding <div> Boxes With Javascript - Javascript Help #1
Javascript : No Right Click Script !@ - This script will allow you to protect your source coad !
What's The Relationship Between Javascript And Java - are they the same or different
I'm Making My Own Javascript Only Rpg :d - earliest beta perhaps
Adding Rows & Columns In Html Table Using Javascript
One Click Copy And Paste To Clipboard - in simple Javascript
Javascript Close Window - Javascript close window
Javascript Slideshow Tutorial - How to make a slideshow in JavaScript
Java Script Drop Down Menu With Css - - a full code for a dynamic drop down
advertisement



Rollout Menu In Javascript - How making rollout menu using JavaScript



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute your information that might help someone here.
Ask your Doubts & Queries to get answers.. "Together, We enlight each other!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE