Scenarist Popup Menu Tutorial by Deluxe-Menu.com
Scenarist Popup Menu Tutorial

Menu Screenshots

Scenarist Popup Menu Tutorial Object Javascript

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
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!
Drop Down Menus Tutorial Html Scenarist Popup Menu Tutorial
Easy Setup
  • De Luxe Tuner. GUI interface to create your scenarist popup menu tutorial menus easily and in no time
  • Sensible menu parameters for manual editing
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: Can I use javascript to get the object (getElementByID). If not howdo I hide my dropdown menu on print?

A: You can add a new button to print your page and call onClick event, soyou should write:
<body ....
onClick="document.getElementById('dm0m0').style.visibility='hidden'; window.print();">
...
</body>
Or you can use the same javascript code from your menu item.

For example:
  var menuItems = [
["Print", "javascript:document.getElementById('dm0m0').style.visibility='hidden';
window.print();", icon1, icon2],
];
But if you want to hide the menu when your customers push "File/Print"you should write so:
You must create two functions, for example:

function myprint()
{ document.getElementById('dm0m0').style.visibility='hidden';
window.print();
}
function myprint2()
{ document.getElementById('dm0m0').style.visibility='visible';
window.print();
}
You should add this functions into your code.

And then you must write so:

window.onbeforeprint = myprint;
window.onafterprint = myprint2;


Q: I want to use this menu with ASP. Can the link items NOT open a new window?
For ASP the current window needs to be used with whatever value is in the link parameter.


A: JavaSript menu uses window.open or href-method depending on the target parameter.
If you set "" or "_self" target the menu uses href-method and if youset "_blank" or frame name the menu uses window.open and opens your link in a new window.

You should use the following parameter
  var titemTarget = "_self";
or
  var titemTarget = "";

Please, see also individual items targets, for example:
{|The Team, http://www.domain.co.uk/receptionist.htm, _blank,}
Change "_blank" to "" or to "_self".


Q: I’m interested in buying your products.
I have no experience in programming, only know html/php.
How easy would it be to set up these mouseover menus?
I understand your explanation of copying scripts into the relevant html pages.
But what about inserting the menus? Do I have to program them myself?


A: Unfortunately we don't have step by step tutorial now. We'll try tocreate it in the nearest time.

1. Create your menu in Deluxe Tuner application.
You can create any menu as you like in Deluxe Tuner.

You can use ready to use templates. You can find them in the templateswindow.

When you open Deluxe Tuner ( Deluxe Menu ) you can click "File/New"
and add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.

You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site
(you can alsouse local version of the site which you can find in the trial package
"Deluxe Menu / deluxe-menu.com /")

http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html

You can also use Individual Styles for items and subitems:

http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

2. You should install the menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).

Add several rows into your html page.

<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
<script type="text/javascript" src="data-deluxe-menu.js"></script>
//data-deluxe-menu.js - data file created in Deluxe Tuner.
...
</head>

<body>
...
<table>
<tr><td>
<script type="text/javascript" src="deluxe-menu.files/data.js"></script>
</td></tr>
</table>
...
</body>

You should also copy all engine files:
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
dmenu_search.js
into "deluxe-menu.files/" folder.
You should place this folder in thesame folder with your index. html page.

Try that.


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

Tutorial: Scenarist Designer for Interactive Graphics with Basic

One thing to mention is that when dealing with pop-up menus you might .... Hoping for some screenshots of your other Scenarist tutorial. :)

Tutorial: Scenarist Designer for Interactive Graphics with Basic

One thing to mention is that when dealing with pop-up menus you might .... Hoping for some screenshots of your other Scenarist tutorial. :)

UMTS Forum - Documents | Papers

... AutoCAD 2005 for Architects (Video Tutorials) adobe download free reader ..... 8 downloadfree download of adobe photoshopadobe encore menu download cheap ..... Press) adobe premiere download crack Sonic Scenarist 3.0 adobe acrobat

UMTS Forum - Documents | Papers

