[jQuery] Shadowbox and AJAX
I am trying to make a page that is using the ajax call on an XML file.
The trouble I am having is trying to get shadowbox to work. I need
some help please.
Here is the code so far
<script type="text/javascript">
<!--
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j.ajax({
type: "GET",
url: "Events.xml",
dataType: "xml",
success: function(xml) {
$j(xml).find('event').each(function(){
var EventTitle = $j(this).find('title').text();
var StartDate = $j(this).find('start').text();
var EndDate = $j(this).find('end').text();
var EventDesc = $j(this).find('description').text();
var url = $j(this).find('url').text();
var trigger = $j(this).find('trigger').text();
if (url != ' ') {
$j('<div class="StoreEvent"></div>').html('<div
class="StoreEventTitle">'+EventTitle+'</div>'+EventDesc+'<a href="'+url
+'" rel="shadowbox" class="EventLink">'+trigger+'</
a>').appendTo('.StoreEventGeneric');
} else {
$j('<div class="StoreEvent"></div>').html('<div
class="StoreEventTitle">'+EventTitle+'</div>'+EventDesc+'
').appendTo('.StoreEventGeneric');
}
});
}
});
});
-->
</script>