I am creating a stylesheet in which there are several members in the table. What I want is when I click on each member a pop-up modal window to open the data for that member that is in the XML file (I can use the member ID for reference). I tried using fancybox ( http://fancybox.net/ ), but the problem is that these members are populated dynamically from XML and when I click on one User opens pop-ups with data from another member.
XML
<Members>
<Member Name = "John Smith" MemberNumber = "JS001" DateofBirth = "09/01/1978" Gender = "Male"/>
<Member Name = "Andy Rodrigues" " MemberNumber = "AR001" DateofBirth = "05/01/1970" Gender = "Male"/>
<Member Name = "Julie Dean" " MemberNumber = "JD001" DateofBirth = "05/01/1970" Gender = "Male"/>
</Members>
**Stylesheet**
Member Name Member Number
[John Smith][1] JS001
[Andy Rodriguez][1] AR001
[Julie Dean][1] JD001
**Pop-up**
Member John Smith
Date of Birth 09/01/1978
Gender Male
Member names in the stylesheet are links that should open pop-ups with member information, such as date of birth and gender.
My sample code using FancyBox:
<xsl:for-each select="Members/Member">
<tr>
<td>
<div class="indicator bck-belize-hole brd-peter-river">
<xsl:element name="a">
<xsl:attribute name="href">#inline_DTRXMLInfo</xsl:attribute>
<xsl:attribute name="class">various moreinfo whiteicon</xsl:attribute>
<xsl:value-of select="@Name"/>
</xsl:element>
</div>
<xsl:value-of select="@Name"/>
</td>
<td >
<font face="Arial" size="2" color="black">
<b>
<xsl:value-of select="@MemberNumber"/>
</b>
</font>
</td>
</tr>
</xsl:for-each>
<div class="fancynone">
<div id="inline_DTRXMLInfo" class="fancysize">
<xsl:call-template name="DTRXMLInfo">
<xsl:with-param name="Date Of Birth" select="DateofBirth"></xsl:with-param>
</xsl:call-template>
</div>