... AutoCAD 2005 for Architects (Video Tutorials) adobe download free reader ..... 8 downloadfree download of adobe photoshopadobe encore menu download cheap ..... Press) adobe premiere download crack Sonic Scenarist 3.0 adobe acrobat

UMTS Forum - Documents | Papers

... AutoCAD 2005 for Architects (Video Tutorials) adobe download free reader ..... 8 downloadfree download of adobe photoshopadobe encore menu download cheap ..... Press) adobe premiere download crack Sonic Scenarist 3.0 adobe acrobat

Help guide for converting downloaded episodes to DVD using 'WinAVI

I have done what Cheshire Cat said in the tutorial correctly yet I still ..... just creation of dvd file system. i think i used Scenarist v3.01 or ..... when you press 'Make Dvd Video' from the menu or the equivalent (It

UMTS Forum - Documents | Papers

... VTC AutoCAD 2005 for Architects (Video Tutorials) adobe download free reader ..... adobe photoshopadobe encore menu download cheap Microsoft Frontpage 2003 ..... Press) adobe premiere download crack Sonic Scenarist 3.0 adobe acrobat

How to convert your DivX to DVD±R

This Tutorial makes a multi-region, auto starting movie (no menu or extras) ... using freeware DVDAuthor or the expensive Sonic Scenarist 2.6 r 2.7. ..... A Crutical Error window will pop up with video doesnt match Audio

F-net Forum -> J-drama & J Muzik

Sonic Solutions Scenarist v2.7. Splutterfish.Brazil r/s.V.1.0 .... 2) Tutorial ( documentations and help for FREE (all English language) if you order ... Show Smilies Pop Up Window Enable email notification of replies |

Help guide for converting downloaded episodes to DVD using 'WinAVI

I have done what Cheshire Cat said in the tutorial correctly yet I still ..... just creation of dvd file system. i think i used Scenarist v3.01 or ..... when you press 'Make Dvd Video' from the menu or the equivalent (It

UMTS Forum - Documents | Papers

... VTC AutoCAD 2005 for Architects (Video Tutorials) adobe download free reader ..... adobe photoshopadobe encore menu download cheap Microsoft Frontpage 2003 ..... Press) adobe premiere download crack Sonic Scenarist 3.0 adobe acrobat

HOW-TO - CONVERT AVI, OGM or MKV to DVD - VideoHelp.com

Choose MPEG-2 Program (VBR) from the drop-down menu, select the Video ..... convert the OGG to WAV, then Scenarist or Sony Vegas to make the AC3. .... And, at the same time, you post a tutorial to convert directly to dvd

F-net Forum -> J-drama & J Muzik

Sonic Solutions Scenarist v2.7. Splutterfish.Brazil r/s.V.1.0 .... 2) Tutorial ( documentations and help for FREE (all English language) if you order ... Show Smilies Pop Up Window Enable email notification of replies |

HOW-TO - CONVERT AVI, OGM or MKV to DVD - VideoHelp.com

Choose MPEG-2 Program (VBR) from the drop-down menu, select the Video ..... convert the OGG to WAV, then Scenarist or Sony Vegas to make the AC3. .... And, at the same time, you post a tutorial to convert directly to dvd

How to convert your DivX to DVD±R

This Tutorial makes a multi-region, auto starting movie (no menu or extras) ... using freeware DVDAuthor or the expensive Sonic Scenarist 2.6 r 2.7. ..... A Crutical Error window will pop up with video doesnt match Audio

A Layman's Guide to Shrinking Blu-ray Size on Hard Drive [Archive

I've posted a similar question in the HD-DVD tutorial but since the two formats are .... Scenarist isn't required anymore for HDDVD's as the new superstar, TSmuxer, .... From the Disc Type dropdown menu, select Blu Ray

A Layman's Guide to Shrinking Blu-ray Size on Hard Drive [Archive

I've posted a similar question in the HD-DVD tutorial but since the two formats are .... Scenarist isn't required anymore for HDDVD's as the new superstar, TSmuxer, .... From the Disc Type dropdown menu, select Blu Ray