Support Forum Softcomplex logo
About Us  | Services  | Download  | Order  | Support  | |
| Search | Today's Posts | Stats | Board Rules | Not logged in [ Login | Register ]
go to bottom
Last active: Never

Printable Version | Subscribe | Add to Favourites   Post new thread
Author: Subject: Expanding node on single click - the text link
ssuite
Junior Member

Posts: 2
Registered: 12/14/2005
Member Is Offline
posted on 12/14/2005 at 08:37 AM Reply With Quote
Expanding node on single click - the text link


Hello.

I have seen several posts on this and found where you're pointing people in the documentation. "Node open on single click".

I have tried all of your tree demos out in IE 6 & Firefox 1.5 on the PC. Also Safari 2.0.2 & Firefox 1.5 on the Mac. I would say that all browsers are on their "default" settings.

The functionality where clicking on the text "link" with a single click to expand that folder does not work on any of my browsers. It always requires a double-click. I was expecting to see the single-click work for the text link in demo 4 - but it does not in any. The only functionality that works with a single click is clicking on the plus/minus sign to the left of the folder.

Please advise. I need to get the single-click setup working for the text links in my menu.

Could you please point me to a demo where this is definitely supposed to work like that?

Thanks a lot.
View User's Profile View All Posts By User U2U Member
rock
Moderator

Posts: 687
Registered: 4/15/2003
Member Is Offline
posted on 12/20/2005 at 01:01 PM Reply With Quote

Are you using PRO version?
View User's Profile View All Posts By User U2U Member
ssuite
Junior Member

Posts: 2
Registered: 12/14/2005
Member Is Offline
posted on 12/21/2005 at 01:22 PM Reply With Quote

Yes I am.

As I've said though, I'm not able to see this same functionality in any of the samples of your site using the browsers I've mentioned.
View User's Profile View All Posts By User U2U Member
tigra
Administrator

Posts: 2049
Registered: 6/17/2002
Location: US, CO
Member Is Offline
posted on 7/5/2007 at 02:19 PM Reply With Quote
sample tree_tpl.js for single click nodes opening


Code:

/*
Feel free to use your custom icons for the tree. Make sure they are all of the same size.
If you don't use some keys you can just remove them from this config
*/

var tree_tpl = {

// general
'target':'_blank', // name of the frame links will be opened in
// other possible values are:
// _blank, _parent, _search, _self and _top
// icons - root
'icon_48':'icons/folder.gif', // root icon normal
'icon_52':'icons/folder.gif', // root icon selected
'icon_56':'icons/folder.gif', // root icon opened
'icon_60':'icons/folder.gif', // root icon selected opened

// icons - node
'icon_16':'icons/folder.gif', // node icon normal
'icon_20':'icons/folderopen.gif', // node icon selected
'icon_24':'icons/folderopen.gif', // node icon opened
'icon_28':'icons/folderopen.gif', // node icon selected opened

'icon_80':'icons/folderover.gif', // mouseovered node icon normal
'icon_88':'icons/folderopenover.gif',

// icons - leaf
'icon_0':'icons/page.gif', // leaf icon normal
'icon_4':'icons/pagesel.gif', // leaf icon selected
'icon_64':'icons/pagesel.gif', // leaf icon selected

// icons - junctions
'icon_2':'icons/joinbottom.gif', // junction for leaf
'icon_3':'icons/join.gif', // junction for last leaf
'icon_18':'icons/plusbottom.gif', // junction for closed node
'icon_19':'icons/plus.gif', // junctioin for last closed node
'icon_26':'icons/minusbottom.gif',// junction for opened node
'icon_27':'icons/minus.gif', // junctioin for last opended node

// icons - misc
'icon_e':'icons/empty.gif', // empty image
'icon_l':'icons/line.gif', // vertical line

// styles - root
'style_48':'mout', // normal root caption style
'style_52':'mout', // selected root caption style
'style_56':'mout', // opened root caption style
'style_60':'mout', // selected opened root caption style
'style_112':'mover', // mouseovered normal root caption style
'style_116':'mover', // mouseovered selected root caption style
'style_120':'mover', // mouseovered opened root caption style
'style_124':'mover', // mouseovered selected opened root caption style

// styles - node
'style_16':'t0ic', // normal node caption style
'style_20':'t0ic', // selected node caption style
'style_24':'t0ic', // opened node caption style
'style_28':'t0ic', // selected opened node caption style
'style_80':'t0io', // mouseovered normal node caption style
'style_84':'t0io', // mouseovered selected node caption style
'style_88':'t0io', // mouseovered opened node caption style
'style_92':'t0io', // mouseovered selected opened node caption style

// styles - leaf
'style_0':'t1io', // normal leaf caption style
'style_4':'t1io', // selected leaf caption style
'style_64':'t1ic', // mouseovered normal leaf caption style
'style_68':'t1ic', // mouseovered selected leaf caption style

'onItemSelect':'onItemSelectHandler'
// make sure there is no comma after the last key-value pair
};

