PDA

View Full Version : Resolved Step Carousel Viewer "what is undefined" error



ADHDonnie
04-22-2010, 02:47 AM
----------
Script: Step Carousel Viewer v1.8
http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm
----------

Scenario:
jQuery AJAX call to retrieve XML document of images to display. If document retrieval successful, parse the XML document with JavaScript/jQuery into proper format for stepcarousel and update the html of the stepcarousel div. Upon invocation of stepcarousel.setup, "what is undefined" error was returned and page went blank/white.

To me, the behavior I received is a bug. I believe it should be adjusted accordingly.

Resolution:
The error occurs because stepcarousel.setup calls document.write in the midst of a jQuery.ajax success function call. After finding this post (http://forums.asp.net/p/1439163/3755493.aspx#3755493), I updated the stepcarousel.setup function to compensate for the issue. The adjusted function is below. By using jQuery to append the style-ing within the head of the document, there are no longer any unforeseen errors.

I wanted to post this, in more detail than the link above, for anyone who may have had the same problem as me. Hope it helps.



setup:function(config){
jQuery(document).ready(function($){
//Disable Step Gallery scrollbars ASAP dynamically (enabled for sake of users with JS disabled)
$('head').append('<style type="text/css">\n#'+config.galleryid+'{overflow: hidden;}\n</style>')
config.$gallery=$('#'+config.galleryid)
stepcarousel.init($, config)
}) //end document.ready
jQuery(window).bind('unload', function(){ //clean up on page unload
stepcarousel.resetsettings($, config)
if (config.panelbehavior.persist)
stepcarousel.setCookie(config.galleryid+"persist", config.currentpanel)
jQuery.each(config, function(ai, oi){
oi=null
})
config=null
})
}