Jquery Iphone Sliding Menu by Deluxe-Menu.com
Jquery Iphone Sliding Menu

Menu Screenshots

Jquery Iphone Sliding Menu Slide Down Menu And Javascript

Features

Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Cost Effective
Javascript Vertical Menu Frame Jquery Iphone Sliding Menu
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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery iphone sliding menu 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.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: Is your menu maker compatable with Expression Web?

A: Deluxe Menu wasn't developed as Dreamweaver/Frontpage/Microsoft Expression Web extension,BUT you can use it as standard Javascript files. To install the menuinto your html page:

1. open the page in your program
2. open html source code of the page
3. add several rows of code (<script> tags), For info see: http://deluxe-menu.com/installation-info.html

That's all.
To create and configure your menus use Deluxe Tuner application(included into the trial package):

http://deluxe-menu.com/deluxe-Tuner-info.html


Q: How do I get my existing HTML code inside the rollover tabs?


A: You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of theDIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes.
Use the following prefixes within item's link field:

"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],



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

Forum Swt Menu Background Color Template

Web 2.0, Mac, iPhone, Aqua buttons, Vista, XP, transparent, round, glossy, metallic, 3d, tab menus, .... Javascript Sliding Menu Bar Orange Rollover Buttons - Rounded Corner ... Java Menu Creator jquery vertical menu multi level visited

SimpleTheme! (Page 1) - Themes - GetSimple Support Forum

v1.0 Menu Right - Basic with menu on the right ... v1.1 Sliding - Based on Features but with Jquery Sliding Div ... This morning i was trying to make a iPhone theme with iWebkit but with this i have to fix a lot of

OpenCart Community • View topic - [MOD] Sleek Slide Show for

Make sure the last slide in the list DOES NOT have a comma on the end. ... Latest Clients: Domestic Cleaning Gloucestershire | Apple iPhone and iPad .... do you think the drop down menu i have is conflicting with the slide show? .... href="catalog/view/javascript/jquery/thickbox/thickbox.css" />

Telerik Menu/PanelBar Skinning - DotNetNuke Skinning - SalarO

Flash & Graphic Banners · jQuery Animations & Slide shows · Consulting Services ... Google Analytics and SEO Services · iPhone & iPod Touch Development .... I am having a heck of a time customizing the telerik menu and panel bar

Forum Review: Topple for the iPhone | TiPb

Jan 10, 2009 ... You tap and slide a piece to move it. To rotate, you tap and hold, ... On the main menu, there is an option to “challenge” someone – basically .... Catalog for 13 August 2010 · Palm sponsoring jQuery's mobile initiative

Unity Community // View topic - Unity Video Tutorial Lesson 5 up now

Comets and Craters - iPhone Game ... I employed jquery on the menu on the left, allowing it to slide and then simple tabs along the top of

Inconsistent event behavior in webkit browsers. - jQuery Forum

Person hovers over link, causing menu to slide out and the mouseover event to be ... Note: I have a lot of iphone detection checking to

jack.jquery - jQuery Forum

