(c) 2007, DHTML-Menu.com
 
   
   
  Support
  Recent Questions
  Write To Support
 

    Could you please help me with creating of html pulldown menu?

Return to Recent Questions


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

I would prefer to have additional documentation or tutorial video but as I have seen on you website there is not. I have also to mix the html pulldown menu with php.


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

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

1. Create your html pulldown menu in DHTML Tuner application.
You can create any html pulldown menu as you like in DHTML Tuner.

DHTML Tuner v2.4 supports DHTML Menu (http://dhtml-menu.com) & DHTML Tree (http://dhtml-menu.com/dhtml-tree/) & DHTML Tabs (http://dhtml-menu.com/tabs/)

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

When you open DHTML Tuner ( DHTML Menu ) you can click "File/New" and add items and subitems using buttons "Add Item" and "Add Subitem" on the 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 also use local version of the site which you can find in the trial package "DHTML Menu / dhtml-menu.com/menu/ /")
http://dhtml-menu.com/menu/parameters-info.html
http://dhtml-menu.com/menu/menu-items-info.html

You can also use Individual Styles for items and subitems
http://dhtml-menu.com/menu/individual-item-styles-info.html
http://dhtml-menu.com/menu/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 in the MAC version).

Add several rows into your html page.

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

<body>
...
<img src="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 "menu.files/" folder. You should place this folder in the same folder with your index. html page.
Try that.





Return to Recent Questions

Related:
   
Copyright (c) 2012, DHTML-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Write Us
All rights reserved. easy website builder software | HTML5 Video Player | CSS Slider | css menu maker | css slider