Recent Questions Jquery Outlook Style Treeview
Q: I have setup some tabs on a site that I am designing and for some reason when i click on a tab and it links to another page it automatically highlights the first tab in the row.
I have triedfiddling with it and have not been able to figure it out. Can someone point me in the right direction to have the correct tab selected in the css tab menu after i click it and goto the page.
A: Deluxe Tabs doesn't support API functions which can return theselected tab.
You can set "bselectedItem" and " var bselectedSmItem" parametersbased on your link before you call your data file.
For example, move " var bselectedItem" and " var bselectedSmItem" parametersfrom your data file to your code.
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=<?php echo $seltabs; ?>;
var bselectedSmItem=<?php echo $selsmtabs; ?>
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>
You should define seltabs and selsmtabs using server side script.
You can also set it on every page before you call data.js file, forexample:
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=4;
var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>
</span>
Q: I am really confused by all of this. Perhaps I should state that I am computer savvy, however, I am not at all familiar with javascript or html. I was hoping to use the deluxe tuner to avoid having to deal with any of this.
I removed deluxe tuner and deluxe menu from my computer and reinstalled both. When I went to download the license key, I extracted the file from the ZIP file and replaced the files that were downloaded with the free version.
I am now ready to re-create my menu. It says to edit my data file. When I try to do that it will NOT open. It says my computer does not have the right program? What do I need?
Also, once I have created the menu in Deluxe tuner, where should I save it? In the folder where my website pages are saved? Again, I am using Yahoo sitebuilder, so I am not exactly sure where I should save it in these folders?
Furthermore, when I tried to save a file before I removed Deluxe tuner and reloaded it, It would ask me if I wanted to copy all my files? What is that and what is the purpose?
A: > I am now ready to re-create my menu. It says to edit my data file. When I
> try to do that it will NOT open. It says my computer does not have the right
> program? What do I need?
You should open your data file with the menu in any text editor andadd your reg. key.
Try that.
> Also, once I have created the menu in Deluxe tuner, where should I save it?
You can save your data file in any place and then copy to the rightplace.
> Furthermore, when I tried to save a file before I removed Deluxe tuner and
> reloaded it, It would ask me if I wanted to copy all my files? What is that
> and what is the purpose?
If you click yes, Deluxe Tuner save also all engine .js files and allyour images into "data.files/" folder.
You can also click Export->To HTML.
So you'll have html page with your menu and folder with engine .jsfiles and images.
So you should to do the following things:
1. open your page in Yahoo's SiteBuilder
2. open generated with Deluxe Tuner html source code of the page i anytext editor
3. copy such lines from html source code
<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>
and add them in you <head> tag.
Then find such line, for example:
<script type="text/javascript" src="data.files/data.js"></script>
and add it in you tag in the place where you want to have themenu. For example, you can paste it in <table> or <div> tag:
<table>
<tr><td><script type="text/javascript" src="data.files/data.js"></script></td></tr>
</table>
or
<div align=center>
<script type="text/javascript" src="data.files/data.js"></script>
</div>
For info see:
http://deluxe-menu.com/installation-info.html
You should also copy "data.files/" folder in the right place. In thefolder where you have you index.html page, created in Yahoo'sSiteBuilder.
Q: If there is an option in the php navigation bar to make all of the top items the same size?
A: Set width for the items using Individual styles:
var itemStyles=[["itemWidth=100px"],] //style 0
Assign Individual Styles for the menu Items.
var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style 0
["Item 2",", "data2.files/icon1.gif", "data2.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style 0
...
You can see more info here:
http://deluxe-menu.com/individual-item-styles-info.html
Q: Two more questions, while waiting for this answer:
1) calendarDatePicker.handlers( ['dtEvent', 'dtEvent', {type : 'datetime', format:'%L %d, %Y, %l:%M %p', locale:'en'}] ); is ignoring the date format.
2) If I have a button that in an onclick I want to popup calendar, how would I do that?
3) I am getting 'incorrect copyright', suggestions?
Thank you, I have people waiting for me to bring this site live - your fast help is appreciated
A: >I am getting 'incorrect copyright', suggestions?
You should write NOSCRIPT tag in the following way:
<noscript><a href="http://calendardatepicker.com">Javascript Calendar Date Picker by calendardatepicker.com</a></noscript>
> 1) calendarDatePicker.handlers( ['dtEvent', 'dtEvent', {type : 'datetime',
> format:'%L %d, %Y, %l:%M %p', locale:'en'}] ); is ignoring the date format.
> 2) If I have a button that in an onclick I want to popup the calendar, how
> would I do that?
You should install the calendar in the following way:
<form>
<script>
window.onload = function(){
calendarDatePicker.handlers(['cal', 'txt', {type : 'datetime', IiI:'%L %d, %Y, %l:%M %p', locale:'en'}]);
};
</script>
<input type="button" value="Click to open calendar" id="cal" name="cal" onClick="">
<input type="text" id="txt" value="">
<div id="test-box" style="width:40px;height:40px;position:absolute;left:200px;top:10px;"></div>
</form>