And if .current is Slide 2 and the user clicks Next, ... dropdown menu (for things like pulling an href out of the clicked link .... inside an iphone image (to display screenshots: site isn't publicly available yet)

Porting iPhone web applications to S60 5th Edition - Forum Nokia Wiki

The following list is the translation features between iPhone browser and S60/ WRT browser: ... the iPhone must be implemented in other ways, as a vertical slider for ... in the Applications Menu or Home screen in your S60 5th edition, ... If you are using Prototype or jQuery the library can help you

Rounded Corners - Top/Bottom Menu - JavaScript - Web development

There is an example which I found with a google at http://www.flairpair.com/blog /web-development/jquery-simple-menu-with-slide-in-effect

Forum Palm WebOS Compatibility Issues with Login

... MP3, Qwerty Keyboard, Slide Form, Smartphone, Speaker Phone, Touch Screen, ... Apple iPhone 3G 16GB (White )_ $205. Apple iphone 3GS 32GB . ..... This makes using this menu VERY SLOW which is not the point of a QUICK menu. ... I've had some time to experiment with CSS3 and jQuery and found some serious issues

Most Viewed Articles List - Forum Nokia Wiki

... Extending QStackedWidget for sliding page animations in Qt · Simple file browser in python for S60 ... Fundamental use cases for porting iPhone and Android applications to Qt .... Simple Web Runtime Design Patterns Using jQuery

Forum Review: Touch Physics for iPhone | TiPb

Dec 26, 2008 ... For more Forum Reviews, see the TiPb iPhone App Store Forum! ... Settings can be changed in the settings menu (not within the game itself, one minor .... it will slide tgrough the wall where you can push it to the star. .... App Catalog for 13 August 2010 · Palm sponsoring jQuery's mobile initiative

Orange Forum Powered By Community Builder : Free CSS Menu Maker

css div navigation Jquery Vertical Slide Menu .... education, share photos, shared music, upload photos, iphone, receive news, download, profiles

10+ Reasons why I bought a MyTouch Slide - Android Central Forums

Jul 25, 2010 ... 1. Good slide out keyboard. Not only is the keyboard solid it also has all the buttons you would need for web. ... The menu button also serves as a type of scroll-wheel/track-pad. ... It isn't as small as say a DARE but, it isn't as big as an iphone. ..... Palm sponsoring jQuery's mobile initiative

10 Best Free PHP and Perl Forum Scripts | AjaxLine

Jun 25, 2009 ... [url=http://ostatic.com/member/alanmacintosh]unlock iphone 3.0[/url] ...... http ://www.dhtml-menu-builder.com/ · http://www.logo-maker.net/ .... Nokia 6760 slide----$220. Nokia 6790 Surge--$230 .... Best jQuery Carousels plugins/ More good examples you can; Best Joomla extensions - July 2010/ More

Category :: Forum :: Indexhibit

Slide Viewer & Text Arrangement Customize ... Repeating background iPhone/iPad. Customize. shannoncody ... Weird problem with expanding menus. Customize. obeylondon ... jquery.thickbox.js prev/next. help. Customize. CrazyJoeDavola

Navigation and the include file ? Please help | Pagelime Support

Inside the code i use the php include to the meny.php file. ... You could do it with JS/Jquery. Create a script that applies the active class, to the proper ... Fri, 19 Feb PageLime iPhone App Sneak Peak; Fri, 12 Feb Work in Progress Concept : ... Fri, 11 Jun ollieford on "Can't see sliding jquery in Page Lime"

iGetSimple iPhone version (Beta version available) (Page 1

includes: content slider / and slide menu. Keep you posted ... scroll works also on the iphone, because safari supports jquery very well

Visual Slideshow Help Forum : Free SlideShow Software

From the Images menu, select Add images.... Browse to the location of the folder you'd like .... Thickbox Forum - jQuery Thickbox Alternative. Mar 7, 2010 . ... Any free Audio/Visual slide show programs?: Open Talk Forum ... And Upload WebsiteSlideoo ReplacementSimple Javascript Slideshow Iphone JqueryWeb Slideshow

114. Forum « Boagworld

For example an iPhone user would receive a different experience to a WAP user. ... This week I found a tutorial aimed at introducing jQuery to designers. ... You can slide things around, change their opacity and much more. ..... and if you need complex widgets (calendar, menu, rich text editor…

Conditional statement with jquery? - JavaScript - Web development

$(".sliding-element2 a").mouseover(function(){ $(this).s. ... The first jquery function expands a menu item when you move your mouse over

Lightbox Video Web Gallery Creator Forum : Web Photo Gallery Maker

May 22, 2010 ... From the Gallery menu, select Properties or use "Edit Gallery .... page o Jquery Dropdown menu o 2 kb Content Slider (testimonials) o Smooth Scroll to .... effects that enhance the user experience like a sliding navigation menu, ... As some of you may know, Opera Mini arrived for iPhone a while ago

www.wysiwygwebbuilder.com :: View topic - WYSIWYG Web Builder 7.0

Improved: Added Apple Iphone target screen size ... Many of the Web Builder built-in objects now use jQuery for scripting, animation and .... Slide Menu - New feature: Added animation effects (slide/fade) to slidemenu