Set Div ID value = ttip_<xsl:value-of select='@nam

ismailc · January 15th, 2008, 09:37 AM

Hi, I'm using this HTML code to set my tooltip.

I get it working in HTML then i incorporated it in xslt.
I got it to work for only the first field value then i realized i was not changing the "DIV ID" value to point to the ttip_<xsl:value-of select='@name' />
[u]
This is the HTML example: </u>

Code:

<a href="http://www.dynamicdrive.com/style/" rel="balloon1">??</a> 
<div id="balloon1" class="balloonstyle">Test</div>

The rel="balloon1" is equal to the div id="balloon1"
I get the Rel in the xslt going but can't connect with the DIV ID as it moans about the code in bold!

Code:

<a> 
<xsl:attribute name='href'>ajax.htm</xsl:attribute> 
<xsl:attribute name='rel'>ttip_<xsl:value-of select='@name' /></xsl:attribute>?? 
</a> 

<div id="ttip_<xsl:value-of select='@name'/>"  class="balloonstyle"> 
<xsl:value-of select="Tooltip" /> 
</div>

Please Assist!

samjudson · January 15th, 2008, 09:48 AM

I don't understand how you can manage to have the correct code in the exact same example as the incorrect code. Try looking two lines up and seeing how its done there.

/- Sam Judson : Wrox Technical Editor -/

joefawcett · January 15th, 2008, 09:49 AM

Code:

<a href="ajax.htm" rel="ttip_{@name}"></a>

<div id="ttip_{@name}"  class="balloonstyle"> 
<xsl:value-of select="Tooltip" /> 
</div>

--

Joe (Microsoft MVP - XML)

mhkay · January 15th, 2008, 10:17 AM

XSLT stylesheets are XML documents, and you can't have elements inside attributes. So you need the attribute value template syntax,

<e att="abc{@def}ghi">

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

ismailc · January 16th, 2008, 05:04 AM

Thank You very much - Great stuff !!!

Thank You Joe & All for all the help, assistance & patience!
I started feeling bad posting everytime as I was being a nuisance and a pain.

My search to fix the tooltip has come to an end:

As you came across i have no experience in xslt - just recently started looking into making changes to the file. As I'm coding in Flowcentric which uses xslt as stylesheet & users wanted changes to the app. So i started playing with the xslt file.

[u]This did solve my problem to fix the tooltip! </u>

<a href="ajax.htm" rel="ttip_{@name}"></a>

<div id="ttip_{@name}" class="balloonstyle">
<xsl:value-of select="Tooltip" />
</div>

Thank You for your kindness & patience!!!
Regards