Joomla Sf Horizontal by Deluxe-Menu.com
Joomla Sf Horizontal

Template:

Green Tabs Template - Mouseover Drop Down Menu






    - UL/LI items structure
    - Items with icons
    - 85% transparency for sub menus
    - Top items and submenus have a shadow
    - Horizontal or vertical orientation
    - Unlimited number of sub levels
    - Image arrows
    - Special JavaScript API for changing javascript menu "on-the-fly"




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

Menu Screenshots

Joomla Sf Horizontal Popupmenu Code

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed joomla sf horizontal samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
Html Create Tab Menu Example Joomla Sf Horizontal
Cost Effective
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
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



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

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I want to know how I can set a menu item to pressed
when a page is loaded in javascript drop down menus.

A: You should set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.


Q: A couple days ago I purchased the multi-website license of Deluxe Menu/Tree/Tabs/Popup Window/Calendar for US$149.00

I am having a very hard time getting the popup window to do just a basic function.

All I want is to have a link that I click on the page and the dhtml menu windows pop up.

As it is, the page automatically opens the popup window on loading.

I'm not a Javascript programmer which is why I purchased your product as it seemed I could pick a couple basic values in the GUI and it would create the script and code for me.

It would be REALLY handy if you had a couple of examples of how to create the following:

- Open the popup window upon the page loading

- Open the popup window when the user clicks a link

- Open the popup window when the user mouses over a link

- Close the popup window when the user mouses out

The help section doesn't even provide a menu item for the popup window.

Finding support for it on your site is difficult and what I can find is better suited for someone with Javascript knowledge.

Is there any way you can provide me the code to do this?

Thanks very much for your time and assistance.

A: We have such example on our website:
> - Open the popup dhtml menu windows upon the page loading
To open the popup window upon the page loading you should set thefollowing parameter:
openAfter=0
deluxePopupWindow.attachToEvent(win,'openAfter=0,,,,,')
You can find this parameter in Deluxe Tuner. See on-load.zip example.
> - Open the popup window when the user clicks a link
Create the popup window in Deluxe Tuner and save it as html. UseonClick event for a link.

See how you should write your link:
<a class="sampleLink" title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', '<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN: center\'><B>Sample content</B></DIV><DIV style=\'font: 13px;text-align: center; color:#666666; \'><EM>This is a simple HTML code for content. Here you may also set link to content page or ID of some element.</EM>', 'Safari Style', 'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,middle,right,fade-effect,opacity=1,floatable=yes', 'windows_safari')"><b>this link</b></a> opens a medium-sized dhtml floating window.
where (see on-click.js file)
'win' - is winID
'<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM:
10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN:center\'>
<B>Sample content</B></DIV><DIV style=\'font:
13px;text-align: center; color:#666666; \'><EM>This is a
simple HTML code for content. Here you may also set link to
content page or ID of some element.</EM>' - content of your
popup window
'Safari Style' - window title
'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,middle,right,fade-effect,opacity=1,floatable=yes' - parameters of the popup window'windows_safari' - window skin

You can find more info about deluxePopupWindow.open function here:
http://deluxepopupwindow.com/window-installation-info.html

Notice that you shouldn't set openAfter parameter in on-click.jsfile:
deluxePopupWindow.attachToEvent(win,',,,,,')

> - Open the popup window when the user mouses over a link
> - Close the popup window when the user mouses out

You should create such popup in the same way as in the previous point,but use onMouseOver/onMouseOut events.

<a class="sampleLink" title="Click to open sample" href="javascript:;" onMouseOver="deluxePopupWindow.open('win', '<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN: center\'><B>Sample content</B></DIV><DIV style=\'font: 13px;text-align: center; color:#666666; \'><EM>This is a simple HTML code for content. Here you may also set link to content page or ID of some element.</EM>', 'Safari Style', 'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,middle,right,fade-effect,opacity=1,floatable=yes', 'windows_safari')"><b>this link</b></a> opens a medium-sized dhtml floating window.

<a class="sampleLink" title="Click to open sample" href="javascript:;" onMouseOut="deluxePopupWindow.open('win', '<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN: center\'><B>Sample content</B></DIV><DIV style=\'font: 13px;text-align: center; color:#666666; \'><EM>This is a simple HTML code for content. Here you may also set link to content page or ID of some element.</EM>', 'Safari Style', 'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,bottom,left,fade-effect,opacity=1,floatable=yes', 'windows_safari')"><b>Open popup window</b></a>



Q: I've purchased the mac style tabs. I've spent countless hours trying to get it to work, no luck so far. I've gotten jscript tabs to look okay on page, but links between pages do not work. I've even gotten them to work, but they were simple text menu's; not jscript tabs. But I haven't gotten the tabbed menu to work. Checked and tripled cheeked the instructions, still no luck.
I've uploaded the files to a test server.

There are four files cameron,carl,grace, and chantel; these are simple identical two column pages to test the links between tabs. NO LUCK. I'm about to give up on your program, can you please help.

A: You're using
  var tabMode=0;
now. That means that you should use content DIV's ID instead of thelink.
If you want to open links you should write links in the following way:

["Cameron","link:cameron.html", "", "", "", "", "", "", "", ],
["Grace","link:grace.html", "", "", "", "", "", "", "", ],
["Carl","link:carl.html", "", "", "", "", "", "", "", ],
["Chantel","link:chantel.html", "", "", "", "", "", "", "", ],

Q: Hello, I very much like your components and will most likely buy one or more (or all!) of them for multi domain use after evaluating, I am however finding a problem with the Deluxe Popup javascript menu windows when it contains Flash content and I am resizing the window in IE6 or IE7, is this a known issue? Do you need an example of what I am referring to? We intend to use a lot of Flash content inside the windows so this is a big issue I need to resolve or workaround somehow, it seems fine in other browsers however.

Also do you have examples of how a window can be manipulated after creation, for example altering its position, width/height, window title and content etc with JS? Such an example would probably save me time evaluating.

A: To overlap your flash file you should add opaque parametersto your flash, for example:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
width="566" height="250" title="Intro">
<param name="movie" value="/includes/banner_final3d.swf" />
<param name="wmode" value="opaque">
<param name="quality" value="high" />
<embed src="/includes/banner_final3d.swf" quality="high" wmode="opaque" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="566" height="250"></embed>
</object>

You can find more info about menu parameters on our website:
http://www.deluxepopupwindow.com/parameters.html

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