AddLoadListener not working

Question

I am trying to make a DIV appear if a table with ID of
itemtbr is put on
the page by an XHR request.
This is what I have so far:
function checkoptions()
function showoptions()
var opt = document.getElementById('options');
opt.style.display = "block";
Spry.$$("table#itemtbr").forEach(showoptions);
Spry.Utils.addLoadListener(checkoptions);
Buts it not working. You can see by going to
http://www.ac-et.com/returns/create.asp
First complete step 1, then when you have added step 2, a div
should
appear below the main one with some text.
Any ideas how I can debug this?
Cheers,
Dooza
Posting Guidelines
http://www.adobe.com/support/forums/guidelines.html
How To Ask Smart Questions
http://www.catb.org/esr/faqs/smart-questions.html

Answer 1

Dooza wrote:
> Dooza wrote:
>> I am trying to make a DIV appear if a table with ID
of itemtbr is put
>> on the page by an XHR request.
>>
>> This is what I have so far:
>>
>> function checkoptions()
>> {
>> function showoptions()
>> {
>> var opt = document.getElementById('options');
>> opt.style.display = "block";
>> }
>> Spry.$$("table#itemtbr").forEach(showoptions);
>> }
>> Spry.Utils.addLoadListener(checkoptions);
>>
>> Buts it not working. You can see by going to
>>
http://www.ac-et.com/returns/create.asp
>>
>> First complete step 1, then when you have added step
2, a div should
>> appear below the main one with some text.
>>
>> Any ideas how I can debug this?
>
> I realised that the LoadListener never fires, as the
page isn't loading
> when the table is there, so I dropped that, moved the
showoptions
> function out of the checkoptions function, deleted that,
and added the
> Spry.$$ into the function that loads the response from
the XHR and hey
> presto, its working.
>
> The only slight problem is that if you then delete item
from part 2, the
> options remain visible.
>
> What I need to do is have the opposite of
> Spry.$$("table#itemtbr").forEach(showoptions); but I am
not sure how to
> do that.
>
> Any ideas?
>
> Dooza
Easy! Set it to none before you check for the table.. ta da:
function updateResponseDiv(req)
Spry.Utils.setInnerHTML('insertitem',
req.xhRequest.responseText);
var ld = document.getElementById("loader");
ld.style.display = "none";
document.insertform.quantity.focus();
var opt = document.getElementById('options');
opt.style.display = "none";
Spry.$$("div#insertitem table#itemtbr").forEach(showoptions);
Dooza
Posting Guidelines
http://www.adobe.com/support/forums/guidelines.html
How To Ask Smart Questions
http://www.catb.org/esr/faqs/smart-questions.html