Detect full Spry load when loaded through AJaX

Question

Hi. I have run into an issue 'in the vein' of the following
post:
Spry only works on static page???
posted by: gijoevaldez
Created on: September 10th, 215 pm
Solved by: MARIN Cristian
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=72&catid=602&threadid =1299639&enterthread=y
In my case, I have some dynamic Spry code that works in an
isolated html fragment (when run as its own 'page'). But, when I
call that fragment into my master Web page via AJaX calls, it does
not work at all. I've tried moving the data-load call to the master
document, to the AJaX-called fragment, and also added loadData();
here and there, but nothing works. It seems that, as in the post
referred to above, I might need a 'listener'? (I'm not very
familiar with the exact structuring of such a listener, for Spry)
This is the 'html-fragment':
http://www.sabinealberti.com/content2.html
And this is the 'master document':
http://www.sabinealberti.com/index.html
Specifically, within index.html, the AJaX call is in
JavaScript in the header:
function loadContent(objectID,doThis){
if (loadedContact==0){
loadedContact=1;
document.getElementById('welcome').style.visibility='hidden';
loadedContact=1;
var pageRequest=false;
if(window.XMLHttpRequest) pageRequest=new XMLHttpRequest();
else if(window.ActiveXObject) pageRequest=new
ActiveXObject("Microsoft.XMLHTTP");
else return false;
pageRequest.onreadystatechange= function (){
var object= document.getElementById(objectID);
if (pageRequest.readyState!=4){
document.getElementById('loaderImage').style.visibility='visible';
if (pageRequest.readyState==4){
document.getElementById('loaderImage').style.visibility='hidden';
//if (pageRequest.status==200){
object.innerHTML= pageRequest.responseText;
//else if (pageRequest.status==404) {
//object.innerHTML= 'Sorry, that information is not
currently available.';
//else object.innerHTML= 'Sorry, there seems to be some kind
of problem.';
(I've commented out the pageRequest.status verification
because I was running into other problems when those were active).
Another example of the exact same thing can be found in this
page ('About Us', in TutoringNetwork.com):
http://www.tutoringnetwork.com/about.html
In this page, I'm trying to switch between 2 tabbed sections
('about us' and 'one-on-one + group tutoring'). Each of the two is
an HTML fragment called through AJaX/AHAH. Each contains a Spry
Accordion. On initial load, Accordion works great, but when a new
fragment is 'called', data loads but Accordion functionality
'ceases'.
Any hints? (or answers?)
Sandro Alberti
PS I'm re-posting this, from my original posting a few days
ago, because that posting seems to have disappeared and I never
received a reply (probably because of the new forum set-up/reload
in the last week).

Answer 1

Hi again. Well, I've solved part of the issue. In Tutoring
Networks ('About 'section), what was not re-loading was a widget
(Accordion). By re-calling it in the "readyState==4" of AJaX, it
now loads well. The same goes for the Field Verification widget I
had in the 'Buy' section of Sabinealberti.com
However, in that 'Buy' section (Sabinealberti.com), there is
still Spry XML dynamic data that is not re-loading (also in the
'MLS' section):
Main page (click on Buy and MLS tabs at top):
http://www.sabinealberti.com/index.html
Direct link to 'Buy' html-fragment:
http://www.sabinealberti.com/content2.html
Direct link to 'MLS' html-fragment:
http://www.sabinealberti.com/content4.html
Sandro