change a div when onclick event a tab of a content panel

[luke83]

wow.. what title!!!

so..

i have my contentpanel:

layout.add(..);
....
layout.add('center', new YAHOO.ext.ContentPanel('center3', {title: 'Forum', closable: true}));

now i would like to link a function when u click on the tab named tab, so that i can update a div..
something like this:

layout.add('center', new YAHOO.ext.ContentPanel('center3', {title: 'Forum', closable: true, onclick: function(){alert(123)}}));

this don't show 123 when i click on forum label tab, i would like

[tryanDLS]

Jack may chime in with another solution here, but rather than look for an 'onclick', you could look for the 'activate' event. This is only going to fire on the 1st click, because once a tab is activated, clicking again doesn't really mean anything, unless you click on sub-element of the tab that handles a click, and then bubbles it all the way up to the tab.

get a ref to your panel, then

//this needs to happen after the panel is added to the region, otherwise it will fire one time //immediately b/c the tab is activated upon add.
panel.on('activate', myfunc, this, true); 

...
function myfunc(panel, obj) {
 alert('123');
}

[jack.slocum]

That's exactly what I would have suggested.

[luke83]

ok..

it's so simple... but it don't work.. i did this:

layout.add('center', new YAHOO.ext.ContentPanel('center3', {title: 'Forum', closable: true}));
	                
layout.getRegion("center").getPanel("center3").on("activate",act3,this,true);

function act3(panel,obj){alert(123)}

also adding the " to function arg name it don't wont to work.. what i wrong?

ps: is there a documentation for borderLayout?

[ca8msm]

This is pretty much the same situation I've just been in. Have a look at the advice Jack offered to me as this worked great:

http://www.jackslocum.com/forum/viewtopic.php?t=444

[luke83]

hi, thx for the reply
i have read, but nothing changed,it give me error in js console saying that "this.events is not defined"

i used this code:

Example = function(){
	        return {
	            init : function(){   
[....] // omissions to shorten the code :p
layout.add('center', new YAHOO.ext.ContentPanel('center3', {title: 'Forum', closable: true}));
	                
layout.getRegion("center").getPanel("center3").on("activate",Example.act3,Example,true);

	                layout.getRegion('center').showPanel('content');
	                layout.endUpdate();
	           },

act3 : function(){
                   alert('test');
              }             
	     }
	       
	}();
	YAHOO.ext.EventManager.onDocumentReady(Example.init, Example, true);

[jack.slocum]

What version are you using? The latest beta? Can you put a link up somewhere? I see nothing obvious in your code so it has to be a weird issue. That event works though, I use it extensively.

[luke83]

jack, i know i'm your worse incubus.. :roll:

so...

this is the page to obtain:

http://fantaluke.net/sc/test/correct.htm

and this is the page with code for the "onActivate" event:

http://fantaluke.net/sc/test/test.htm

i'm in your hands...

as usual.. :lol:

[tryanDLS]

You might try splitting this line and see if you really have a ref to your panel

layout.getRegion("center").getPanel("center3").on("activate",Example.act3,Example,true);

var p = layout.getRegion("center").getPanel("center3");

This is the issue I initially had - you're creating a panel with a title='center3', not id='center3'. getPanel is looking for an id, not a title (at least in this beta).

I didn't try this with your code, but it's basically how I got around it in my code:

var  p = new YAHOO.ext.ContentPanel('center3', {title: '[img]images/tforum.gif[/img] Forum', closable: true});

layout.add('center', p);
p.on('activate', Example.act3,Example,true);

Note also that if you add the event to the panel before you add the panel to the layout, the event will fire once immediately. This is b/c activate is fired upon add - this may or may not be what you want.

[luke83]

thx a lot for reply but i have no result trying your code.. :? u can see it in test.htm.. :cry: nathing to do..