createToolBarComposeMail();

…
but function createToolBarComposeMail() not call.
I need help.
Thank!

I want to call HTMLpage specific Javascript function from yui tab.
the page is fetched from URL.

I have tried the your utilities.js way but it gives me “access is denied” Error evrytime.

I have also,set various browserlevel setting in IE but this doesnt work.
So can you tell me how can i solve this issue ASAP…

var bodyTabView = new YAHOO.widget.TabView( “bodytabs” );
var bodyTabs = bodyTabView.get(“tabs”);

for ( t in bodyTabs ) {
bodyTabs[t].set(“dataSrc” , bodyTabs[t].get(“href”) );
bodyTabs[t].set(“cacheData” , true );
YAHOO.plugin.Dispatcher.delegate( bodyTabs[t] );
}
bodyTabView.selectTab(0);

One more thing (an update), dispatcher 2.1 is ready on github, and this time solving the issue with “Anonymous Functions”. Here is the source code:

http://github.com/caridy/bubbling-library/tree/c05b1e552fc3e8ae3fbd542c441c914ea8861cfe/2.0/build/dispatcher

Thanks, this is v. helpful.

A little snippet in case it’s of any use to anyone. I’ve got my tabs all from the html using progressive markup but with no content loaded initially. This little loop goes through them and 1. sets the dataSrc to the href of the tab, and 2. uses the Dispatcher delegation to load all my lovely text editors, context menus, datatables…

// my TabView built from markup
var bodyTabs = new YAHOO.widget.TabView( “bodytabs” );

// loop through the tabs
for each( t in bodyTabs.get( “tabs” ) ) {
// set the dataSrc
t.set(“dataSrc” , t.get( “href” ) );
// use the Dispatcher
YAHOO.plugin.Dispatcher.delegate ( t );
}

// and this loads the content of the first tab
bodyTabs.selectTab(0);

I created a tab and then placed a div inside to hold the Datatable:

In my application, the content for the history tab is initially blank. The datatable is dynamically created only after a user does a search. When the search results return, I then populate the table:

…

var histClmnDefs = [
{key:"request_date", label:"Request Date", sortable:true},
{key:"info_serv_desc", label:"Requests", sortable:true, formatter:this.formatInfoServ},
{key: "appoint_date", label:"Appointment", sortable:true},
{key: "interp_date", label:"Mid-Tier", sortable:true},
{key: "comments", label:"Comments"}
{key: "check", label:"Delete", formatter:"checkbox"}
];

this.dsHistory = new YAHOO.util.DataSource(“includes/controllers/dbActionController.php?”+query);
this.dsHistory.responseType = YAHOO.util.DataSource.TYPE_JSON;
this.dsHistory.responseSchema = {
resultsList: “Result”,
fields: ["request_id", "request_date", "appoint_date", "service_date", "interp_date", "comments"]

};

this.dtHistory = new YAHOO.widget.DataTable(“requestorHistory”, histClmnDefs, this.dsHistory, {
selectionMode:”single”,
scrollable:true,
height:”20em”
});
…

The problem I am having is that the Datable does not display. I can see in Firebug that the table is being created (with the data), but the only thing that appears on the screen is a vertical line where the left edge of the table begins.

I can also Inspect each column (in Firebug), so I know that the columns are there.

Even more interesting, if I return data where the JSON record is malformed, the Datable does appear in the tab (all of the columns appear, but obviously no data).

I am not creating the script inside the tabbed content as in your above examples, so I am not loading an external html file. I just don’t understand why the table does not appear on the screen even though it is obviously created (but does appear if there is a data error).

Thanks for you help. Les.

Here is a working example:
http://www.bubbling-library.com/sandbox/yui2/tabview/markup-dynamic-static.html

There are two possible reasons why this particular code can fail:

1. You didn’t included the YUI Connection Manager in your page.
2. You are trying to run the example locally, and you need a webserver in order to use the Browser AJAX capabilities.

Anyway, feel free to contact me directly to review your code.

Tab One Label

Tab One Content

var myTabs = new YAHOO.widget.TabView(“demo”);
var tab2 = new YAHOO.widget.Tab({
label: ‘Tab Two Label’,
content: ‘Loading, please wait…’,
dataSrc: ‘tab2.html’
})
myTabs.addTab( tab2 );
myTabs.addTab( new YAHOO.widget.Tab({
label: ‘Tab Three Label’,
content: ‘Tab Three Content’
}));

the tabs are displayed.but in tab2 all i get is the ‘page loading’ message but the page tab2.html doesnt actually load.

I have made sure that tab2.html is in the same directory as the file containing this snippet.

Any information you can provide would be of great help to me.
Thanks.

Also,I havent tried your library-reason being i got stuck at this snippet…I think your concept is great and really useful to a lot of people