Recent Questions
Q: Actually I think we've managed to figure most of the below out, so I'd be grateful if you could give us some pointers with the following instead...
How might we be able to include your javascript menu scripts within e.g. asp tags? We'd like some menu options to be hidden from some users, but I'm getting errors when I put asp tags in your data.js file.
A: It seems to me that you have syntactical error in your code.
Please, check that you don't have double quotes in your code. If you have several quotes you shoulduse back slashes before them, for example:
<%
response.Write( " ['|Test A','javascript:alert(\'Test\');', '', '', '', '', '0', '-1', '', ], " )
%>
["|Loan Profile","../pipeline/loan_profile.asp?id=<%=rsLoans('loan_id')%>", "", "","", "", "", "2"],
Q: Can I install the menu using my buttons? I might be able to do it if the buttons used only one image, but they use two images. One is light and the other dark.
I also have some questions:
1) Will the menu stay in view when the user scrolls down?
2) I'm not even sure I care if the menu stays in view, because I believe that is done using php and is not good for SEO. The file that the search engines see is index.html while the file that visitors see is home.php. I think it would be better for SEO to have a normal .html page. Are you able to do that?
A: See how you should make image-based menus: if item text is empty, icon fields will be used as item images.
For example:
["", "index.html", "menu1a.gif", "menu1b.gif", "Home Page"]
1) You should use floatable feature.
See the following parameter:
var floatable=1;
2) You can generate search engine friendly code using Deluxe Tuner:
"Tools/Generate SE-friendly Code".
Q: I need to include backgroundimages for my navigation, so I put them in the same folder where the "data.js" file can be found. I am using the deluxe tuner in order to call these files and it looks great in the preview. As soon as I save the file and load it in the browser, the background images are missing.
Any solutions for this problem?
A: Now you have such paths for all your images data.files/image.gif
var itemStyles = [
["itemWidth=128px","itemBackImage=data.files/nav01_off.gif,data.files/nav01_off.gif"],
["itemWidth=128px","itemBackImage=data.files/nav02_off.gif,data.files/nav02_off.gif"],
["itemWidth=128px","itemBackImage=data.files/nav03_off.gif,data.files/nav03_off.gif"],
["itemWidth=128px","itemBackImage=data.files/nav04_off.gif,data.files/nav04_off.gif"],
["itemWidth=128px","itemBackImage=data.files/nav05_off.gif,data.files/nav05_off.gif"],
];
But you don't have images in "data.files/" folder. That's why youcan't see them.
Please, check all your paths.
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: I've purchased the mac style tabs. I've spent countless hours trying to get it to work, no luck so far. I've gotten jscript tabs to look okay on page, but links between pages do not work. I've even gotten them to work, but they were simple text menu's; not jscript tabs. But I haven't gotten the tabbed menu to work. Checked and tripled cheeked the instructions, still no luck.
I've uploaded the files to a test server.
There are four files cameron,carl,grace, and chantel; these are simple identical two column pages to test the links between tabs. NO LUCK. I'm about to give up on your program, can you please help.
A: You're using
var tabMode=0;
now. That means that you should use content DIV's ID instead of thelink.
If you want to open links you should write links in the following way:
["Cameron","link:cameron.html", "", "", "", "", "", "", "", ],
["Grace","link:grace.html", "", "", "", "", "", "", "", ],
["Carl","link:carl.html", "", "", "", "", "", "", "", ],
["Chantel","link:chantel.html", "", "", "", "", "", "", "", ],