(c) 2016, Deluxe-Menu.com
Search  
Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu  
  Support
  FAQ
  Contacts
  About Us
  Recent Questions


 

    Could you please help me with creating of popup menu javascript?

Return to Recent Questions


Q: I would prefer to have a sort of documentation or tutorial video but as I have seen on you website there is not. I have also to mix the javascript code with php.

Could you please help me, software look fine but we don't have time to test the code, tutorial will be appricieted.


A: Unfortunately, we don't have tutorial yet, we'll try to create it in the nearest future.

To create the pop up menu you should to do the following steps:

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

Please, try to download trial package once again. We added all templates in Deluxe Tuner Templates window.

Unfortunately, Deluxe Tuner doesn't copy all need images for Vista Template into your folder. You should do it manually.
After you create your menu in Deluxe Tuner you should copy all images you need for the menu into your folder and correct images paths.
You should set the following parameter
var pathPrefix_img="";

2. You should add the following parameter for the pop up menu:
var popupMode=1;

You should do it manually. Please, open your data file in any text editor and add such parameter.

3. You should install the menu on your page.
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>
...
<img src="deluxe-menu.files/logo_w.gif" onClick="return dm_popup(0, 1000, event);">
...
</body>

Where return dm_popup(menuInd, pause, event, x, y)
menuInd - index of the menu on a page, >= 0.
pause - determines the time when the menu will be hidden.
event - constant. Do not change.
x, y - optional. Set these parameters if you want the menu to appear in the specified place. In other case the menu will be shown in the mouse position.

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
into "deluxe-menu.files/" folder. You should place this folder in the same folder with your index. html page.

Try that.





Return to Recent Questions

Mobile Page Layouts Overview Responsive Site Theme  |  Bootstrap Site Themes Review  |  Responsive Website Maker  |  Mobile-friendly Web Page Themes Review  |  Top 53 Killer HTML Templates List  | 
Copyright (c) 2019, Deluxe-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Terms of Use  |  Write Us
All rights reserved. Free AI Website Builder | AI Website Builder | Free AI Website Generator | AI web design generator | AI web page design generator