Incorporate HTML Code in XSLT (Drop down border)

ismailc · January 11th, 2008, 07:14 AM

Hi, I want to add the foll HTML DHTMLXCombo code to XSLT code dropdown!

It is not possible to change the drop down border style in IE so i found the following code downloaded from a site: http://dhtmlx.com/docs/download.shtml
Downloaded the DHTMLXCombo!

[u]In HTML with the scripts downloaded it changes the border style:</u>
<html>
<script src="./codebase/dhtmlxcommon.js"></script>
<script src="./codebase/dhtmlxcombo.js"></script>
<link rel="STYLESHEET" type="text/css" href="./codebase/dhtmlxcombo.css">
<script>
window.dhx_globalImgPath="./codebase/imgs/";
</script>
<select style='width:200px;' id="combo_zone1" name="alfa1">
  <option value="1">a00</option>
  <option value="2">a01</option>
</select>
<script>
  var z=dhtmlXComboFromSelect("combo_zone1");
</script>
</html>

[u]I now want to add it to the existing xslt code for drop downs:</u>

<xsl:when test="$Object/@type[.='drop down' or .='lookup' or .='team select']">
<xsl:call-template name="ListValueType">
<xsl:with-param name="Name" select="$Object/@name" />
<xsl:with-param name="Attributes" select="$Object/Attributes" />
<xsl:with-param name="Options" select="$Object/Options" />
<xsl:with-param name="Value" select="$Object/Value" />
</xsl:call-template>
</xsl:when>
<xsl:template name="ListValueTypeOld">
<xsl:param name="Name" />
<xsl:param name="Attributes" />
<xsl:param name="Options" />
<xsl:param name="Value" />
<xsl:element name="asp:dropdownlist">
<xsl:attribute name='id'><xsl:value-of select='$Name' /></xsl:attribute>
<xsl:attribute name='runat'>server</xsl:attribute>
<xsl:for-each select="$Attributes/Attribute">
<xsl:attribute name='{@name}'><xsl:value-of select='.' /></xsl:attribute>
</xsl:for-each>
<xsl:for-each select='$Options/Option'>
<xsl:element name="asp:ListItem">
<xsl:attribute name='Value'><xsl:value-of select='.' /></xsl:attribute>
<xsl:if test="@selected[. = 'true']"><xsl:attribute name='selected'>true</xsl:attribute></xsl:if>
<xsl:value-of select='.' />
</xsl:element>
</xsl:for-each>
</xsl:element>
</xsl:template>

Please is it possible, canyone please have a look at the code or the download sample DHTML - I posted a ques on their site too!

Regards

bonekrusher · January 11th, 2008, 03:52 PM

As XSLT outputs HTML, just add your html code to your XSLT

ismailc · January 14th, 2008, 07:51 AM

Hi, Thank You - i got it going!

2 things:
How do i force it to close on loose focus, becuase when i select it the drop down, i must select in order for it close?

It also moves everything after it to a new line etc... image
meaning the dropdown on one line & image that is surpose to be next to it - is at the bottom?

  <xsl:template name="ListValueType">
      <xsl:param name="Name" />
      <xsl:param name="Attributes" />
      <xsl:param name="Options" />
      <xsl:param name="Value" />
      <xsl:element name="asp:dropdownlist">
        <xsl:attribute name='id'>
          <xsl:value-of select='$Name' />
        </xsl:attribute>
        <xsl:attribute name='runat'>server</xsl:attribute>
        <xsl:for-each select="$Attributes/Attribute">
          <xsl:attribute name='{@name}'>
            <xsl:value-of select='.' />
          </xsl:attribute>
        </xsl:for-each>
        <xsl:for-each select='$Value/Options/Option'>
          <xsl:element name="asp:ListItem">
            <xsl:attribute name='Value'>
              <xsl:value-of select='.' />
            </xsl:attribute>
            <xsl:if test="@selected[. = 'true']">
              <xsl:attribute name='selected'>true</xsl:attribute>
            </xsl:if>
            <xsl:value-of select='.' />
         </xsl:element>
        </xsl:for-each>

      </xsl:element>
    <script TYPE='text/javascript'>
      var z=dhtmlXComboFromSelect("<xsl:value-of select='$Name' />");
    </script>
</xsl:template>

Regards

mhkay · January 14th, 2008, 09:18 AM

These are now HTML questions rather than XSLT questions. You need to find an HTML forum.

>2 things:
How do i force it to close on loose focus, becuase when i select it the drop down, i must select in order for it close?

It also moves everything after it to a new line etc... image
meaning the dropdown on one line & image that is surpose to be next to it - is at the bottom?

Michael Kay
http://www.saxonica.com/
Author, XSLT Programmer's Reference and XPath 2.0 Programmer's Reference