Recent Questions Morten Javascript Tree Menu
Q: I’d like to know how to populate the navigation bar menu from a database?
A: Please, see the example of .php file.The content of .php file depends on your database structure.
<?php
// The example for PHP/MySQL.
// MySQL database has the table "menuTable" that contains data for menu items.
// The table has the following fields:
// 1. "text" - item text
// 2. "link" - item link
// 3. "icon1" - item icon (normal state)
// 4. "icon2" - item icon (mouseover state)
function getMenuItems()
{
$jsItems = '';
// Select all records from table "menuTable"
$allItems = mysql_query('SELECT * FROM menuTable;');
// Extract items data from database and build Javascript code for menuItems
while ($itemData=mysql_fetch_array($allItems))
{
$jsItems .= '["'.$itemData['text'].'", "'.$itemData['link'].'", "'.$itemData['icon1'].'", "'.$itemData['icon2'].'"],';
}
// Return Javascript code
return $jsItems;
}
?>
<script>
var menuParam1 = value1;
var menuParam2 = value2;
var menuParam2 = value2;
...
var menuItems = [
// Write Javascript code for menu items
echo getMenuItems();
?>
];
</script> Q: I am using JavaScript Tree Menu and I had a question.
When you roll your mouse over the menu items, the background color of that menu item changes (it becomes darker). Is there a way to establish a setting such that when a Menu Item is CLICKED, the color of that Menu Item STAYS darker. This will help the user know which category of the website they are currently visiting.
Please let me know. Thanks!
A: The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.
You can 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.
But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.
Q: Google Chrome - javascript menu js are obscured by Flash.
A: See more info about this problem on our website:
http://www.deluxe-menu.com/objects-overlapping-sample.htmlQ: I just purchased the Deluxe PopUp Window application in order to implement some pop up window on my web site the way I need them to work.
Infact, after taking a look at your application it doesn't seem (maybe I'm wrong) it can be used the way I need to.
To cut a long story short: I need the PopUP window onclick to show images and not texts pening up them by clicking on a text-link.
Images are many so, if I not wrong I must create lots of windows each one for each single image.
So, my questions are:
1) Can I use you pop up to show images only?
2) Can I activate them by clicking on the related links.
Generally, in order to do so, I have a single js script that activate the window onclick. To load a Popup window I need to click on a link by opening an HTML page containing the image.
To let it all work I need a <script> function in the <head> </head> tags and an onclick command calling the PopUp script activated when I click on the related link.
So, does your script work the same way. Can you confirm me that I can use your application just the same way as I have always done with a simple .js script + an .htm page containing an image?
I hope I was clear.
A: You can call only one data file and use deluxePopupWindow.open() function to open your windows:
<a href="javascript:;" onclick="deluxePopupWindow.open('window1', '<img src=\'img/DSCN3699.jpg\'>',
'Window1','width=100,height=100,resizable,scrollbars=no,middle,right,fade-effect',
'simple')">Click Here to see a chase1 sample</a>
See more info:
http://deluxepopupwindow.com/window-installation-info.html
http://deluxepopupwindow.com/samples.html
