Side Menu Slider by Deluxe-Menu.com
Side Menu Slider

Menu Screenshots

Side Menu Slider Make Drop Down Menus

Features

Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
Cost Effective
Javascript Expanding Side Menu Slider
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Easy Setup
  • De Luxe Tuner. GUI interface to create your side menu slider menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.

Recent Questions

Q: I now have a tree on the left and an embedded frame on the right. When a user clicks a node, the corresponding html page appears in the frame.

Is there a method I can use when a user clicks a node, the web page will jump to a certain location in the page (menu dhtml hhyperlink)? I'm envisioning using one long web page instead of 30 or 40 separate pages. But I would need the program to work with a hyperlink to know where to jump to.

A: See the structure of tmenuItems array:

  var tmenuItems = [
[text, link, iconNormal, iconOver, iconExpanded, tip, target, itemStyleInd, itemXPStyleInd, jsFilename],

You can set link and target menu dhtml parameters for each item individually,for example:

  var tmenuItems = [
["Home","files/homepage.html","","","","Home","topframe","","",""],
["Contacts","files/contacts.html","","","","Contacts","bottomframe","","",""],

You can also send us the example, so we can understand your problem.



Q: How can I place the dhtml pull down menu onto multiple pages using FrontPage 2000? I am not using CSS. Do I need to copy the html into all of the pages, or just place the script into each page?

A: Yes, you should paste the following html code on your pages:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript" language="JavaScript1.2" src="dmenu.js"></script>
...
<script type="text/javascript" language="JavaScript1.2" src="data.js"></script>

If you don't want to add such code on each page, you can try to useframes, the dhtml pull down menu has a cross-frame mode. Also you can use aserver-side script (php, asp, vb, etc.) to generate html pages fromtemplates on your server.



Q: I'm fairly new to HTML and Java. I'm using your popup window html, (its great) but do notknow how to use the "ID object" function. I'm using Frontpage as my HTML editor. The only way I can figure out how to give "a line of text" or a "Graphic" and ID is to create a "Layer". That creates an (ID) in the HTML script. But I still cannot get the pop up to work when clicking the object. How is the best way to create an object ID that will all Deluxe pop-up to recognize it?

Can I have two separate pop-up within the same html page?

One last thing...Can I create a pop up that fly's out after 10 seconds, and within that fly out have a link that opens another pop up with important info in it using the iframe feature?

This sound like novice questions, but that's me!

A: See you can show the popup window when you hover, click or mouseout on some elements on yourpage. For example you've added an image in the FrontPage. Right click on this image and goto "Picture properties...", on the Appearance tab select 'Style...' and enter any text inthe ID field, for example 'open_popup'. Switch to 'Code' mode, you'll have the followingcode:

<p><img border="0" src="images/submenu-bg.gif" width="170" height="29" id="open_popup"></p>

So, in the Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver,onClick or onMouseOut fields.

Actually you can assign id to any object on your page manually. Switch to 'Code' mode andadd id="open_popup" for <a>, <div>, <img> ... tags.

> Can I have two separate pop-up within the same html page?

You can add as many popups as you want.

> Can I create a popup window html that fly's out after 10 secondsCreate popup window and set openAfter=10 parameter to it. You can find this parameter in'Actions' section.

> and within> that fly out have a link that opens another pop up with important info in it using the iframe feature?Use HTML content as window content. Set winContent parameter in 'Common' section.

Add link inside the html content:
<a title='Click to open sample' href='javascript:;' onclick=\"deluxePopupWindow.open(\'window1\', \'files/test.html\', \'Window2\',\'width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect\', \'default\', \'iframe\')\">Click to open Popup Window with 'files/test.html'content.</a>
More info about deluxePopupWindow.open() function you can find:
http://deluxepopupwindow.com/window-installation-info.html

function deluxePopupWindow.open("winID", "content", "header", "param", "skin", "contentType")

Use another winID (first parameter) than you have in your data file if you don't want to close 1-st popup window or use thesame winID=win if you want to close 1-st popup.

content - will be the path to the file you want to load in your popup (files/test.html)
skin - is the name of your skin (default in my example)
contentType - set this parameter to iframe.


Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

Pseudo Mimic Movie Demo slider - JoomlaWorks Community Forum

I am trying to pseudo mimic the movie demo slider. ... I am trying to keep the transparent overlay, the red read more and turn off the nav menu. ... I am not seeing the opaque overlay on the left side and I am not seeing

Coffee Break « WooThemes Support Forum

How do I lInk to show main page and specify which slide in the slider, 7, davidm001 ... Mini features side by side, 2, tiagonoronha, 1 month. [resolved] ... home page optional content #1 and #2 showing up on menu, 2, mkrapf, 1 month

coaching scheme sliders for Madden 11 - Madden General Discussion

Nov 19, 2010 ... Subject: Re:coaching scheme sliders for Madden 11. [Up]. gameflowz. Joined: 08/ 24/2010 15:11:44. Messages: 357. Location: Dark Side of the

jQuery image slider & toggle menu help! - CodeGuru Forums

jQuery image slider & toggle menu help! Scripting - Client Side. ... I have a toggle menu button in which i want to place an image slide

DJ-Extensions - View forum - DJ-Image Slider

I Want The Slider to be Left Side Aligned. craig44. 2. 22. Sat Nov 27, 2010 12: 52 pm. dom1706. No new posts, Does not work with Mootools Upgrade Plugin

DHTMLX Forum • View forum - dhtmlxCalendar, ColorPicker, Slider

attach slider to form by serpico » Mon Nov 22, .... dhtmlxCombo, Tabbar, Menu, Toolbar, dhtmlxLayout, Windows, Accordion, dhtmlxCalendar,

Convert Menu Shader

This is shader from XNA Rasing Game (Menu). ... string UIWidget = "slider"; float UIMin = 0.0f; float UIMax = 1.0f; .... float2 s = float2(texCoord.x/5+Side ,ScanLine); float scratch = tex2D(noiseMapSampler,s).x;

RocketTheme • View topic - Main Body not expanding

I published the Main Menu in sidebar a on the left side of the .... The basic thing is that when you select 3 above the slider you are

Audacity Forum • View topic - Request: Skin

There's a little blurb in the Themes menu in Audacity saying most of the icons won't be changed when using ... And finally I don't like the gold Slider control . ... On the plus side, the main control buttons look great

VIDEO_TS.VOB is important? [Archive] - Doom9's Forum

If there is video/audio-content in vmg-domain (title-menu) then there is a VIDEO_TS. ... puts the BUP on the other side of the disk compared to the IFO. ... VOB file with PgcEdit should not disable the navigation slider

Magic Slider on iPhone 3gs (running iOS4) - Jordan Rudess

I'll talk to Jordan to see if we can fit this in -- maybe we can do something like a double-tap of the open-menu slider to get it to flip

Ajax News Pager and Slider for K2 - K2 Community

Jun 14, 2010 ... Presenting all new V 2.0 of Ajax News Pager + Slider for K2. Compatible with the latest ... Numerical Pagination option for top and side panes .... Replace standard "Content" menu link with K2 on adminitrator backend

Top & Side Panel Ordering not synching up - Weblogicx India

As you can see in the attached screenshot the slider is on slide #3 but it's showing the ... If you had a new setting for the Top Pane titled "Side Pane Synchronization" ... Users Menu. Show Cart and Checkout. "The support is excellent

Joomla! • View topic - error on frontpage menu bar lefthand side

(e) Hover the mouse over PHP -> a slider menu will come with options such as Version and PHP Settings. (f) Hover the mouse over the option

iGetSimple iPhone version (Beta version available) (Page 1

Better Jquery menu slider - Add to homescreen icon .... As a side effect you would probably want to add this to the CSS for the body:

[Manila Mod][19-Jun-2010] Co0kie's Home Tab v1.8.5 - xda-developers

-[fixed] tab change side swipe not responding after unlock ... -[fixed] if home menu was open when locking the unlock slider would be

HELP! Does anyone know how to remove this?! - Droid Forum

Oct 5, 2010 ... how to remove the slider on the bottom of the droid ... droid 2 menu on side of phone ... arrow person phone droid x on side not bottom

HTML5 Errors - YouTube Help

Apr 29, 2010 ... -Unless the drop-down menu from the quality button actually .... Another error: In at least 720p mode if the slider catches up the video restarts playback. ... On the bright side, the Safari-only error with the misplaced

SimpleFolio « Slimmity

How did this site create a header and side bar menu that appears on every page? 3, jayco_9, 1 month · Few Issues with the slider and portfolio, 1

Widescreen Gaming Forum • View topic - Widescreen Scrolling and

Click on Screen Resolutions & Refresh Rates from the pop-out side menu. The slider should be 1024x768, 32 bit, and the refresh rate may read

reFocus build log - see what's cooking [Archive] - XBMC Community

Aug 29, 2010 ... change: redesigned osd slider dialog - done ... fix: kiosk mode doesn't disable side menu access in info screens (temp solution) - done

IE not supporting image slider and Lavalamp menu - jQuery Forum

I have included image slider and lavalamp menu in one of my projects. ... u will see on the right side, and showed me my mistake,,,

Coda Slider and Z-Index - WebDeveloper.com

Coda Slider and Z-Index CSS. ... I'm attempting to make my drop down menus go in front of my ... User Control Panel, Private Messages, Subscriptions, Who's Online, Search Forums, Forums Home, Client-Side Development

Nystic 2.0 • View topic - [Tutorial] Textures Fire, Snow, Carbon Fibre

... the left hand side now in the POS SLIDER move it to about 0.140 and ... down menu select MAGIC and in the MAGIC tab set the DEPTH slider