It should be noted that you can't create new topics via email, only
reply to topics.

Since the forum system is categorized, I haven't found a good way to
accept incoming new messages and apply them to the proper forum.

I am open to suggestions, but it's not a priority since most people
use the Forum to post because they can post to only the parts of the
library that they need help with.

Dav

--
Dav Glass
davglass@...
blog.davglass.com


+ Windows: n. - The most successful computer virus, ever. +
+ A computer without a Microsoft operating system is like a dog
   without bricks tied to its head +
+ A Microsoft Certified Systems Engineer is to computing what a
  McDonalds Certified Food Specialist is to fine cuisine  +

It should be noted that you can't create new topics via email, only
reply to topics.
Since the forum system is categorized, I haven't found a good way to
accept incoming new messages and apply them to the proper forum.
I am open to suggestions, but it's not a priority since most people
use the Forum to post because they can post to only the parts of the
library that they need help with.
Dav
--
Dav Glass
davglass@...
blog.davglass.com
+ Windows: n. - The most successful computer virus, ever. +
+ A computer without a Microsoft operating system is like a dog
   without bricks tied to its head +
+ A Microsoft Certified Systems Engineer is to computing what a
  McDonalds Certified Food Specialist is to fine cuisine  +
------------------------------------
Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/ydn-javascript/
<*> Your email settings:
Individual Email | Traditional
<*> To change settings online go to:
http://groups.yahoo.com/group/ydn-javascript/join
(Yahoo! ID required)
<*> To change settings via email:
ydn-javascript-digest@yahoogroups.com ydn-javascript-fullfeatured@yahoogroups.com
<*> To unsubscribe from this group, send an email to:
ydn-javascript-unsubscribe@yahoogroups.com
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/

No virus found in this incoming message.
Checked by AVG - www.avg.com Version: 9.0.733 / Virus Database: 271.1.1/2677 - Release Date: 02/09/10 08:35:00

I'm having 2 problems with a table that I've created.

The table has a vertical scroll bar.  When I click on a row it gets highlighted
and data from that row is displayed as desired.

problem 1) When I scroll to the next record it gets highlighted but
the previously clicked record remains highlighted which it shouldn't.
Information from the second row is displayed as desired.

problem 2) As I keep scrolling down the data from the highlighted row
is displayed as desired but the vertical scrolling does not remain in sync with
highlighted record.  That is, the highlighted record is out of view. The use has
to scroll to find it.

The current event scheme is shown below.

