Displaying data obtained via JSONP
Let's pull in some external content for our final tabs example. If we use the tabs widget, in conjunction with the standard jQuery library getJSON method, we can bypass the cross-domain exclusion policy and pull in a feed from another domain to display in a tab. In a new file in your text editor, create the following new page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="development-bundle/themes/smoothness/ui.all.css">
<link rel="stylesheet" type="text/css"href="css/flickrTabTheme.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>jQuery UI AJAX Tabs Example</title>
</head>
<body>
<div id="myTabs">
<ul>
<li><a href="#a"><span>Nebula Information</span></a></li>
...
