Crie uma janela pop-up modal simples no XSLT

Question

Dec 30, 2015, 07:05 PM

Crie uma janela pop-up modal simples no XSLT

Estou construindo uma folha de estilos que tem alguns membros na tabela. O que eu quero é quando clico em cada Membro uma janela modal pop-up para abrir com os dados desse Membro que estão no arquivo XML (posso usar o ID do Membro para referência). Eu tentei usar o fancybox (http://fancybox.net/), mas o problema é que esses membros são preenchidos dinamicamente a partir do XML e, quando clico em um membro, ele abre pop-up com dados de outro membro.

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

Os nomes dos membros na folha de estilo são links que devem abrir pop-ups com informações dos membros, como data de nascimento e sexo.

Meu exemplo de código usando o 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>