LiveSite Component - XSL file - Using Javascript and Jquery

I have working component using XSLT functionality, it has DCR input, 2 javascript function and 3 jquery functions and 1 jquery include file. Everything working fine.

I would like to remove all this code and put in seperate XSLT file. So that I could update only XSLT file with future updates.

But my Javascript/Jquery is not working. Is there any special thing we have to do for Jquery/JS code block? and also for including script file?

Please advice!

Option 1: This is for including code
<script type="text/javascript" language="JavaScript">
<xsl:comment></xsl:comment>

Option 2: This is for including code
<script type="text/javascript" language="JavaScript">
<![CDATA[ .....

Option 3: This is for including file
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">&#160;</script>

Am I using in correct way?

My JS code is in between the HTML code.

Find more posts tagged with

Comments

Srinivasa Talla

Option 1 is working for me. There is small code issue so I corrected it.

Anyone has advice about Option 3 and its alternates to use JS file?

Garth McMillan

I've done it a few ways, due to various things with the implementation, which have worked:

<script type="text/javascript" src="/whatever.js"/>

<xsl:text disable-output-escaping="yes">
&lt;script type="text/javascript" src="/whatever.js"&gt;&lt;/script&gt;
</xsl:text>

Maybe even

<script type="text/javascript" src="/whatever.js">//<![CDATA[ ]]></script>

From memory you needed to have a wrapping <div> around the block for it to work, not sure if that's still the case, but most of my stuff still does this.

Ashwani001

Show in view source than after click the link of js file if it will open than your code should be work.