/*
This function modifies tree behavior so nodes without link
assigned will open on single click
Function should be called AS onItemSelect handler of the tree
*/

function onItemSelectHandler (o_item) {
// if node with no link then toggle
var o_state = o_item.state();
if (o_state['node'] && !o_item.a_config[1]) {
o_item.o_root.toggle(o_item.n_id);
// cancel default action
return false;
}
// proceed to default handler
return true;
}
View User's Profile View All Posts By User U2U Member
eagle79
Junior Member

Posts: 4
Registered: 6/11/2004
Member Is Offline
posted on 7/23/2007 at 03:27 PM Reply With Quote
Doesn't work for me...


I apologize if I'm hijacking this thread, but this doesn't seem to work for me. We have the PRO version of the tree menu, and I've added this to my tree_tpl.js file almost verbatim. But when I click my link now, I end up getting a 404/Not Found error, because my browser is now attempting to access http://[my-server]/[my-folder]/null (which of course, does not exist).

Inserting window.alert calls into the onItemSelectHandler makes me think this is happening whenever o_item.state() is called.
View User's Profile View All Posts By User U2U Member
tigra
Administrator

Posts: 2049
Registered: 6/17/2002
Location: US, CO
Member Is Offline
posted on 7/23/2007 at 08:44 PM Reply With Quote

try

if (o_state['node'] && o_item.a_config[1]) {

instead of

if (o_state['node'] && !o_item.a_config[1]) {

not sure how it got there
View User's Profile View All Posts By User U2U Member
eagle79
Junior Member

Posts: 4
Registered: 6/11/2004
Member Is Offline
posted on 7/23/2007 at 10:09 PM Reply With Quote

No change. The original conditional looks right to me, anyway, since I only want to toggle folder state if the link is null.

But it seems to be happening during the call to o_item.state().

If I add the following to the top of the event handler:

window.alert("testing...");
window.alert(o_item.state());
window.alert("still testing...");

And then try it, I get the first message ("testing..."), then I get a 404. I never get the third message ("still testing...")
View User's Profile View All Posts By User U2U Member
tigra
Administrator

Posts: 2049
Registered: 6/17/2002
Location: US, CO
Member Is Offline
posted on 7/23/2007 at 10:23 PM Reply With Quote

Right. having the case of Mondays...
Well, this code worked fine previously. Make sure you use original tree.js.
If it looks fine then submit a support ticket attaching all the files in zip package and we'll take a look.
View User's Profile View All Posts By User U2U Member
eagle79
Junior Member

Posts: 4
Registered: 6/11/2004
Member Is Offline
posted on 7/24/2007 at 12:44 PM Reply With Quote

Okay. Will do.

-Thanks.
View User's Profile View All Posts By User U2U Member
tigra
Administrator

Posts: 2049
Registered: 6/17/2002
Location: US, CO
Member Is Offline
posted on 7/24/2007 at 03:12 PM Reply With Quote

Apparently it was too old version of the script.
View User's Profile View All Posts By User U2U Member
Post new thread

Related Links:
Tigra Tree Menu
Product Demonstrations Live Demos:
Frames targeting
Win help style
Free Download Free Download
Free Download Menu Builders
Online Builder
Product Documentation Documentation:
Documenation Page
Support Forum Technical Support
Support Forum
   
Tigra Tree Menu PRO
Product Demonstrations Live Demos
Multiple Trees
Frames Targeting
Icons and Styles Overloading
Event Handling
Performance Test
Version 1.2 features
Product Documentation Documentation
Documenation Page
Change Log
Support Forum Technical Support
Support Forum
Customer Care System
Order Now ORDER NOW!
Add to Cart
View Cart
 

Go To Top


Powered by XMB 1.9.1 Nexus
Developed By Aventure Media & The XMB Group © 2002-2004