Recent Questions
Q: I should mean the font style that I failed to update after I have selected and assign font as shown in the pic above.
Step 1. using the sample data file
Step 2. select the font section of the Parameter Step3. click the font style and a window box will show up all the installed fonts
Step4. the default font is Tahoma, so I change it Times Roman
Step5. select Times Roman and click the Assign Font button There is no response with or without option Auto
The style font box did not update nor the preview
A: You should click OK button, not "Assign Font" button when you choosethe font. It is possible that you have to click "Update" button on the"Preview" window.
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: Is there a way we can add javascript behaviors to the sliding dhtml menu actions?
For example, is there a way we can add an onClick function to a menu item
(eg,onClick="return MyFunction( )" ) so that we can catch and process key events?
A: Unfortunately, you can't assign onmouseover/onClick/onContextMenu event to each item.
However, you can achieve this by using standard html objects within items, for example:
var menuitems = [
["item text
", ""]
];
You can use your own Javascript code instead standard links. For example:
var menuItems = [
["text", "javascript:your_code_here"]
];
Try that.Q: I am currently having a look at the use of your drop down menu and was wondering if there was an option to make all of the top menu links the same size?
At current It looks like it is on a percentage increase related to the amount of text, can I change this to a fixed value no matter the text amount?
A: You can use Individual Item Style.
Use that parameter:
var itemWidth=100px
Width of an item (px, % or other units).
For example:
var itemStyles = [
["itemWidth=150"], // style 0
];
var menuItems = [
["Home", "index.html", "myicon1.gif", "myicon2.gif", "Home Page Tip", "_self", "0"], // assign style 0
["About", "about.html", "myicon3.gif", "myicon4.gif", "About Us Tip", "_self", "0"], // assign style 0
];