mDataTable.subscribe("rowMouseoverEvent",mDataTable.onEventHighlightRow);
mDataTable.subscribe("rowMouseoutEvent",mDataTable.onEventUnhighlightRow);
mDataTable.subscribe("rowClickEvent",mDataTable.onEventSelectRow);
mDataTable.subscribe("rowSelectEvent", function(args){
//access data from the currently selected row for display elsewhere.
}

Any ideas on how to correct the 2 problems above would be appreciated.

Thanks.

David

Using YUI 2.7.

I'm having 2 problems with a table that I've created.
The table has a vertical scroll bar. When I click on a row it gets highlighted and data from that row is displayed as desired. problem 1) When I scroll to the next record it gets highlighted but the previously clicked record remains highlighted which it shouldn't. Information from the second row is displayed as desired.
problem 2) As I keep scrolling down the data from the highlighted row
is displayed as desired but the vertical scrolling does not remain in sync with highlighted record. That is, the highlighted record is out of view. The use has to scroll to find it.
The current event scheme is shown below.
mDataTable.subscribe("rowMouseoverEvent",mDataTable.onEventHighlightRow);
mDataTable.subscribe("rowMouseoutEvent",mDataTable.onEventUnhighlightRow);
mDataTable.subscribe("rowClickEvent",mDataTable.onEventSelectRow);
mDataTable.subscribe("rowSelectEvent", function(args){
//access data from the currently selected row for display elsewhere.
} Any ideas on how to correct the 2 problems above would be appreciated.
Thanks.
David
Using YUI 2.7.
------------------------------------
Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/ydn-javascript/
<*> Your email settings:
Individual Email | Traditional
<*> To change settings online go to:
http://groups.yahoo.com/group/ydn-javascript/join
(Yahoo! ID required)
<*> To change settings via email:
ydn-javascript-digest@yahoogroups.com ydn-javascript-fullfeatured@yahoogroups.com
<*> To unsubscribe from this group, send an email to:
ydn-javascript-unsubscribe@yahoogroups.com
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/

No virus found in this incoming message.
Checked by AVG - www.avg.com Version: 9.0.733 / Virus Database: 271.1.1/2677 - Release Date: 02/09/10 08:35:00

Ok.  Let me clarify.

For example, see Yahoo!mail.  The behavior in Yahoo!mail is as follows:
If I click on the first email record it gets highlighted.  When I click the down
arrow, the first record becomes unhighlighted and the second record becomes
highlighted.
The behavior I am getting is:
If I click on the first email record it gets highlighted. When I click the down
arrow both the first and second record are highlighted.  I want to unhighlight
the first record as in Yahoo!mail.

Second issue.  If I continue to press the down arrow eventually the highlighted
record is no longer visible because it is out of the window view.  In Yahoo!mail
if I continue press the down arrow the scroll bar will scroll down so that the
highlighted record is visible (in the window view).  The user may scroll it out
of the screen but the default behavior when using the down or up arrow would be
for the window to scroll to show the currently highlighted record.

David



--- In ydn-javascript@yahoogroups.com, Satyam <satyam@...> wrote:
>
> I am not sure I understand your fist problem, why shouldn't it remain
> highlighted?
>
> As for the second, what do you want it to do? To remain always visible,
> even preventing the user from scrolling it out of the screen?
>
> Satyam
>
> El 10/02/2010 8:27, David escribió:
> > I'm having 2 problems with a table that I've created.
> >
> > The table has a vertical scroll bar.  When I click on a row it gets
highlighted and data from that row is displayed as desired.
> >
> > problem 1) When I scroll to the next record it gets highlighted but
> > the previously clicked record remains highlighted which it shouldn't.
Information from the second row is displayed as desired.
> >
> > problem 2) As I keep scrolling down the data from the highlighted row
> > is displayed as desired but the vertical scrolling does not remain in sync
with highlighted record.  That is, the highlighted record is out of view. The
use has to scroll to find it.
> >
> > The current event scheme is shown below.
> >
> > mDataTable.subscribe("rowMouseoverEvent",mDataTable.onEventHighlightRow);
> > mDataTable.subscribe("rowMouseoutEvent",mDataTable.onEventUnhighlightRow);
> > mDataTable.subscribe("rowClickEvent",mDataTable.onEventSelectRow);
> > mDataTable.subscribe("rowSelectEvent", function(args){
> > //access data from the currently selected row for display elsewhere.
> > }
> >
> > Any ideas on how to correct the 2 problems above would be appreciated.
> >
> > Thanks.
> >
> > David
> >
> > Using YUI 2.7.
> >
> >
> >
> >
> > ------------------------------------
> >
> > Yahoo! Groups Links
> >
> >
> >
> >
> >
> >
> > No virus found in this incoming message.
> > Checked by AVG - www.avg.com
> > Version: 9.0.733 / Virus Database: 271.1.1/2677 - Release Date: 02/09/10
08:35:00
> >
> >
>

Ok. Let me clarify.
For example, see Yahoo!mail. The behavior in Yahoo!mail is as follows:
If I click on the first email record it gets highlighted. When I click the down arrow, the first record becomes unhighlighted and the second record becomes highlighted. The behavior I am getting is:
If I click on the first email record it gets highlighted. When I click the down arrow both the first and second record are highlighted. I want to unhighlight the first record as in Yahoo!mail.
Second issue. If I continue to press the down arrow eventually the highlighted record is no longer visible because it is out of the window view. In Yahoo!mail if I continue press the down arrow the scroll bar will scroll down so that the highlighted record is visible (in the window view). The user may scroll it out of the screen but the default behavior when using the down or up arrow would be for the window to scroll to show the currently highlighted record.
David
--- In ydn-javascript@yahoogroups.com, Satyam <satyam@...> wrote:

I am not sure I understand your fist problem, why shouldn't it remain highlighted?
As for the second, what do you want it to do? To remain always visible, even preventing the user from scrolling it out of the screen?
Satyam
El 10/02/2010 8:27, David escribió:

I'm having 2 problems with a table that I've created.
The table has a vertical scroll bar. When I click on a row it gets highlighted and data from that row is displayed as desired.
problem 1) When I scroll to the next record it gets highlighted but
the previously clicked record remains highlighted which it shouldn't. Information from the second row is displayed as desired.
problem 2) As I keep scrolling down the data from the highlighted row
is displayed as desired but the vertical scrolling does not remain in sync with highlighted record. That is, the highlighted record is out of view. The use has to scroll to find it.
The current event scheme is shown below.
mDataTable.subscribe("rowMouseoverEvent",mDataTable.onEventHighlightRow);
mDataTable.subscribe("rowMouseoutEvent",mDataTable.onEventUnhighlightRow);
mDataTable.subscribe("rowClickEvent",mDataTable.onEventSelectRow);
mDataTable.subscribe("rowSelectEvent", function(args){
//access data from the currently selected row for display elsewhere.
}
Any ideas on how to correct the 2 problems above would be appreciated.
Thanks.
David
Using YUI 2.7.
------------------------------------
Yahoo! Groups Links
No virus found in this incoming message.
Checked by AVG - www.avg.com
Version: 9.0.733 / Virus Database: 271.1.1/2677 - Release Date: 02/09/10 08:35:00

------------------------------------
Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/ydn-javascript/
<*> Your email settings:
Individual Email | Traditional
<*> To change settings online go to:
http://groups.yahoo.com/group/ydn-javascript/join
(Yahoo! ID required)
<*> To change settings via email:
ydn-javascript-digest@yahoogroups.com ydn-javascript-fullfeatured@yahoogroups.com
<*> To unsubscribe from this group, send an email to:
ydn-javascript-unsubscribe@yahoogroups.com
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/

No virus found in this incoming message.
Checked by AVG - www.avg.com Version: 9.0.733 / Virus Database: 271.1.1/2679 - Release Date: 02/10/10 08:40:00

Hi,

I have a ModalDialog opened in IFRAME whose height is very large say "2000px".
The Modal dialog is not shown in the center of the ViewPort area, instead it is
shown in the Center of Iframe (Height). I tried to use the "context" attribute
by giving the parent document body as the context element but that also didn't
helped me, the Modal Dialog is not moving out of the Iframe. Could any one
please help me in solving this issue.

Thanks in advance.

Regards
Praveen

Hi All,
I have used YUI controls to make a multi tab application. The problem is arising
when i close a tab, i disposes AutoCompletes and other controls. When i close
the tab and clean my memory [Javascript variables and Control] the error window
arises stating "Stop running this Script". I know one turn around is to use
SetTimeout, but my dispose function cannot be splitted in many functions. I want
to capture this alert window and surpress it so client do not see this error. It
would be a great help if some one tells me how to capture this alert/shell
window and hide the error before it is being notified to the user.
window.onerror doesnot work with this alert:(

regards
SU

Hi Su

Far as I know there's no way to intercept it... you've got to get to the bottom
of where the script is slowing up.  Which isn't easy.  There are some threads on
the main YUI forums about this
(http://yuilibrary.com/forum/viewtopic.php?f=89&t=1674&start=0&hilit=stop+runnin\
g+script) is one that might help.

Matt


--- In ydn-javascript@yahoogroups.com, "usmans1" <usmans1@...> wrote:
>
> Hi All,
> I have used YUI controls to make a multi tab application. The problem is
arising when i close a tab, i disposes AutoCompletes and other controls. When i
close the tab and clean my memory [Javascript variables and Control] the error
window arises stating "Stop running this Script". I know one turn around is to
use SetTimeout, but my dispose function cannot be splitted in many functions. I
want to capture this alert window and surpress it so client do not see this
error. It would be a great help if some one tells me how to capture this
alert/shell window and hide the error before it is being notified to the user.
> window.onerror doesnot work with this alert:(
>
> regards
> SU
>

Hi

   Today I noticed a strange behaviour with Datatable.
   Is it happening only in IE8 standard mode... if activating compatibility all
is fine, if I check in Firefox is again ok !

Luke told me (I think) to try to "refresh" the class or so for the parent ...

so I added :

.....
    myDataTable.subscribe("postRenderEvent", function() {
     alert("1");
     myDataTable._elContainer.parentNode.className += ' ';
     alert("2");
    });
....
    // Update totalRecords on the fly with value from server
    myDataTable.handleDataReturnPayload = function(oRequest, oResponse, oPayload)
{
     oPayload.totalRecords = oResponse.meta.totalRecords;
     return oPayload;
    }

    return {
     ds: myDataSource,
     dt: myDataTable
    };

   }();
....

If you know what I mean please send me back any ideea for a fix...
Unfortunately I have no online site yet... I have the example in my laptop so if
you see me online drop me a line to open and provide you
access to production sire...


Thank you

Petronel

Hi Eric,

In your context menu config you've got
trigger: self.dataTable.getTbodyEl()
which will attach it to the body of the table.  Replace with
trigger: self.dataTable.getTheadEl()

and it'll attach to the head.

I've just done an extension to datatable to do exactly this, it's at
http://github.com/mattparker/Yui-DataTable-extension---column-chooser

if you want to take a look.

Matt


--- In ydn-javascript@yahoogroups.com, Eric Cire <codedude11@...> wrote:
>
> Hi Group,
>
> I am creating a DataTable and I need to add a ContextMenu to a header, not the
body of the table. I have a table contextMenu working fine, but not sure how to
link it to the header. Any ideas? The code is below.
>
> Using YUI 2.7.0.
>
> Thank you !
>
> Code:
>
>     var onContextMenuClick = function( p_sType, p_aArgs ){
>             var task = p_aArgs[1];
>             if(task) {
>
>                 switch(task.index) {
>                     case 0: ExportFile(); return;
>                     case 1: printTable(); return;
>                     case 2: alert("You clicked for a message. This is a
message.");
>                 }
>             }
>         }
>
>         // Function to add Menu controls.
>         function registerMenus(){
>
>             YAHOO.util.Event.onContentReady(self.containerDiv, function () {
>
>                 var contextMenu = new
YAHOO.widget.ContextMenu("contextmenu",{trigger:self.dataTable.getTbodyEl()});
>                 contextMenu.addItem("Export File");
>                 contextMenu.addItem("Print Page");
>                 contextMenu.addItem("Click for message!");
>                 contextMenu.render(self.containerDiv);
>                 contextMenu.clickEvent.subscribe(onContextMenuClick,
self.dataTable);
>
>             });
>         }
>

 

Hi,
    I am impressed by the feature of long table list without pagination in new yahoo mail and have investigated it's client side implementation
I am wondering if yahoo is making use of yui to do the job as I have hard time finding evidence in the library.
Any ideas.

--

I have a dynamic built treeview in a layout contained in a floating panel. When
the treeview in the left panel of the layout is expanded beyond the size of the
panel, the scrollbar will be displayed as expected. When attempting to move the
scrollbar down, the whole panel will be dragged instead (Actually works fine in
IE 7/8, but not in Firefox 3+). Using the mousewheel will move the scrollbar and
left treeview down correctly. Does anyone know why this might be happening?

Sample code

function x3Layout(divid,treeid) {

	 var _I = this;

     var Dom = YAHOO.util.Dom,
         Event = YAHOO.util.Event,
         layout = null,
         cal = null,
         editor = null,
         conn = null
         dateSelected = null,
         editorData = {},
         panel_xy = [YAHOO.X3Explorer.PanelLeft, YAHOO.X3Explorer.PanelTop],
         title = '',
         bottommessage = '',
         treecallback = null;

	 var d = new Date();
	 var responseHtml = $.ajax({
	   url:
"wc.dll?X3~emproc~modcall~&mod=X3EXPLORER&PR=1&METH=ExplorerPanelUpdate&LASTPANE\
L=" + treeid + "&TIMESTAMP=" + d,
	   async: false
	 }).responseText;

	 this.selectedx3id = null;

	 this.setContent = function(content){
		 if (content){ YAHOO.util.Dom.get('treecontent').innerHTML = content; }
	 }

	 createTreeView = function(){
		 if (treeid){
			 var comptree = new x3DataTree('treediv',treeid,treecallback);
			 comptree.onTreeLabelClick.subscribe(function(type,args) {
				 _I.selectedx3id = args[0].x3id;
			 });
		 }
	 }
	 createPanel = function(){
		 var mypanel = new YAHOO.widget.Panel(divid, {
			 width: YAHOO.X3Explorer.PanelWidth + 'px',
			 height: YAHOO.X3Explorer.PanelHeight + 'px',
			 underlay: 'shadow',
			 autofillheight: 'body',
			 close: false,
			 xy: panel_xy
		 });
		 mypanel.setHeader('Data Explorer');
		 mypanel.setBody('<div id="layout"><div id="jqnavbar"
style="width:100%;text-align:left;"></div></div>');
		 mypanel.beforeRenderEvent.subscribe(function() {
			 Event.onAvailable('layout', function() {
				 layout = new YAHOO.widget.Layout('layout', {
					 height: (mypanel.body.offsetHeight - 40),
					 units: [
						 { position: 'top', height: 25, header: title, gutter: '2', useShim: true
},
						 { position: 'left', width: 205, resize: true, body: 'Loading Content',
gutter: '0 5 0 2', scroll: true, minWidth: 150, maxWidth: 500, useShim: true  },
						 { position: 'bottom', height: 25, id: 'status', gutter: '2', useShim: true
},
						 { position: 'center', body: '', gutter: '0 2 0 0', scroll: true, useShim:
true }
					 ]
				 });

	            		 //Options panel
	            		 var openOptionsPan = function(optreeid,op) {
	            			 $("#optionsPaneljQuery").html('Please select an option from
below.');
	            			 $("#optionsPaneljQuery").dialog({
	            				 autoOpen: false,
	            				 modal: true,
	            				 resizable: false,
	            				 title: "Options",
	            				 buttons: {'Configure Levels': function() {
           						 $("#classBuiltPanel").remove();
							 $("body").append('<div id="classBuiltPanel"></div>');
	            					 doRenderSort(optreeid);
	            					 },
	            					 'Detail Setup': function() {
           						 $("#classBuiltPanel").remove();
							 $("body").append('<div id="classBuiltPanel"></div>');
	            					 doRenderDetail(optreeid);
	            					 }
	            				 }
	            			 });
	            			 $("#optionsPaneljQuery").dialog(op);
	            		 }

				 layout.on('render', function() {
					 var c = layout.getUnitByPosition('center');
			                 c.set('body','<div
id="treecontent"><center> </center></div>');
	                		 var l = layout.getUnitByPosition('left');
					 l.set('body','<div id="treewrapper"><div id="treediv"> </div></div>');
					 var b = layout.getUnitByPosition('bottom');
					 b.set('body','<div id="treemessage">'+bottommessage+'</div>');
					 var el = document.createElement('div');
					 l.body.appendChild(el);
					 var aPanels = YAHOO.X3Explorer.ActivePanels.split(",");
					 var cNavText = ''
					 var xPanel=0
					 for (xPanel=0;xPanel<aPanels.length;xPanel=xPanel+2) {
						 cNavText += '<button class="ui-state-default ui-corner-all jqTreeButt
x3_titlebar" id="' + aPanels[xPanel] + '">' + aPanels[xPanel+1] + '</button> '
					 }
					 cNavText += ' <button class="ui-state-default ui-corner-all"
id="jqOptions">' + YAHOO.X3Explorer.OptionsLabel + '</button>'
					 $("#jqnavbar").html(cNavText);
	 			 });
				 layout.render();
				 /*$("#jqRefresh").click(function(){
					 loadlayout(treeid);
				 });*/
				 $("div#jqnavbar
button#"+treeid).removeClass("x3_titlebar").addClass("themed_bg");
// 		 $("div#jqnavbar button#jqOptions").css({'background' : 'lightgreen'})
				 $(".jqTreeButt").click(function(){
					 loadlayout($(this).attr("id"));
				 });
				 $("#jqOptions").click(function(){
					 $("#optionsPaneljQuery").dialog("destroy");
					 openOptionsPan(treeid,'open');
				 });
				 Event.onAvailable('treediv', createTreeView);
	        	 });
		 });
		 mypanel.hideEvent.subscribe(function() {
			 Dom.setStyle('x3layoutbuttons','visibility','hidden');
			 });
		 mypanel.render(document.body);

		 dragdrop = new YAHOO.util.DD(divid + "_c");
		 dragdrop.endDrag = function(ev) {
 			 var tar = YAHOO.util.Event.getTarget(ev),
			 xy = YAHOO.util.Dom.getXY(tar),
			 d = new Date();
			 var panelTop = xy[1];
			 var panelLeft = xy[0];
			 YAHOO.X3Explorer.PanelTop = panelTop;
			 YAHOO.X3Explorer.PanelLeft = panelLeft;
			 var responseHtml = $.ajax({
			   url:
"wc.dll?X3~emproc~modcall~&mod=X3EXPLORER&PR=1&METH=ExplorerPanelUpdate&TOP=" +
panelTop + "&LEFT=" + panelLeft + "&TIMESTAMP=" + d,
			   async: false
			 }).responseText;
		 };

		 resize = new YAHOO.util.Resize(divid, {
			 handles: ['br'],
			 autoRatio: true,
			 status: false,
			 proxy: true,
			 minWidth: YAHOO.X3Explorer.MinPanelWidth,
			 minHeight: YAHOO.X3Explorer.MinPanelHeight
		 });
		 resize.on('resize', function(args) {
			 var d = new Date();
			 var panelHeight = args.height,
			 panelWidth = args.width,
			 panelTop = args.top,
			 panelLeft = args.left,
			 hpadding = 40,
			 wpadding = 20;
			 //Hack to trick IE into behaving
			 Dom.setStyle('layout', 'display', 'none');
			 this.cfg.setProperty("height", panelHeight + 'px');
			 layout.set('height', this.body.offsetHeight - hpadding);
			 layout.set('width', this.body.offsetWidth - wpadding);
			 //Hack to trick IE into behaving
			 Dom.setStyle('layout', 'display', 'block');
			 layout.resize();
			 YAHOO.X3Explorer.PanelWidth = panelWidth;
			 YAHOO.X3Explorer.PanelHeight = panelHeight;
			 YAHOO.X3Explorer.PanelTop = panelTop;
			 YAHOO.X3Explorer.PanelLeft = panelLeft;
			 resize_iframe();
			 var responseHtml = $.ajax({
			   url:
"wc.dll?X3~emproc~modcall~&mod=X3EXPLORER&PR=1&METH=ExplorerPanelUpdate&HEIGHT="
+ panelHeight + "&WIDTH=" + panelWidth + "&TOP=" + panelTop + "&LEFT=" +
panelLeft + "&TIMESTAMP=" + d,
			   async: false
			 }).responseText;
		 }, mypanel, true);
	 }
 	 // we will make a call to the server using JSDA to fetch the data back.
	 var oConfig = YAHOO.X3DA.newConfig();
	 oConfig.queryName = 'getUserPref';
	 oConfig.addParameters("lcUserID","SYSTEM");
	 oConfig.addParameters("lcPrefID",treeid);

	 var callback = {
		 success:function(oResponse){
			 var prefObject = $.json.decode(oResponse.responseText);
			 var mytree = $.json.decode(prefObject.data[0].mlongpref);
			 // title = mytree.title;
			 bottommessage = mytree.bottommessage;
			 title = mytree.title;
			 treecallback = mytree.urllink;
			 createPanel();
		 },
		 failure:function(oResponse){
			 alert('Failure to load Panel Layout Preferences');
			 //title = 'Unknown';
		 },
		 cache:false
	 };
	 YAHOO.X3DA.executeQueryByName(callback,oConfig);
}

Thouhgts from a friend,,,

Looks like the Floating panel is intercepting the events instead of the
scrollbar.

Can the floating panel be placed/wrapped inside another DIV with proper padding
and let the outer div display scrollbar.
Thanks and Regards,


> I have a dynamic built treeview in a layout contained in a floating panel.
When the treeview in the left panel of the layout is expanded beyond the size of
the panel, the scrollbar will be displayed as expected. When attempting to move
the scrollbar down, the whole panel will be dragged instead (Actually works fine
in IE 7/8, but not in Firefox 3+). Using the mousewheel will move the scrollbar
and left treeview down correctly. Does anyone know why this might be happening?
>
> Sample code
>
> function x3Layout(divid,treeid) {
>
>  var _I = this;
>
>     var Dom = YAHOO.util.Dom,
>         Event = YAHOO.util.Event,
>         layout = null,
>         cal = null,
>         editor = null,
>         conn = null
>         dateSelected = null,
>         editorData = {},
>         panel_xy = [YAHOO.X3Explorer.PanelLeft, YAHOO.X3Explorer.PanelTop],
>         title = '',
>         bottommessage = '',
>         treecallback = null;
>
>  var d = new Date();
>  var responseHtml = $.ajax({
> 	  url:
"wc.dll?X3~emproc~modcall~&mod=X3EXPLORER&PR=1&METH=ExplorerPanelUpdate&LASTPANE\
L=" + treeid + "&TIMESTAMP=" + d,
> 	  async: false
>  }).responseText;
>
>  this.selectedx3id = null;
>
>  this.setContent = function(content){
> 	 if (content){ YAHOO.util.Dom.get('treecontent').innerHTML = content; }
>  }
>
>  createTreeView = function(){
> 	 if (treeid){
> 		 var comptree = new x3DataTree('treediv',treeid,treecallback);
> 		 comptree.onTreeLabelClick.subscribe(function(type,args) {
> 			 _I.selectedx3id = args[0].x3id;
> 		 });
> 	 }
>  }
>  createPanel = function(){
> 	 var mypanel = new YAHOO.widget.Panel(divid, {
> 		 width: YAHOO.X3Explorer.PanelWidth + 'px',
> 		 height: YAHOO.X3Explorer.PanelHeight + 'px',
> 		 underlay: 'shadow',
> 		 autofillheight: 'body',
> 		 close: false,
> 		 xy: panel_xy
> 	 });
> 	 mypanel.setHeader('Data Explorer');
> 	 mypanel.setBody('<div id="layout"><div id="jqnavbar"
style="width:100%;text-align:left;"></div></div>');
> 	 mypanel.beforeRenderEvent.subscribe(function() {
> 		 Event.onAvailable('layout', function() {
> 			 layout = new YAHOO.widget.Layout('layout', {
> 				 height: (mypanel.body.offsetHeight - 40),
> 				 units: [
> 					 { position: 'top', height: 25, header: title, gutter: '2', useShim: true
},
> 					 { position: 'left', width: 205, resize: true, body: 'Loading Content',
gutter: '0 5 0 2', scroll: true, minWidth: 150, maxWidth: 500, useShim: true  },
> 					 { position: 'bottom', height: 25, id: 'status', gutter: '2', useShim:
true  },
> 					 { position: 'center', body: '', gutter: '0 2 0 0', scroll: true,
useShim: true }
> 				 ]
> 			 });
>
> 	            	 //Options panel
> 	            	 var openOptionsPan = function(optreeid,op) {
> 	            		 $("#optionsPaneljQuery").html('Please select an option from
below.');
> 	            		 $("#optionsPaneljQuery").dialog({
> 	            			 autoOpen: false,
> 	            			 modal: true,
> 	            			 resizable: false,
> 	            			 title: "Options",
> 	            			 buttons: {'Configure Levels': function() {
>            					 $("#classBuiltPanel").remove();
> 						 $("body").append('<div id="classBuiltPanel"></div>');
> 	            				 doRenderSort(optreeid);
> 	            				 },
> 	            				 'Detail Setup': function() {
>            					 $("#classBuiltPanel").remove();
> 						 $("body").append('<div id="classBuiltPanel"></div>');
> 	            				 doRenderDetail(optreeid);
> 	            				 }
> 	            			 }
> 	            		 });
> 	            		 $("#optionsPaneljQuery").dialog(op);
> 	            	 }
>
> 			 layout.on('render', function() {
> 				 var c = layout.getUnitByPosition('center');
> 			                c.set('body','<div
id="treecontent"><center> </center></div>');
> 	                	 var l = layout.getUnitByPosition('left');
> 				 l.set('body','<div id="treewrapper"><div id="treediv"> </div></div>');
> 				 var b = layout.getUnitByPosition('bottom');
> 				 b.set('body','<div id="treemessage">'+bottommessage+'</div>');
> 				 var el = document.createElement('div');
> 				 l.body.appendChild(el);
> 				 var aPanels = YAHOO.X3Explorer.ActivePanels.split(",");
> 				 var cNavText = ''
> 				 var xPanel=0
> 				 for (xPanel=0;xPanel<aPanels.length;xPanel=xPanel+2) {
> 					 cNavText += '<button class="ui-state-default ui-corner-all jqTreeButt
x3_titlebar" id="' + aPanels[xPanel] + '">' + aPanels[xPanel+1] + '</button> '
> 				 }
> 				 cNavText += ' <button class="ui-state-default ui-corner-all"
id="jqOptions">' + YAHOO.X3Explorer.OptionsLabel + '</button>'
> 				 $("#jqnavbar").html(cNavText);
> 	 		 });
> 			 layout.render();
> 			 /*$("#jqRefresh").click(function(){
> 				 loadlayout(treeid);
> 			 });*/
> 			 $("div#jqnavbar
button#"+treeid).removeClass("x3_titlebar").addClass("themed_bg");
> // 		 $("div#jqnavbar button#jqOptions").css({'background' : 'lightgreen'})
> 			 $(".jqTreeButt").click(function(){
> 				 loadlayout($(this).attr("id"));
> 			 });
> 			 $("#jqOptions").click(function(){
> 				 $("#optionsPaneljQuery").dialog("destroy");
> 				 openOptionsPan(treeid,'open');
> 			 });
> 			 Event.onAvailable('treediv', createTreeView);
> 	         });
> 	 });
> 	 mypanel.hideEvent.subscribe(function() {
> 		 Dom.setStyle('x3layoutbuttons','visibility','hidden');
> 		 });
> 	 mypanel.render(document.body);
>
> 	 dragdrop = new YAHOO.util.DD(divid + "_c");
> 	 dragdrop.endDrag = function(ev) {
>  		 var tar = YAHOO.util.Event.getTarget(ev),
> 		 xy = YAHOO.util.Dom.getXY(tar),
> 		 d = new Date();
> 		 var panelTop = xy[1];
> 		 var panelLeft = xy[0];
> 		 YAHOO.X3Explorer.PanelTop = panelTop;
> 		 YAHOO.X3Explorer.PanelLeft = panelLeft;
> 		 var responseHtml = $.ajax({
> 			  url:
"wc.dll?X3~emproc~modcall~&mod=X3EXPLORER&PR=1&METH=ExplorerPanelUpdate&TOP=" +
panelTop + "&LEFT=" + panelLeft + "&TIMESTAMP=" + d,
> 			  async: false
> 		 }).responseText;
> 	 };
>
> 	 resize = new YAHOO.util.Resize(divid, {
> 		 handles: ['br'],
> 		 autoRatio: true,
> 		 status: false,
> 		 proxy: true,
> 		 minWidth: YAHOO.X3Explorer.MinPanelWidth,
> 		 minHeight: YAHOO.X3Explorer.MinPanelHeight
> 	 });
> 	 resize.on('resize', function(args) {
> 		 var d = new Date();
> 		 var panelHeight = args.height,
> 		 panelWidth = args.width,
> 		 panelTop = args.top,
> 		 panelLeft = args.left,
> 		 hpadding = 40,
> 		 wpadding = 20;
> 		 //Hack to trick IE into behaving
> 		 Dom.setStyle('layout', 'display', 'none');
> 		 this.cfg.setProperty("height", panelHeight + 'px');
> 		 layout.set('height', this.body.offsetHeight - hpadding);
> 		 layout.set('width', this.body.offsetWidth - wpadding);
> 		 //Hack to trick IE into behaving
> 		 Dom.setStyle('layout', 'display', 'block');
> 		 layout.resize();
> 		 YAHOO.X3Explorer.PanelWidth = panelWidth;
> 		 YAHOO.X3Explorer.PanelHeight = panelHeight;
> 		 YAHOO.X3Explorer.PanelTop = panelTop;
> 		 YAHOO.X3Explorer.PanelLeft = panelLeft;
> 		 resize_iframe();
> 		 var responseHtml = $.ajax({
> 			  url:
"wc.dll?X3~emproc~modcall~&mod=X3EXPLORER&PR=1&METH=ExplorerPanelUpdate&HEIGHT="
+ panelHeight + "&WIDTH=" + panelWidth + "&TOP=" + panelTop + "&LEFT=" +
panelLeft + "&TIMESTAMP=" + d,
> 			  async: false
> 		 }).responseText;
> 	 }, mypanel, true);
>  }
>   // we will make a call to the server using JSDA to fetch the data back.
>  var oConfig = YAHOO.X3DA.newConfig();
>  oConfig.queryName = 'getUserPref';
>  oConfig.addParameters("lcUserID","SYSTEM");
>  oConfig.addParameters("lcPrefID",treeid);
>
>  var callback = {
> 	 success:function(oResponse){
> 		 var prefObject = $.json.decode(oResponse.responseText);
> 		 var mytree = $.json.decode(prefObject.data[0].mlongpref);
> 		 // title = mytree.title;
> 		 bottommessage = mytree.bottommessage;
> 		 title = mytree.title;
> 		 treecallback = mytree.urllink;
> 		 createPanel();
> 	 },
> 	 failure:function(oResponse){
> 		 alert('Failure to load Panel Layout Preferences');
> 		 //title = 'Unknown';
> 	 },
> 	 cache:false
>  };
>  YAHOO.X3DA.executeQueryByName(callback,oConfig);
> }
>
>
>

The code below demonstrates the issue.  The leak is VERY pronounced in IE, a bit
less so in FF.

In our application as the user selects objects from a table, an ajax call goes
out to get data for that object.  As a consequence one of the existing submenus
is deleted and a new 3 level cascading submenu is build and rendered.  Each time
that happens a substantial memory leak occurs.

This interaction is fundamental to the working of our application, so ANY
resolutions or ideas on how to cleanly and completely delete existing submenu
will be most appreciated.

Ania.


<script type="text/javascript" >
var menuData =
         [
             { text:"Test", submenu: { id:"Test", itemdata: [{ text:"TestA" }, {
text:"TestB", submenu: { id:"test2", itemdata: [  {text:"TestB-1"},
                                                                                                           
{text:"TestB-2", submenu: { id:"test3", itemdata:[ {text:"TestB-2-1"},
{text:"TestB-2-2"} ] } }] } } ] } },

             { text:"View", submenu: { id:"View", itemdata: [ { text:"item1" },{
text:"item2" }] } },
             { text:"Inserted", submenu: { id:"menuPlaceToInsert", itemdata: [ {
id:"itemPlaceToInsert", text:"I will have a submenu" }] } }
         ];

var submenuData =
         [
             { text:"Test", submenu: { id:"aTest", itemdata: [{ text:"TestA" }, {
text:"TestB", submenu: { id:"atest2", itemdata: [  {text:"TestB-1"},
                                                                                                           
{text:"TestB-2", submenu: { id:"atest3", itemdata:[ {text:"TestB-2-1"},
{text:"TestB-2-2"} ] } }] } } ] } }

         ];

var titles = ["insertedItem1", "insertedItem2"];
var oMenuBar;

function menu_Show ( )
{
     oMenuBar = new YAHOO.widget.MenuBar("myMenu", { itemdata: menuData });
     YAHOO.util.Dom.addClass(oMenuBar.element, "yuimenubarnav");
     oMenuBar.render ( "menuDiv" );

     var menuWhereToInsert =
YAHOO.widget.MenuManager.getMenu("menuPlaceToInsert");
}
Array.prototype.add = function ( object )
{
         this[this.length] = object;
};

YAHOO.util.Event.onDOMReady(menu_Show);

var gDynamicMenuUniqueId = 0;
var levelOneMenu = null;
var insertCount = 0;

function insertSubmenu( )
{
     var itemWhereToInsert =
YAHOO.widget.MenuManager.getMenuItem("itemPlaceToInsert");
     var existingSubMenu = itemWhereToInsert.cfg.getProperty ( "submenu" );

     if ( existingSubMenu != null )
     {
         deleteSubmenu ( existingSubMenu );// I wasn't sure if .clearContent()
was `deep', but this does not seem to make any difference…
         existingSubMenu.clearContent();
     }

     itemWhereToInsert.cfg.setProperty("submenu", null );

     levelOneMenu = new YAHOO.widget.Menu("idlevelOneMenu");

     for ( var i = 0; i < 6; i++ )
     {
         var levelOneMenuItem = new YAHOO.widget.MenuItem ( "LevelOne_" +
insertCount );
         levelOneMenu.addItem ( levelOneMenuItem );

         var levelTwoMenu = new YAHOO.widget.Menu("idSubMenu");

         for ( var j = 0; j < 6; j++ )
         {
             var levelTwoMenuItem = new YAHOO.widget.MenuItem ( "LevelTwo_" +
insertCount );
             levelTwoMenu.addItem ( levelTwoMenuItem );

             levelThreeMenu = new YAHOO.widget.Menu("LevelThree_"  +
insertCount);

             for ( var k = 0; k < 6; k++ )
             {
                 var id = "template" + gDynamicMenuUniqueId++;
                 var valueObj = { foo1: 1, foo2: 2 };
                 var item = { text: "LevelThree_" + insertCount, id: id, onclick:
{ fn: onClickItem }, value: valueObj };
                 var realItem = levelThreeMenu.addItem ( item );
             }

             levelTwoMenuItem.cfg.setProperty ("submenu", levelThreeMenu );
         }

         levelOneMenuItem.cfg.setProperty ("submenu", levelTwoMenu );
     }

     var staticItem  =   { text:"Static Item", id:"staticItem", onclick: { fn:
onClickItem } };
     levelOneMenu.addItem ( staticItem, 1 );

     itemWhereToInsert.cfg.setProperty("submenu", levelOneMenu );
     levelOneMenu.render ( itemWhereToInsert.element );

   	 var statusDiv = document.getElementById ( "statusDiv" );
	 statusDiv.innerHTML = statusDiv.innerHTML + "<br/>" + "Insert submenu: " +
insertCount;

     insertCount++;

}

function deleteSubmenu ( menu )
{
     try
     {
         var aSubmenus = menu.getSubmenus();
         if ( aSubmenus )
         {
             for ( var i = 0; i < aSubmenus.length; i++ )
             {
                 var submenu = aSubmenus[i];
                 deleteSubmenu ( submenu );
                 submenu.clearContent();
             }
         }

         this.deleteSubmenuToo ( menu );
     }
     catch ( e )
     {
     }
}

function deleteSubmenuToo ( menu )
{
     try
     {
         var aItems = menu.getItems();
         for ( var i = 0; i < aItems.length; i++ )
         {
             var menuitem = aItems[i];
             if ( menuitem.value )
             {
                 menuItemCount--;
                 menuitem.value = null;
             }
         }
     }
     catch ( e )
     {
     }
}

function onClickItem ( eventType, args, objArg )
{
}

var gTestCount = 25;

function doLeakTest()
{
     testTimer = setInterval(doLeakTestTimer, 5 * 1000);
}

function doLeakTestTimer()
{
     insertSubmenu();

     gTestCount--;
}

function checkIfLeakTestDone()
{
     if ( gTestCount == 0 )
     {
         clearInterval ( testTimer );
         alert ( "test done" );
     }
}

function stopLeakTest()
{
     gTestCount = 0;
     checkIfLeakTestDone();
}

</script>
<body class=" yui-skin-sam">
"Insert Submenu" will insert submenu once.  "Do Leak Test" will insert (and
delete) submenu 25 times.
     <div id="menuDiv" height="20px"></div>
     <button onclick="insertSubmenu();">Insert Submenu</button>
     <button onclick="doLeakTest();">Do Leak Test</button>
     <button onclick="stopLeakTest();">Stop Leak Test</button>
     <div id="statusDiv"></div>
</body>
</html>

Using YUI v2.8.0r4 and Firefox v3.5 (on a Linux RedHat Fedora 8 system).

I've successfully managed to get the drag and drop example
(http://developer.yahoo.com/yui/examples/dragdrop/dd-reorder.html)
working in my setup.

The problem comes in when the list item has a <div> or <span> element
within it that I want to change the visibility on.  Simplified example:

...
<li class="list1" id="li0_0">
     <table>
         <tr>
             <td valign="top">
                 <a onclick="toggleContainer("extra"); return false;"
href="#">
                     <img src="/images/expand.jpg" />
                 </a>
                 <strong>Put Label Here:</strong>
             </td>

             <td>
                 Put Value Here

                 <div id="extra" style="display: none;">
                     <p>Expand/Collapse section</p>
                 </div>
             </td>
         </tr>
     </table>
</li>
...

There is an image that I can click on that calls toggleContainer().
This function toggles the display style of the "extra" div section.

Once this list item is dragged, changing the display style has no effect
(before dragging, it works as expected).  Doesn't matter if the item is
dragged to the other box, moved within the same box, or just dragged to
nowhere so that it snaps back into place.  Once dragged, changing
display style has absolutely no effect.  I get no JavaScript errors,
just nothing happens.  Even line stepped using Firebox to make sure
toggleContainer() is setting the correct value (div.style.display = ...)
and that's fine.

Is <table> screwing things up?  I would appreciate any suggestions on
how to get around this or other things to try to help figure out the
problem.

--
Adam Stein @ Xerox Corporation       Email: adam@...

Disclaimer: Any/All views expressed
here have been proven to be my own.  [http://www.csh.rit.edu/~adam/]

Thanks for suggestions, I decided it would simpler to take out the panel and
anchor in the layout in a standard div. Actually fits the application better
this way.

David Vaughan


--- In ydn-javascript@yahoogroups.com, John Green <john.green@...> wrote:
>
> Thouhgts from a friend,,,
>
> Looks like the Floating panel is intercepting the events instead of the
> scrollbar.
>
> Can the floating panel be placed/wrapped inside another DIV with proper
padding
> and let the outer div display scrollbar.
> Thanks and Regards,
>
>
> > I have a dynamic built treeview in a layout contained in a floating panel.
When the treeview in the left panel of the layout is expanded beyond the size of
the panel, the scrollbar will be displayed as expected. When attempting to move
the scrollbar down, the whole panel will be dragged instead (Actually works fine
in IE 7/8, but not in Firefox 3+). Using the mousewheel will move the scrollbar
and left treeview down correctly. Does anyone know why this might be happening?
> >
> > Sample code
> >
> > function x3Layout(divid,treeid) {
> >
> >  var _I = this;
> >
> >     var Dom = YAHOO.util.Dom,
> >         Event = YAHOO.util.Event,
> >         layout = null,
> >         cal = null,
> >         editor = null,
> >         conn = null
> >         dateSelected = null,
> >         editorData = {},
> >         panel_xy = [YAHOO.X3Explorer.PanelLeft, YAHOO.X3Explorer.PanelTop],
> >         title = '',
> >         bottommessage = '',
> >         treecallback = null;
> >
> >  var d = new Date();
> >  var responseHtml = $.ajax({
> > 	  url:
"wc.dll?X3~emproc~modcall~&mod=X3EXPLORER&PR=1&METH=ExplorerPanelUpdate&LASTPANE\
L=" + treeid + "&TIMESTAMP=" + d,
> > 	  async: false
> >  }).responseText;
> >
> >  this.selectedx3id = null;
> >
> >  this.setContent = function(content){
> > 	 if (content){ YAHOO.util.Dom.get('treecontent').innerHTML = content; }
> >  }
> >
> >  createTreeView = function(){
> > 	 if (treeid){
> > 		 var comptree = new x3DataTree('treediv',treeid,treecallback);
> > 		 comptree.onTreeLabelClick.subscribe(function(type,args) {
> > 			 _I.selectedx3id = args[0].x3id;
> > 		 });
> > 	 }
> >  }
> >  createPanel = function(){
> > 	 var mypanel = new YAHOO.widget.Panel(divid, {
> > 		 width: YAHOO.X3Explorer.PanelWidth + 'px',
> > 		 height: YAHOO.X3Explorer.PanelHeight + 'px',
> > 		 underlay: 'shadow',
> > 		 autofillheight: 'body',
> > 		 close: false,
> > 		 xy: panel_xy
> > 	 });
> > 	 mypanel.setHeader('Data Explorer');
> > 	 mypanel.setBody('<div id="layout"><div id="jqnavbar"
style="width:100%;text-align:left;"></div></div>');
> > 	 mypanel.beforeRenderEvent.subscribe(function() {
> > 		 Event.onAvailable('layout', function() {
> > 			 layout = new YAHOO.widget.Layout('layout', {
> > 				 height: (mypanel.body.offsetHeight - 40),
> > 				 units: [
> > 					 { position: 'top', height: 25, header: title, gutter: '2', useShim:
true },
> > 					 { position: 'left', width: 205, resize: true, body: 'Loading Content',
gutter: '0 5 0 2', scroll: true, minWidth: 150, maxWidth: 500, useShim: true  },
> > 					 { position: 'bottom', height: 25, id: 'status', gutter: '2', useShim:
true  },
> > 					 { position: 'center', body: '', gutter: '0 2 0 0', scroll: true,
useShim: true }
> > 				 ]
> > 			 });
> >
> > 	            	 //Options panel
> > 	            	 var openOptionsPan = function(optreeid,op) {
> > 	            		 $("#optionsPaneljQuery").html('Please select an option from
below.');
> > 	            		 $("#optionsPaneljQuery").dialog({
> > 	            			 autoOpen: false,
> > 	            			 modal: true,
> > 	            			 resizable: false,
> > 	            			 title: "Options",
> > 	            			 buttons: {'Configure Levels': function() {
> >            					 $("#classBuiltPanel").remove();
> > 						 $("body").append('<div id="classBuiltPanel"></div>');
> > 	            				 doRenderSort(optreeid);
> > 	            				 },
> > 	            				 'Detail Setup': function() {
> >            					 $("#classBuiltPanel").remove();
> > 						 $("body").append('<div id="classBuiltPanel"></div>');
> > 	            				 doRenderDetail(optreeid);
> > 	            				 }
> > 	            			 }
> > 	            		 });
> > 	            		 $("#optionsPaneljQuery").dialog(op);
> > 	            	 }
> >
> > 			 layout.on('render', function() {
> > 				 var c = layout.getUnitByPosition('center');
> > 			                c.set('body','<div
id="treecontent"><center> </center></div>');
> > 	                	 var l = layout.getUnitByPosition('left');
> > 				 l.set('body','<div id="treewrapper"><div id="treediv"> </div></div>');
> > 				 var b = layout.getUnitByPosition('bottom');
> > 				 b.set('body','<div id="treemessage">'+bottommessage+'</div>');
> > 				 var el = document.createElement('div');
> > 				 l.body.appendChild(el);
> > 				 var aPanels = YAHOO.X3Explorer.ActivePanels.split(",");
> > 				 var cNavText = ''
> > 				 var xPanel=0
> > 				 for (xPanel=0;xPanel<aPanels.length;xPanel=xPanel+2) {
> > 					 cNavText += '<button class="ui-state-default ui-corner-all jqTreeButt
x3_titlebar" id="' + aPanels[xPanel] + '">' + aPanels[xPanel+1] + '</button> '
> > 				 }
> > 				 cNavText += ' <button class="ui-state-default ui-corner-all"
id="jqOptions">' + YAHOO.X3Explorer.OptionsLabel + '</button>'
> > 				 $("#jqnavbar").html(cNavText);
> > 	 		 });
> > 			 layout.render();
> > 			 /*$("#jqRefresh").click(function(){
> > 				 loadlayout(treeid);
> > 			 });*/
> > 			 $("div#jqnavbar
button#"+treeid).removeClass("x3_titlebar").addClass("themed_bg");
> > // 		 $("div#jqnavbar button#jqOptions").css({'background' : 'lightgreen'})
> > 			 $(".jqTreeButt").click(function(){
> > 				 loadlayout($(this).attr("id"));
> > 			 });
> > 			 $("#jqOptions").click(function(){
> > 				 $("#optionsPaneljQuery").dialog("destroy");
> > 				 openOptionsPan(treeid,'open');
> > 			 });
> > 			 Event.onAvailable('treediv', createTreeView);
> > 	         });
> > 	 });
> > 	 mypanel.hideEvent.subscribe(function() {
> > 		 Dom.setStyle('x3layoutbuttons','visibility','hidden');
> > 		 });
> > 	 mypanel.render(document.body);
> >
> > 	 dragdrop = new YAHOO.util.DD(divid + "_c");
> > 	 dragdrop.endDrag = function(ev) {
> >  		 var tar = YAHOO.util.Event.getTarget(ev),
> > 		 xy = YAHOO.util.Dom.getXY(tar),
> > 		 d = new Date();
> > 		 var panelTop = xy[1];
> > 		 var panelLeft = xy[0];
> > 		 YAHOO.X3Explorer.PanelTop = panelTop;
> > 		 YAHOO.X3Explorer.PanelLeft = panelLeft;
> > 		 var responseHtml = $.ajax({
> > 			  url:
"wc.dll?X3~emproc~modcall~&mod=X3EXPLORER&PR=1&METH=ExplorerPanelUpdate&TOP=" +
panelTop + "&LEFT=" + panelLeft + "&TIMESTAMP=" + d,
> > 			  async: false
> > 		 }).responseText;
> > 	 };
> >
> > 	 resize = new YAHOO.util.Resize(divid, {
> > 		 handles: ['br'],
> > 		 autoRatio: true,
> > 		 status: false,
> > 		 proxy: true,
> > 		 minWidth: YAHOO.X3Explorer.MinPanelWidth,
> > 		 minHeight: YAHOO.X3Explorer.MinPanelHeight
> > 	 });
> > 	 resize.on('resize', function(args) {
> > 		 var d = new Date();
> > 		 var panelHeight = args.height,
> > 		 panelWidth = args.width,
> > 		 panelTop = args.top,
> > 		 panelLeft = args.left,
> > 		 hpadding = 40,
> > 		 wpadding = 20;
> > 		 //Hack to trick IE into behaving
> > 		 Dom.setStyle('layout', 'display', 'none');
> > 		 this.cfg.setProperty("height", panelHeight + 'px');
> > 		 layout.set('height', this.body.offsetHeight - hpadding);
> > 		 layout.set('width', this.body.offsetWidth - wpadding);
> > 		 //Hack to trick IE into behaving
> > 		 Dom.setStyle('layout', 'display', 'block');
> > 		 layout.resize();
> > 		 YAHOO.X3Explorer.PanelWidth = panelWidth;
> > 		 YAHOO.X3Explorer.PanelHeight = panelHeight;
> > 		 YAHOO.X3Explorer.PanelTop = panelTop;
> > 		 YAHOO.X3Explorer.PanelLeft = panelLeft;
> > 		 resize_iframe();
> > 		 var responseHtml = $.ajax({
> > 			  url:
"wc.dll?X3~emproc~modcall~&mod=X3EXPLORER&PR=1&METH=ExplorerPanelUpdate&HEIGHT="
+ panelHeight + "&WIDTH=" + panelWidth + "&TOP=" + panelTop + "&LEFT=" +
panelLeft + "&TIMESTAMP=" + d,
> > 			  async: false
> > 		 }).responseText;
> > 	 }, mypanel, true);
> >  }
> >   // we will make a call to the server using JSDA to fetch the data back.
> >  var oConfig = YAHOO.X3DA.newConfig();
> >  oConfig.queryName = 'getUserPref';
> >  oConfig.addParameters("lcUserID","SYSTEM");
> >  oConfig.addParameters("lcPrefID",treeid);
> >
> >  var callback = {
> > 	 success:function(oResponse){
> > 		 var prefObject = $.json.decode(oResponse.responseText);
> > 		 var mytree = $.json.decode(prefObject.data[0].mlongpref);
> > 		 // title = mytree.title;
> > 		 bottommessage = mytree.bottommessage;
> > 		 title = mytree.title;
> > 		 treecallback = mytree.urllink;
> > 		 createPanel();
> > 	 },
> > 	 failure:function(oResponse){
> > 		 alert('Failure to load Panel Layout Preferences');
> > 		 //title = 'Unknown';
> > 	 },
> > 	 cache:false
> >  };
> >  YAHOO.X3DA.executeQueryByName(callback,oConfig);
> > }
> >
> >
> >
>

It has been a while since I've visited this group.  I posted a question last
week, and then noticed that this group/forum gets very little action.... I've
discovered that there is an "alternate universe" at http://yuilibrary.com/forum/
(where I re-posted my question).  If this group is being deprecated in favor of
the other one, it would be great if there was some announcement to that
effect... some of us really need a YUI board/forum!

Best regards,
Ania.

It has been a while since I've visited this group. I posted a question last week, and then noticed that this group/forum gets very little action.... I've discovered that there is an "alternate universe" at http://yuilibrary.com/forum/ (where I re-posted my question). If this group is being deprecated in favor of the other one, it would be great if there was some announcement to that effect... some of us really need a YUI board/forum!
Best regards,
Ania.
------------------------------------
Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/ydn-javascript/
<*> Your email settings:
Individual Email | Traditional
<*> To change settings online go to:
http://groups.yahoo.com/group/ydn-javascript/join
(Yahoo! ID required)
<*> To change settings via email:
ydn-javascript-digest@yahoogroups.com ydn-javascript-fullfeatured@yahoogroups.com
<*> To unsubscribe from this group, send an email to:
ydn-javascript-unsubscribe@yahoogroups.com
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/

No virus found in this incoming message.
Checked by AVG - www.avg.com Version: 9.0.733 / Virus Database: 271.1.1/2730 - Release Date: 03/08/10 08:34:00