Tabs plugin I use loads the data from another page. Data loaded is in xml format so I need to style that data loaded. How can I do it? ny suggestion highly appreciated.
Data loaded needs to be used in the following:
<img src="[ImageURL]" alt="" class="MultimediaImageURL" style="float:left; margin:0 10px 0 0;" />
<div class="MultimediaInfo" style="float:left; width:200px;">
<span class="MultimediaCategory" style="float:left; color:#CCC; font-size:10px; width:100%;">[CategoryName]</span>
<span class="MultimediaTitle" style="float:left; color:#D90306; font-weight:bold; width:100%;">[Title]</span>
tabs plugin
$("div.row-title").tabs("div.panes", {effect: 'ajax'}, function(i) {
// get the pane to be opened
var pane = this.getPanes().eq(i);
// load it with a page specified in the tab's href attribute
pane.html('<img src="http://www.refinethetaste.com/FLPM/cp/images/loading.gif" alt="Loading..." />')
.load(this.getTabs().eq(i).attr("href"));
});
xml
<rows>
-
<row id="1">
<MultimediaTitle>Hagi Goals</MultimediaTitle>
<ImageURL>/FLPM/media/images/5Y2K4T5V_sm.jpg</ImageURL>
-
<Videos>
-
<VideoID id="1">
<VideoURL>/FLPM/media/videos/0H7T9C0F.flv</VideoURL>
</VideoID>
-
<VideoID id="2">
<VideoURL>/FLPM/media/videos/9L6X9G9J.flv</VideoURL>
</VideoID>
</Videos>
</row>
</rows>
