Recent Questions
Q: Do you plan to implement a fix in the cross browser drop down menu for the pointer - many of our users have complained that it is very un-intuitive - surely it must be possible to change the pointer to a hand if there is a link. I have tried putting <a> tags in to the menu labels, but it only changes to a hand if the actual label text is highlighted - it obviously should change whichever part of the box is highlighted? Is there no other workaround?
A: If you set the following parameter:
var itemCursor="pointer";
You'll have the mousepointer being a hand for all itemsin the menu.
Unfortunately, you can't change cursor type for different items.
But you can write so:
["<a href='http://deluxe-menu.com/'>Home</a>","", , , , , , , , ],
["Product Info","", , , , , "0", , , ],
["|What's New","", , , , , "0", , , ],
In all items with links you should use <a> tag.
Set this parameter:
var itemCursor="default";
Q: I need to work it with PHP/MySQL. I have found some information on it in your Support section, but have problems to understand and wonder if you have more information or a working sample of the loading bar with PHP/ MySQL.
A: Info about generating menu (menu items )from a database, please, see:
http://deluxe-menu.com/generate-menu-from-database-xml-php-asp-vb-support.html
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 = [
<?php
// Write Javascript code for menu items
echo getMenuItems();
?>
];
</script>
Q: May I use this menu in Arabic mode I mean in right to left mode?
If yes please let me know how?
A: You're able to use any characters for Deluxe Menu in the same way asyou use them for standard html page.
The only issue is that submenus can be shown in incorrect positionwhen you're using dir=rtl for your page.
var dmRTL = 0;
Set this parameter to 1 if you're using right-to-left direction of html page <HTML dir=rtl>.
Use also
var smViewType = 2;
for right-to-left languages.
Please, see example:
http://deluxe-menu.com/ways-showing-submenus-sample.html
This examples demonstrates how the menu can change a submenusdirection. Use var smViewType parameter to change a submenusdirection:
var smViewType = 0..3;
Values:
0 - from left to right;
1 - from left to right + upwards;
2 - from right to left;
3 - from right to left + upwards;
In Deluxe Menu when you call data .js file you can try to specify the encoding:
<script src="data.js" charset="utf-8"></script>
Unfortunately, you can't use arabic characters in Deluxe Tuner application.You should manually correct your code.
Q: Hi, just a quick question, is it possible to change which tab is displayed when the page is first rendered.
For instance, if you have 4 tabs, going right to left, can you load the css menu tabs with the second tab being displayed first?
A: See, if you use Tab Mode
var tabMode = 1;
var bselectedItem = 0; //main items
var bselectedSmItem = -1; //submenus
If you use
var tabMode = 0;
var bselectedItem = 0;
See, the ID of the item starts with 0.
So, if you use TabMode ( var tabMode=1;):
var bselectedItem = 4;
["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Subitem1","testlink.html",] ID = 2
["Subitem2","testlink.html",] ID = 3
["Mac Tab 2", "content2"], ID = 4 // selected tab
["Subitem1","testlink.html",] ID = 5
["Subitem2","testlink.html",] ID = 6
["Mac Tab 3", "content3"], ID = 7
["Subitem1","testlink.html",] ID = 8
["Subitem2","testlink.html",] ID = 9
["Mac Tab 4", "content4"], ID = 10
["Subitem1","testlink.html",] ID = 11
["Subitem2","testlink.html",] ID = 12
If you use tabs ( var tabMode=0;):
var bselectedItem = 2;
["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Mac Tab 2", "content2"], ID = 2 // selected tab
["Mac Tab 3", "content3"], ID = 3
["Mac Tab 4", "content4"], ID = 4