Hi mvkamalesh,

I don't think I understand what you want to do — you can not call a JavaScript function inside the XSLT file if that's your problem; The XSLT rendering happens on the server, so by the time the JavaScript is running in the browser it's way past XSLT's bedtime so to speak :-)

If you need the search term inside XSLT on subsequent renderings, you can use the library extensions RequestQueryString() or RequestForm() to get the value that was sent...

Don't know if that answers your question - feel free to supply more details.

/Chriztian

Hi Chriztian,

Many thanks for your reply, actually i have a textbox where i am loading auto suggested results by alphabet, when i enter F for example the datas from alphatbet F loads. i am posting the entire code below...the bold text i am trying to get the text box value.

 

here you go..

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xsl:stylesheet [ <!ENTITY nbsp "&#x00A0;"> ]>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" 
xmlns:msxml="urn:schemas-microsoft-com:xslt"
xmlns:msxsl="urn:schemas-microsoft-com:xslt"
xmlns:umbraco.library="urn:umbraco.library" xmlns:Exslt.ExsltCommon="urn:Exslt.ExsltCommon" xmlns:Exslt.ExsltDatesAndTimes="urn:Exslt.ExsltDatesAndTimes" xmlns:Exslt.ExsltMath="urn:Exslt.ExsltMath" xmlns:Exslt.ExsltRegularExpressions="urn:Exslt.ExsltRegularExpressions" xmlns:Exslt.ExsltStrings="urn:Exslt.ExsltStrings" xmlns:Exslt.ExsltSets="urn:Exslt.ExsltSets" xmlns:ucomponents.email="urn:ucomponents.email" xmlns:ucomponents.media="urn:ucomponents.media" xmlns:ucomponents.nodes="urn:ucomponents.nodes" xmlns:ucomponents.urls="urn:ucomponents.urls"
exclude-result-prefixes="msxml umbraco.library Exslt.ExsltCommon Exslt.ExsltDatesAndTimes Exslt.ExsltMath Exslt.ExsltRegularExpressions Exslt.ExsltStrings Exslt.ExsltSets ucomponents.email ucomponents.media ucomponents.nodes ucomponents.urls ">

<xsl:output method="xml" version="1.0" encoding="UTF-8" indent="yes"/>

<xsl:param name="currentPage"/>
<xsl:variable name="currentRoot" select="$currentPage/ancestor-or-self::*[@level = 1]" />
<xsl:template match="/">

 

<script type="text/javascript" defer="defer" language="javascript">

//<![CDATA[
var searchRequest=false;
var searchSugestDelay=1000;
var timeOutId;
function getValue(e){
return e.val;
}
function getSearch(e) {

// alert($(e).val()); 

 //]]>

<xsl:variable name="filterkey">

<xsl:text>$(e).val();</xsl:text>

</xsl:variable>

 

<xsl:variable name="searchResults">

<xsl:text disable-output-escaping="yes">&lt;ul class="search-suggest"&gt;</xsl:text>

<xsl:text>&lt;li&gt;</xsl:text><xsl:value-of select="$filterkey"/><xsl:text>&lt;/li&gt;</xsl:text>

<xsl:for-each select="$currentRoot/ShoppingCategoryList/ShoppingList/* [@isDoc and name() = 'ShoppingDetails' and contains(Exslt.ExsltStrings:uppercase(inShopTitle), Exslt.ExsltStrings:uppercase($filterkey))]">

<xsl:text disable-output-escaping="yes">&lt;li&gt;&lt;a href="</xsl:text>

<xsl:value-of select="umbraco.library:NiceUrl(./@id)" disable-output-escaping="yes"/>

<xsl:text disable-output-escaping="yes">"&gt;</xsl:text>

<xsl:value-of select="umbraco.library:Replace(./inShopTitle,&quot;'&quot;,'')"/>

<xsl:text disable-output-escaping="yes">&lt;/a&gt;&lt;/li&gt;</xsl:text>

</xsl:for-each>

 

<xsl:text disable-output-escaping="yes">&lt;/ul&gt;</xsl:text>

</xsl:variable>

<xsl:choose>

<xsl:when test="$searchResults!=''">

$('#suggestsearch').show();

$('#suggestsearch').html('<xsl:value-of select="$searchResults" disable-output-escaping="yes"/>');

$items = $('#suggestsearch li');

$itemcount = $items.length;

$('#suggestsearch li a:first').addClass('current');

 

$('#suggestsearch a').hover(function(){

 

$('#suggestsearch a').removeClass('current');

$currentItem = $(this).addClass('current');

$currpos = $currentItem.position().top;

$("#suggestsearch:not(:animated)").animate({ scrollTop: $currpos-50}, 500 );

 

},

function(){

 

});

 

$("#suggestsearch:not(:animated)").animate({ scrollTop: 0}, 500 );

</xsl:when>

<xsl:otherwise>

$('#suggestsearch').hide();

</xsl:otherwise>

</xsl:choose>

 

<!-- setSearch(<xsl:value-of select="$searchResults" disable-output-escaping="yes"/>);-->

//<![CDATA[

 

}

