Ajax Dropdown Menu Over Iframe by Deluxe-Menu.com
Ajax Dropdown Menu Over Iframe

Template:

iPhone 6 Template - Code CSS Menu






    - UL/LI items structure
    - Personal CSS styles for separate menu elements
    - Several menus on one page
    - Text aligned to left
    - Status string shows item labels
    - Search feature - add the search area in the menu and type symbols.
    - Filters and Transitional effects
    - Submenus automatically scrolls




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Ajax Dropdown Menu Over Iframe Javascript Page Setup

Buy Now!   ::  Free Trial Download   ::  More Info

Features

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
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!
Mouse Over Drop Menu Ajax Dropdown Menu Over Iframe
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 ajax dropdown menu over iframe menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Could you please just help me - I have been using quirks mode to create our customer sites and would now like to start using a proper doctype like:



But when I change it, all the down menus dhtml break on the sites.

A: Try to specify all units in "px":

  var itemPadding="3px";

  var itemStyles = [
["fontStyle=normal 11px Lucida SansUnicode","fontColor=#FFFFFF,#FFFFFF","itemBackColor=#DE2829,#C62829","itemBorderWidth=0",
"itemBorderColor=#FFFFFF,#C21212","itemBorderStyle=solid,solid",
"itemBackImage=blank.gif,blank.gif","itemWidth=160px"], ["itemWidth=129px"],
];

  var menuStyles = [
["itemSpacing=0", "itemPadding=8px"]
];




Q: I am afraid I am still having difficulties.

Key issue is fine, no problems there. However, I cannot seem to make this NOT showing me a window open example when the page opens. I just want to have popups upon click. What I want is to be able to create links, within the same page, that will popup windows of different content and size, all upon click (not upon page loading.

What am I doing wrong here?

In the site I have the following:
1. A www.domain.gr/deluxe-popup-window.files folder
2. A http://www.domain.gr/deluxe-popup-window.js script
3. and my test page creating the popups

So, in my sample page:
1. I do NOT want to have the 1st popup which loads automatically as the page opens
2. I want to have the 2 samples shown there, Sample 2 and Sample 3.
3. These 2 samples must show windows of different width and height.

Please help me here.

Looking forward to your answer.

A: Delete openAfter= text from the deluxePopupWindow.attachToEvent()function in the following file:

http://www.domain.gr/deluxe-popup-window.js

In that case popup window won't show till you click on the link.

deluxePopupWindow.attachToEvent(win,',,,,,')

Q: What is occurring is that the information on the first tab is appearing on every tab. The other tabs are behaving correctly, but the first tab appearing at the top.


A: Now you have such items

["$Contacts", "contacts",,,,"How to contact Civil Liberties Australia", "0"],
["The Board", "board",,,,"Members of the CLA Board", "0"],
["Policies", "policy",,,,"An outline of CLA's policies", "0"],
["Other Matters", "other",,,,"Other administrative matters of CLA' page","0"],

But I cannot find DIV with ID "contacts".

May be you should write

["$Contacts", "content",,,,"How to contact Civil Liberties Australia", "0"],

Please, check it.


Q: Do you have a few examples of how to create clickable links for html popup?

A: You can find such example here:
http://deluxepopupwindow.com/javascript-close-popup-safari.html

See how you should write your link:
<a class=sampleLink title="Click to open sample" href="javascript:;"
onClick="deluxePopupWindow.open('safari', 'New Popup window', '#2: Popup window',
width=250,height=50,resizable,minimizable,fullscreen,centerscreen,middle,right,,fade-effect,
opacity=0.95,floatable=no', 'windows_safari')">Click here to open</a>


Buy Now!   ::  Free Trial Download   ::  More Info