[jQuery] AJAX/XML/XSL/JQUERY/JS combo... its a doosie...

[jQuery] AJAX/XML/XSL/JQUERY/JS combo... its a doosie...


Ok, so check it out :)
I have a sale page, where certain items that are on sale, are
displayed. The items that are on sale are stored in an xml file. I use
an XSL file to parse the xml into how I want the list to appear. I
then use Javascript to load that info into the browser and inject it
into the DOM. That work A-OK. However, I have been looking to add some
new features. Instead of the items in the list just linking to the
appropriate item page, I want to load a piece of the page they are
linking to and further inject that into the DOM, but just below the
element that is clicked. Since the page is dynamic, the source code
only shows the original div that xml was injected into ( <div
id="saleTable" /> )... I have tried several things to get this to
work, but nothing does. I will drop a quick code example:
<xsl:for-each select="brand">
<tr style="height:25px">
<td>
&#160;&#160;<a style="text-decoration:none"
onmouseover="$(this).css('text-decoration', 'underline').css('cursor',
'hand');" onmouseout="$(this).css('text-decoration',
'none').css('cursor', 'pointer');">
<xsl:attribute name="onclick">
$(this).children().load("product.asp?
item=<xsl:value-of select="brandShort" />%2D<xsl:value-of
select="brandNumber" /> #productImage").slideToggle('slow');
</xsl:attribute>
<xsl:value-of select="name" />
<div>
<xsl:attribute name="id">
ajDiv_<xsl:value-of select="brandShort" /