Recent Questions Membuat Trees Down Menu Dengan Javascript
Q: I have not been able to get the dhtml context menu - or any other Javascript - to appear. I use FrontPage2000. Any ideas?
A: See how you should install JavaScript Tree Menu on your pages.
JavaScript Tree Menus weren't developed as Dreamweaver/Frontpage extension,BUT you can use it as standard Javascript files. To install the dhtml context menuinto your html page:
1. open the page in your program
2. open html source code of the page
3. add several rows of code (<script> tags), For info see:
http://deluxe-tree.com/installation-info.html
That's all.
It is possible that Dreamweaver changes some paths, so you havean error in the preview.
On your site or in your browser there'll be no errors.
Create your menu in Deluxe Tuner application.
You can create any dhtml context menu as you like in Deluxe Tuner.
2. You should install the menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).
Add several rows into your html page.
<head>
...
<!-- JavaScript Tree Menu -->
<noscript><a href="http://deluxe-menu.com">dhtml context menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
<script type="text/javascript" src="data-deluxe-menu.js"></script> //data-deluxe-menu.js - data file created in Deluxe Tuner.
...
</head>
<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr>
</table>
...
</body>
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 "deluxe-menu.files/" folder. You should place this folder in thesame folder with your index. html page.
Q: How woud I make all the sub-menu’s height and text smaller in the css dhtml menu?
A: You can create Individual Item Style and assign it to each item insubmenu.
For example:
var itemStyles = [
["itemHeight=10px","fontStyle=normal 9px Trebuchet MS, Tahoma"],
];
and assign it to each item in submenu:
["|Item 7","", "", "", "", "", "0", "", "", ],
["|Item 8","", "", "", "", "", "0", "", "", ],
you can also use standard <br> tags.
["|Home text<br>text","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],
Q: I am trying the menu and facing one problem…
The text is too large and doesn't wrap around.. instead it makes the dhtml menu layers wider.
My dhtml menu layers needs to be 175 px only.. if there are to many characters in the link, I like it to wrap around to the next line…
Any options?
A: You should set the following dhtml menu layers parameter:
var noWrap=0;
You can also use standard <br> tags inside item's text:
["All Card <br>Envelopes","", "", "", "", "", "", "", "", "", "", ],
Q: Is it possible to make the javascript menu buttons and the text bigger? Or at least the text larger?
Right now the text is so small that they actually look a little blurry.
The only font I can increase is the font on the dropdown menus. but I cant change the font that appear on the actual tabs. If I could increase the font on them that would be great.
A: You should change font in Individual styles.
var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackImage=http://www.pursepage.com/wp-content/themes/pinkdoubleheader/data.files/btn_magentablack.gif,http://www.pursepage.com/wp-content/themes/pinkdoubleheader/data.files/btn_magenta.gif","itemBorderWidth=0", "fontStyle='normal 14px Arial','normal 14px Arial'","fontColor=#FFFFFF,#FFFFFF"],
];
