This is an Ajax Script to create Multiple Level Dropdown Menus. The menu lists (categories, sub-categories, link URL) are defined on client-side with JavaScript, and can be saved with PHP in TXT file (in JSON format), or /and in MySQL database.
• The script is free, without any support or assistance. You can use it, modify, and publish it freely.
Features
- This Multi-Level Menu Creator provides an user interface for composing HTML based menus; to Add, Modify, and Delete lists and links in menu, preview multi-level menu, Save and Load saved menu.
- The script comes with three predefined types of Menu Styles: Horizontal-Vertical menu, and two Vertical-Horizontal menus.
- The script generates HTML and CSS code for the Menus, that can be copied to add them in your web page; also, the JSON and SQL code, if you want to save the menu manually in TXT file or MySQL database.
- You can load a saved menu to continue editing it, to add and modify lists /links. The saved menu can also be included in PHP files, using the PHP class of this script.
More details, instalation and settings in the "readme.html" file in the script.
• To Download it, click:
Multi-Level Dropdown Menu script.
•
To see and test this script, click: Demo Create Multi-Level Menu Script.
- On the Demo Page you can create Online your multiple level menu, get the code and include it in your web site, without need to Download and install the script.
Daily Test with Code Example
HTML
CSS
JavaScript
PHP-MySQL
Which tag is used to add lists into <ul> and <ol> elements?
<dt> <dd> <li><ul>
<li>http://coursesweb.net/html/</li>
<li>http://coursesweb.net/css/</li>
</ul>
Which value of the "display" property creates a block box for the content and ads a bullet marker?
block list-item inline-block.some_class {
display: list-item;
}Which instruction converts a JavaScript object into a JSON string.
JSON.parse() JSON.stringify eval()var obj = {
"courses": ["php", "javascript", "ajax"]
};
var jsonstr = JSON.stringify(obj);
alert(jsonstr); // {"courses":["php","javascript","ajax"]}Indicate the PHP class used to work with HTML and XML content in PHP.
stdClass PDO DOMDocument$strhtml = '<body><div id="dv1">CoursesWeb.net</div></body>';
$dochtml = new DOMDocument();
$dochtml->loadHTML($strhtml);
$elm = $dochtml->getElementById("dv1");
echo $elm->nodeValue; // CoursesWeb.net