Recent Questions Graphical Tree Menu
Q: Do your popup menus work with Dreamweaver?
A: JavaScript Tree Menu wasn't developed as Dreamweaver/Frontpage extension and wedon't have plug-ins for it.
To install the menu into your html page:
1. create and save .js file with your menu parameters in Deluxe Tuner
2. open your .html page in Dreamweaver
3. Copy data.js file and "data.files/" folder in the same folderwith your html page.
4. add several rows of code (<script> tags).
For info see:
http://deluxe-menu.com/installation-info.html
<head>
<!-- JavaScript Tree Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com&</a></noscript>
<script type="text/javascript"> var dmWorkPath="data.files/";</script>
<script type="text/javascript" src="data.files/dmenu.js"></script>
</head>
<body>
...
<script type="text/javascript" src="data.js"></script>
...
</body>
That's all.
It is possible that Dreamweaver changes some paths,
so you'll havean error in the preview.
On your site or in your browser there'll be no errors.
Q: I use menu with color graphic buttons, I believe the color buttons locate in @BOOK1\@Test_BOOK1.files.
At this directory level(please look in Book1.zip), the display is OK,
However, if I click on "06) Introduction.to.Small-Signal.Amplifiers\<
>>(06_IT.htm)" to move to the next level, the color buttons will not display properly.
Can I set pointer that tells file 06_IT.htm that I have "@Test_BOOK1.files" in "@BOOK1" folder?
A: You can use additional parameters to make menu paths absolute:
var pathPrefix_img = "http://domain.com/images/";
var pathPrefix_link = "http://domain.com/pages/";
These parameters allow to make images and links paths absolute.
For example:
var pathPrefix_img = "http://domain.com/images/";
var pathPrefix_link = "http://domain.com/pages/";
var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];
So, link path will be look so:
http://domain.com/pages/index.html
Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif
Please, try to use these parameters.
Q: Is there any way with my dynamic menu in javascript, to allow/setup the showing of path navigation at the top so the viewer sees where they are and where they have been (the path)?
A: You can only show the path in your status string. Set the followingparameter:
var statusString="link";
Q: I've finally got it working and it looks good. So thanks. But... unfortunally there's still a small problem wich occured after I got everything else working: No matter if I set the parmeter " var texpanded" to '1' or '0' it expands by default tree menu javascript. Why?
I also have another question I forgot to ask you about earlier: Originally I only had the data.js file but in the non-profit zip file you gave me there was no "data.js" file, only "data-tree.js". Wich one will the script use? Do I need both? The javascript call I put where I want the menu to appear calls for "DATA. js". So what good does the "data-TREE.js" file do?
I include the "data.js" file if you need to have a look at it. The "data-tree. js" file is identical now that I changed all the " var tmenuItems" at the bottom). (The "menu.html" I guess you can look at yourself by "View source".)
Also, the submenus where I would like to put XP style menus are not finished yet but for now I have the same "tree" script in them. They are under "DART/dartspel.html", and on six artist discographys under MUSIK: Edguy, Katie Melua, Joe Satriani, Michael Schenker, Trans-Siberian Orchestra and Magnus Uggla. This is if you'ld like to see the sub pages where I use other "copys" of Deluxe-tree. (I hope you don't mind that the "Illegal copyright" nag is very small. It's supposed to dissapear anyway with the new Non-profit license).
A: 1) See the structure of your tmenuItems is incorrect now.
You should write:
["->HEM (Klicka f?r meny)","welcome.html", "data.files/hem.gif", "data.files/hem2.gif", "data.files/hem.gif", "Startsidan", "right", "", ],
Without '|' symbol in the beginning.
2) You should write tleft parameter correctly. Now you have:
//--- Positioning
var tabsolute=1;
var tleft="00px";
var ttop="10px";
Write it in the following way:
var tleft="10px";
3) data-tree.js file is the default tree menu javascript file. There is no need to use it if you already haveyour data.js file.
