Infragistics Treeview Rollover by Deluxe-Tree.com
Infragistics Treeview Rollover


Buy Now!  Free Trial Download

Menu Screenshots Infragistics Treeview Rollover

Infragistics Treeview Rollover Navigation Mit Tree

Features Infragistics Treeview Rollover

Unrivalled Features
  • Scrollable, dragable, floating
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
Cost Effective
Tree Menu With Shadow Infragistics Treeview Rollover
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
Easy Setup
  • De Luxe Tuner. GUI interface to create your infragistics treeview rollover menus easily and in no time
  • Sensible menu parameters for manual editing
Seamless Integration
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • You can animation and effects for the javascript tree menu. These effects will make your menu more attractive and stylish. When you click on titles of submenus - submenus will collapse or expand. Submenus have a fade effect in Internet Explorer when you collapse/expand them, so your menus look like original menus in Windows XP Explorer. You can set different speed for an animation.

Recent Questions Infragistics Treeview Rollover

Q: What is wrong here ???

 ["|<div OnMouseOver=alert('This is a test');>ABMELDEN</div>", "Logout.asp", "icon2_s.gif","icon2_s.gif","","Abmelden",,"3"],


A: You should write:

 ["|<div OnMouseOver='alert(\"This is a test\");'>ABMELDEN</div>","Logout.asp", "icon2_s.gif","icon2_s.gif","","Abmelden",,"3"],


Q: I have some problems with Javascript/DHTML Tree.
I have set the   var tlevelDX to 5 to decrease the indent for each level of items, but would like to decrease the indent even more. Ican't find the parameter that will set the indent in pixels of thefirst level item.

Also, is there a setting that will put text for a menu item on a second line?

I hope that you can help.


A: You can make the smallest indent this way:
  var tlevelDX = 0;
You are not able to have more little indent. This place is reservedfor + buttons.

Try to set this parameter:

  var tnoWrap=0;

You can also use <br> tags in the item text, for example:

  var tmenuItems = [
["line 1<br>line 2"],
];


Q: How can I keep the already opened node open in simple tree view, when you expand another node.

A: Please set the following parameters:

  var tcloseExpanded=0;
  var tcloseExpandedXP=0;




Q: A couple days ago I purchased the multi-website license of JavaScript Tree Menu/Tree/Tabs/Popup Window/Calendar for US$149.00

I am having a very hard time getting the popup window to do just a basic function.

All I want is to have a link that I click on the page and the dhtml menu windows pop up.

As it is, the page automatically opens the popup window on loading.

I'm not a Javascript programmer which is why I purchased your product as it seemed I could pick a couple basic values in the GUI and it would create the script and code for me.

It would be REALLY handy if you had a couple of examples of how to create the following:

- Open the popup window upon the page loading

- Open the popup window when the user clicks a link

- Open the popup window when the user mouses over a link

- Close the popup window when the user mouses out

The help section doesn't even provide a menu item for the popup window.

Finding support for it on your site is difficult and what I can find is better suited for someone with Javascript knowledge.

Is there any way you can provide me the code to do this?

Thanks very much for your time and assistance.

A: We have such example on our website:
> - Open the popup dhtml menu windows upon the page loading
To open the popup window upon the page loading you should set thefollowing parameter:
openAfter=0
deluxePopupWindow.attachToEvent(win,'openAfter=0,,,,,')
You can find this parameter in Deluxe Tuner. See on-load.zip example.
> - Open the popup window when the user clicks a link
Create the popup window in Deluxe Tuner and save it as html. UseonClick event for a link.

See how you should write your link:
<a class="sampleLink" title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', '<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN: center\'><B>Sample content</B></DIV><DIV style=\'font: 13px;text-align: center; color:#666666; \'><EM>This is a simple HTML code for content. Here you may also set link to content page or ID of some element.</EM>', 'Safari Style', 'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,middle,right,fade-effect,opacity=1,floatable=yes', 'windows_safari')"><b>this link</b></a> opens a medium-sized dhtml floating window.
where (see on-click.js file)
'win' - is winID
'<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM:
10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN:center\'>
<B>Sample content</B></DIV><DIV style=\'font:
13px;text-align: center; color:#666666; \'><EM>This is a
simple HTML code for content. Here you may also set link to
content page or ID of some element.</EM>' - content of your
popup window
'Safari Style' - window title
'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,middle,right,fade-effect,opacity=1,floatable=yes' - parameters of the popup window'windows_safari' - window skin

You can find more info about deluxePopupWindow.open function here:
http://deluxepopupwindow.com/window-installation-info.html

Notice that you shouldn't set openAfter parameter in on-click.jsfile:
deluxePopupWindow.attachToEvent(win,',,,,,')

> - Open the popup window when the user mouses over a link
> - Close the popup window when the user mouses out

You should create such popup in the same way as in the previous point,but use onMouseOver/onMouseOut events.

<a class="sampleLink" title="Click to open sample" href="javascript:;" onMouseOver="deluxePopupWindow.open('win', '<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN: center\'><B>Sample content</B></DIV><DIV style=\'font: 13px;text-align: center; color:#666666; \'><EM>This is a simple HTML code for content. Here you may also set link to content page or ID of some element.</EM>', 'Safari Style', 'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,middle,right,fade-effect,opacity=1,floatable=yes', 'windows_safari')"><b>this link</b></a> opens a medium-sized dhtml floating window.

<a class="sampleLink" title="Click to open sample" href="javascript:;" onMouseOut="deluxePopupWindow.open('win', '<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN: center\'><B>Sample content</B></DIV><DIV style=\'font: 13px;text-align: center; color:#666666; \'><EM>This is a simple HTML code for content. Here you may also set link to content page or ID of some element.</EM>', 'Safari Style', 'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,bottom,left,fade-effect,opacity=1,floatable=yes', 'windows_safari')"><b>Open popup window</b></a>