How can I open a new tab by clicking on a button ???

Submitted by Soshin on Sat, 04/26/2008 - 16:13.

Hello !

Juste one question( before the following ;) ) about Tab.Container :
is it possible to open a new tab by clicking on a form button ?

I explain : I want to use dijit.Dialog to open an authentification box. So, by clicking on "OK", it open a new closable tab with my authentification test code. I also need to use GET or POST to pass infos to the tab...

But I need to know how to open a new tab. I tried to use visibility:hidden... but I'm a newbie in dojo and javascript so...

Please Help !!! ;)

thanks

Login or register to post comments
Subscribe post

if you tabContainer has

Submitted by dante on Sat, 04/26/2008 - 16:57.

if you tabContainer has id="foo" ...

dojo.connect(dijit.byId("button"),"onClick",function(e){

var newTab = new dijit.layout.ContentPane({ title:"a new tab" });
dijit.byId("foo").addChild(newTab);
dijit.byId("foo").selectChild(newTab);

});

Thanks... (again ;) )

Submitted by Soshin on Sat, 04/26/2008 - 21:23.

Thanks... (again ;) )

So I must declare this in , and how can I apply this to my button ?

bye

edited for tags

The code inside the connect

Submitted by dante on Sat, 04/26/2008 - 21:25.

The code inside the connect could be substituted for your dijit.form.Button's onClick method ...

So must I use your code as

Submitted by Soshin on Sun, 04/27/2008 - 08:53.

So must I use your code as following ? (this doesn't works...) :

thanks again

pleaaaaaaaaaaaaaaase ;)

Submitted by Soshin on Tue, 04/29/2008 - 21:26.

pleaaaaaaaaaaaaaaase ;)

Dante ?? Could you please

Submitted by Soshin on Sun, 05/04/2008 - 07:30.

Dante ??

Could you please explain me how to use your code ?

Thanks,

RE: Could you please

Submitted by RonW on Thu, 05/08/2008 - 17:04.

//This associates an event handler to the "onClick" event of "button"
dojo.connect(dijit.byId("button"),"onClick",function(e){

//This creates a new tab object
var newTab = new dijit.layout.ContentPane({ title:"a new tab" });
//This associates the new tab to "foo"
dijit.byId("foo").addChild(newTab);
//This selects the tab you have just created
dijit.byId("foo").selectChild(newTab);

});

Hope this helps, and thank you to Dante for providing this handy code in the first place.

Thanks !!

Submitted by Soshin on Mon, 05/12/2008 - 06:02.

Thanks for all, but where can I use it in my code ??? It must be declared between HEAD and HEAD ?
And how can I mention the "closable" var for my tab ???

;)

Search

How can I open a new tab by clicking on a button ???