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>