title: Create a simple modal pop-up window in XSLT
body: <p>I am building a style sheet that has a few Members in the table. What I want is when I click on each Member a pop-up modal window to open with that Member's data which is in the XML file (I can use Member ID for reference). I tried to use fancybox (<a href="http://fancybox.net/" rel="nofollow">http://fancybox.net/</a>) but the problem with that is, these Members are populated dynamically from the XML and when I click on one Member it opens pop-up with data from some other Member. </p>
  
  <p><strong>XML</strong></p>
  
  <pre><code>&lt;Members&gt;
  &lt;Member Name = “John Smith” MemberNumber = “JS001” DateofBirth = “09/01/1978” Gender = “Male”/&gt;
  &lt;Member Name = “Andy Rodrigues” ” MemberNumber = “AR001” DateofBirth = “05/01/1970” Gender = “Male”/&gt;
  &lt;Member Name = “Julie Dean” ” MemberNumber = “JD001”  DateofBirth = “05/01/1970” Gender = “Male”/&gt;
  &lt;/Members&gt;
  
  **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
  </code></pre>
  
  <p>Member Names on the stylesheet are links that should open popups with Member information like date of birth and gender.</p>
  
  <p>My code sample using FancyBox:</p>
  
  <pre><code> &lt;xsl:for-each select="Members/Member"&gt;
      &lt;tr&gt;
        &lt;td&gt;
  
          &lt;div class="indicator bck-belize-hole brd-peter-river"&gt;
            &lt;xsl:element name="a"&gt;
              &lt;xsl:attribute name="href"&gt;#inline_DTRXMLInfo&lt;/xsl:attribute&gt;
              &lt;xsl:attribute name="class"&gt;various moreinfo whiteicon&lt;/xsl:attribute&gt;
  
              &lt;xsl:value-of select="@Name"/&gt;
            &lt;/xsl:element&gt;
  
          &lt;/div&gt;
          &lt;xsl:value-of select="@Name"/&gt;
  
        &lt;/td&gt;
        &lt;td &gt;
          &lt;font face="Arial" size="2" color="black"&gt;
            &lt;b&gt;
              &lt;xsl:value-of select="@MemberNumber"/&gt;
            &lt;/b&gt;
          &lt;/font&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
      &lt;/xsl:for-each&gt;
    &lt;div class="fancynone"&gt;
  
    &lt;div id="inline_DTRXMLInfo" class="fancysize"&gt;
      &lt;xsl:call-template name="DTRXMLInfo"&gt;
  
        &lt;xsl:with-param name="Date Of Birth" select="DateofBirth"&gt;&lt;/xsl:with-param&gt;
  
      &lt;/xsl:call-template&gt;
    &lt;/div&gt;
  </code></pre>