Home/ Questions/Q 8278993
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T09:11:27+00:00

I was trying to populate a jQuery template and append the result into a

  • 0

I was trying to populate a jQuery template and append the result into a div, but I am getting an error. I just do not understand where the flaw is in my code. Can anyone rectify it? I am using jQuery version 1.4 (jquery-1.4.1.min.js).

Here is my full code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<style type="text/css">
.no_results
{
    width:547px;
    height:50px;
    overflow: hidden;
    text-align: center;
    margin-top: 25px;
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;  
    display:table-cell; 
    vertical-align:middle;
    background:none repeat scroll 0 0 #FFFFE0;
    border:1px solid #FFC978;
}
</style>

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
var srchterm = 'Hello Sam';
var markup = "<ul><li><div class='no_results'><span>No results found for [${Name}] </span></div></li></ul>";

$("#showBtn").click(function () {
$("#SearchData").empty();
$.tmpl("movieTemplate", srchterm).appendTo("#SearchData");
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:Button ID="showBtn" runat="server" Text="Change" /><br /><br />
<div id="SearchData"></div>
</form>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Is this what you are trying to achieve:
    http://jsfiddle.net/2efSV/

    I’ve changed your call to $.tmpl from

    $.tmpl("movieTemplate", srchterm).appendTo("#SearchData");

    to

    $.tmpl(markup, { "Name" : srchterm  }).appendTo("#SearchData");

    The first parameter should be your template, and the second should be an object containing the data you’re using in the template:

    • 0