[MOD] Image Manager with auto-expand

Code: Select all

<script type="text/javascript" src="view/javascript/jquery/jstree/lib/jquery.cookie.js"></script>
<script type="text/javascript" src="view/javascript/jquery/jstree/plugins/jquery.tree.cookie.js"></script>

Code: Select all

plugins : {
			cookie : { }
			},

Code: Select all

<script type="text/javascript"><!--

$(document).ready(function () { 
	$('#column_left').tree({

Code: Select all

<images>
      <category A>
      <category B>
       .......

Code: Select all

<script type="text/javascript" src="view/javascript/jquery/jstree/lib/jquery.cookie.js"></script>
<script type="text/javascript" src="view/javascript/jquery/jstree/plugins/jquery.tree.cookie.js"></script>

Code: Select all

plugins : {
         cookie : { }
         },

Code: Select all

<script type="text/javascript"><!--
$(document).ready(function () { 
   $('#column_left').tree({

Code: Select all

var tree = $.tree.focused();
						tree.refresh(tree.selected);

Code: Select all

html += '<a file="' + json[i]['file'] + '"><img src="' + json[i]['thumb'] + '" title="' + json[i]['filename'] + '" /><br />' + name + '</a>';
							}
						}
						
						html += '</div>';
						
						
												
						$('#column_right').html(html);

Code: Select all

onload: function(TREE_OBJ) {
			
			var myTree= $.tree.focused();
			myTree.open_all('#top');
			myTree.refresh(myTree); 
			}

Code: Select all

$('#column_right').html(html);
						
						var tree = $.tree.focused();
						tree.refresh(tree.selected);
						
					}
				});
			},

Code: Select all

,
		
		opened: ['top']

Code: Select all

onload: function(TREE_OBJ) {
			
			var myTree= $.tree.focused();
			myTree.open_all('#top');
			myTree.refresh(myTree); 
			}
			

		}

Code: Select all

"Error: a.nodeName is undefined
Source File: http://lojayatta.com.br/admin/view/javascript/jquery/jquery-1.6.1.min.js
Line: 17"

Code: Select all

...

$(document).ready(function () { 
	$('#column_left').tree({
		plugins : {
			cookie : {}
				},	
		
		data: { 
			type: 'json',
			async: true, 
			opts: { 
				method: 'POST', 
				url: 'index.php?route=common/filemanager/directory&token=<?php echo $token; ?>'
			} 
		},
		
		selected: 'top',
		
		ui: {		
			theme_name: 'classic',
			animation: 400
		},	
		types: { 
			'default': {
				clickable: true,
				creatable: false,
				renameable: false,
				deletable: false,
				draggable: false,
				max_children: -1,
				max_depth: -1,
				valid_children: 'all'
			}
		},
		callback: {
			beforedata: function(NODE, TREE_OBJ) { 
				if (NODE == false) {
					TREE_OBJ.settings.data.opts.static = [ 
						{
							data: 'image',
							attributes: { 
								'id': 'top',
								'directory': ''
							}, 
							state: 'closed'
						}
					];
					
					return { 'directory': '' } 
				} else {
					TREE_OBJ.settings.data.opts.static = false;  
					
					return { 'directory': $(NODE).attr('directory') } 
				};
				
			},	
			

			onselect: function (NODE, TREE_OBJ) {
				
				$.ajax({
					url: 'index.php?route=common/filemanager/files&token=<?php echo $token; ?>',
					type: 'POST',
					data: 'directory=' + encodeURIComponent($(NODE).attr('directory')),
						
					dataType: 'json',
					success: function(json) {
						html = '<div>';
						
						if (json) {
							for (i = 0; i < json.length; i++) {
								
								name = '';
								
								filename = json[i]['filename'];
								
								for (j = 0; j < filename.length; j = j + 15) {
									name += filename.substr(j, 15) + '<br />';
								}
								
								name += json[i]['size'];
								
								html += '<a file="' + json[i]['file'] + '"><img src="' + json[i]['thumb'] + '" title="' + json[i]['filename'] + '" /><br />' + name + '</a>';
							}
						}
						
						html += '</div>';

						$('#column_right').html(html);
						
					}
					
					
				});
				
			},
			
			onopen: function(TREE_OBJ) {
				var tr = $('#column_left li#top li[directory]');
				tr.each(function(index, domEle) {
				dd = $(domEle).attr('directory');
				dd = dd.replace(/\//g, ""); 
				dd = dd.replace(" ", ""); 
				
				$(domEle).attr('id', dd);
				});
				
				var myTree = $.tree.reference('#column_left');
				var cc = $.cookie('selected');
				var bb = '#' + cc;
				myTree.select_branch(bb);
				
			},
			
			
		},
	});	

...