Search  

SLIDING XML MENU

Home › Browse Categories › Flash › Menus & Buttons › Horizontal Menus › Sliding XML Menu
41585 dontangg
Referred at least one person Sold between 100 and 1 000 dollars Bought between 1 and 9 items
This is a single level, horizontal, customizable XML menu that can be implemented with or without a copy of Flash. You can go with the default look and only define the menu item text, or you can change any of the following (using XML ):
  • menu item text
  • destination URLs
  • the window you want the destination URL to open in
  • the menu item font/size/color
  • the selected menu item color
  • moving box color
  • moving box speed
  • item separator (line) visibility
  • item separator color.

If you don’t like the look of the box (and you have Flash), you can easily change it to an underline or whatever you want and the XML file can still control the color.

If you want to put this menu inside your flash site, you can also easily assign ActionScript to be run when the menu items are clicked as easy as this: 
myMenu.setItemAction(1, function() {
    trace("my action here");
});

Enjoy!

Keywords: horizontal XML menu, customizable menu, single-level menu, simple XML menu, easy to use menu, easy-to-use menu, object oriented menu

Posted 3 months ago
54386 designesia
Exclusive author Item was featured Referred at least one person Sold between 5 000 and 10 000 dollars Bought between 1 and 9 items

nice menu :)

Posted 3 months ago
58288 unlimited
Sold between 100 and 1 000 dollars

Very useful , and nice:)

Posted 3 months ago
Default-profile M3S
Bought between 1 and 9 items

Do you have to use a box or can you just have an underline that follows the mouse? Also does the box stay on the link that is selected if you choose to use it in your fla?

Posted 3 months ago
41585 dontangg
Referred at least one person Sold between 100 and 1 000 dollars Bought between 1 and 9 items

@M3S: You can change the box to whatever you want by just changing the movieclip that’s in the library. It would be really easy to change that to an underline and the XML file could still control the color (if you wanted it to). If you need more help on this, I’m willing to explain better.

Also, the box will have the same behavior that it does now if you choose to use it in your fla. That is, if you hover over link, it moves to that one, but it always goes back to the selected link.

Posted 3 months ago
Default-profile beluga
Bought between 1 and 9 items

I tried to to replace the hoverbox by an image (PNG). It worked fine, but the image is also being stretched/scaled towards each menu-item.

How can I disable the scale function?

Thanks.

Posted 3 months ago
41585 dontangg
Referred at least one person Sold between 100 and 1 000 dollars Bought between 1 and 9 items
@beluga: It’s a fairly simple change. Here’s what you do: # Open ingenio/HoverBox.as # Replace lines 76-79 with the following: // Change the width to correct size //this._width = this._width + (textRect["width"] - this._width) / speedFactor; // Move to the correct x location //this._x = this._x + (textRect["x"] - this._x) / speedFactor; var destX = textRect["x"] + ((textRect["width"] - this._width) / 2); this._x = this._x + (destX - this._x) / speedFactor;

If you have any problems with this, click on my avatar and send me a message. I will respond with the corrected file.

Posted 2 months ago
41585 dontangg
Referred at least one person Sold between 100 and 1 000 dollars Bought between 1 and 9 items

@beluga: Sorry, that formatting was really bad. It’s a fairly simple change. Here’s what you do:

  1. Open ingenio/HoverBox.as
  2. Replace lines 76-79 with the following:

http://pastie.org/259693

If you have any problems with this, click on my avatar and send me a message. I will respond with the corrected file.

Posted 2 months ago
Default-profile mrdtp
Bought between 10 and 49 items

Nice menu but i have question, how do you seperate the spacing between the buttons

Posted 2 months ago
41585 dontangg
Referred at least one person Sold between 100 and 1 000 dollars Bought between 1 and 9 items

@mrdtp:”>@mrdtp: To change the space between menu items, you must have a copy of Flash. The code that governs the spacing is in ingenio/XMLMenuItem.as, line 121. I have provided some examples with instructions of how to change this here: pastie.org/267536

If you need more explanation or help, feel free to click on my avatar and send me a message. This way I can give a more detailed explanation or even send you a copy of the corrected file with your specifications.

I would also appreciate it if you could please give the menu a rating. Thanks!

Posted 2 months ago
Default-profile westfield
Bought between 10 and 49 items

I love this menu. There is one simple question I have. I have a website with 3 pages in the same directory. Each html page has this menu on the page. The menus on all three pages use the same menu.xml file. Is there a way to have each page start with the hover box on that page’s menu item.

In other words, how can I have the home page have the hover box on “home”, the contact us page should have the hover box on “Contact us” and the Support page should have the menu set on “Support”

Thank You

Posted 2 months ago
41585 dontangg
Referred at least one person Sold between 100 and 1 000 dollars Bought between 1 and 9 items

@westfield: Sorry for taking a while to respond. I originally meant for that to be included in the file, but I must have forgotten.

I have added that functionality and resubmitted it with updated instructions (you can now set the selected item using flashvars). I am 4th in the queue for being reviewed.

This is my first time submitting an update to my file, so I don’t know how long before they approve my changes so that you can re-download the files. If you need it urgently, click on my avatar and send me a message and I will reply with the updated files.

Thanks!

Posted 2 months ago
Default-profile wrec
Bought between 1 and 9 items

Hi dontangg,

I’ve purchased the sliding menu and trying to implement it in my new website.

I’m a rookie in Flash and XML . What I want to do is simple. My website is a frameset containing 2 frames. How can I modify the sliding menu in the top frame to target the hyperlink on the main frame.

I’m doing the testing at the following link, please take a look. Very simple 2 frames structure.

http://www.autoplus-hk.com/index_slidemenu.htm

I’m stuck and frustrated with these very basic stuff. Your advices will be very much appreciated. Thank you.

Eddie

Posted about 1 month ago
41585 dontangg
Referred at least one person Sold between 100 and 1 000 dollars Bought between 1 and 9 items

@Eddie: All you have to do is use the <window> element like this:

<item>
   <text>Services</text>
   <url>../services/index.htm</url>
   <window>section</window>
</item>

Note that this will not work when testing on your local computer because of Flash’s security settings. It will work fine when uploaded to your server.

If you want it to change the security settings to be able to test locally do this:

  1. Go here
  2. Click on the Global Settings tab
  3. Choose “Always Allow”
  4. Click “Edit Locations” to setup trusted locations on your computer.

btw, nice design!

Posted about 1 month ago
Default-profile wrec
Bought between 1 and 9 items

Hi dontangg,

The code works. Services ../services/index.htm section

Problem solved, thanks a lot.

Eddie

Posted about 1 month ago
Default-profile westfield
Bought between 10 and 49 items

I purchased this control because it is simple, elegant and flexible. These three elements are so fundamentally important to the quality of a flash component. This certainly has all three and I highly recommend it. Don helped me out with a few quick modifications and I really appreciate his time and effort. I cannot wait for more pieces from him.

Posted about 1 month ago