function setSearch(searchResult) {

 

$('#suggestsearch').show();

$('#suggestsearch').html(searchResult);

$items = $('#suggestsearch li');

$itemcount = $items.length;

$('#suggestsearch li a:first').addClass('current');

 

 $('#suggestsearch a').hover(function(){

 

$('#suggestsearch a').removeClass('current');

$currentItem = $(this).addClass('current');

$currpos = $currentItem.position().top;

$("#suggestsearch:not(:animated)").animate({ scrollTop: $currpos-50}, 500 );

//$('#<%= searchKeyword.ClientID %>').val($(this).text())

},

function(){

 

     });

 

$("#suggestsearch:not(:animated)").animate({ scrollTop: 0}, 500 );

}

 

$("html").click(function(){

 

     $('#suggestsearch').html("");

$('#suggestsearch').hide();

    });

$('#<%= searchKeyword.ClientID %>').attr('autocomplete','on');

 

 

 

 

//Chosen

$(window).load(function(){

 

$('.searchcat').chosen();

$("#search-another-cat").chosen();

 

 

$href = "";

$('.frm-search .txt').bind('keyup', function(e){

e.stopPropagation();

if(e.keyCode == 40){

$current =  $('#suggestsearch a.current');

$current.parents('li').next('li').find('a').addClass('current');

$href = $current.parents('li').next('li').find('a').attr('href');

//$('#<%= searchKeyword.ClientID %>').val($current.parents('li').next('li').find('a').text())

$itemlen = $('#suggestsearch li').length-1;

//console.log($current.parents('li').index() + "/" + $itemlen)

 

if($itemlen != $current.parents('li').index()){

$currentheight = $current.position().top;

$("#suggestsearch:not(:animated)").animate({ scrollTop: $currentheight}, 500 );

$current.removeClass('current');

}

}

else if(e.keyCode == 38){

$currentup =  $('#suggestsearch a.current');

$currentupval = $currentup.parents('li').prev('li').find('a').addClass('current');

//$('#<%= searchKeyword.ClientID %>').val($currentup.parents('li').prev('li').find('a').text());

$href = $currentup.parents('li').prev('li').find('a').attr('href');

if($currentup.parents('li').index() != 0){

$currentbtm = $currentupval.position().top;

$("#suggestsearch:not(:animated)").animate({ scrollTop: $currentbtm}, 500 );

$currentup.removeClass('current');

}

 

 

}

else {

if(e.keyCode == 13){

if($href == ""){

$('search').submit();

}else{

window.location = $href;

};

return false;

} else {

getSearch(this.value);

}

}

  

});

});

 //]]>

</script>

</xsl:template>

</xsl:stylesheet>

 

 

Any one out there to fix teh above issue?

.

Hi mvkamalesh,

This is what happens:

1. You request a page in the browser 
2. XSLT renders HTML + JavaScript on the server
3. Browser receives HTML + JavaScript
4. You type "F" in the textfield in the browser
5. etc.

is working on a reply...