$.nano is not a function (jQuery Templating Engine-nano) -
updated question i getting error
$.nano not function and below code.. idea why happening so? or there have import or include in jquery template engine..
window.onload=startdpsviewers; function startdpsviewers() { $('a.action.add-filter').text(''); dps_viewermanager.zoomviewerindex = "http://somehost:8001/viewer/index.jsp"; dps_viewermanager.startviewers(); dps.startviewersonload(); } var service_base_url = 'https://somehost/d/services/agile/getmeta?id='; var id_popover_content = '#popover_content'; var search_agile_metadata = service_base_url ; var id_popover = '#popover'; var id_popover_mask = '#popover-mask'; var template_popover_waiting = '<div class="waiting"></div>'; var current_doc_info = {id:'', url:'', title:'', repo:'', app:'docsearch2', ts:'', user:''}; var template_popover = '<div id="popover" class="popover"><div class="content clearfix"><div class="t"></div><div id="popover_content"></div></div><div class="b"><div></div></div></div>'; var template_agile_meta = '<p class="item"><span class="label">{label}</span><span class="data">{data}</span></p>'; var template_popover_agile = '<div id="popup-meta"><h4>meta data</h4><div class="popup-content"><div class="waiting">getting meta data…</div></div></div>'; var id1=''; var mysplit= ''; var rj=''; $(function(){ $('body').append($('<div id="popover-mask"></div>')); $(id_popover_mask).click(on_popover_close); $('body').append($(template_popover)); $('.show-more-info').live('click', function(e) { //alert("helo"); e.preventdefault(); $(this).addclass('active'); show_popover_mask(); // position popover var offset = $(this).offset(); var left = offset.left - 442; var top = offset.top + 5; left = left + 'px'; top = top + 'px'; $(id_popover).stop(true, false).show().css({left: left,top: top}).attr('class', 'popover popover-show-info'); current_doc_info.id = $('p', $(this).parent().parent().parent()).html(); //alert("ttt: " +current_doc_info.id); id1 = $('a', $(this).parent().parent().parent().parent().parent()).html(); //alert("helooss: " +id1); if(id1 == 'asic_ic') { mysplit= id1.split("_"); rj = mysplit[0]; //alert(" s1 " +rj.tolowercase()); } if(id1== 'part_assembly') { mysplit= id1.split("_"); rj = mysplit[0]; //alert(" s2 " +rj.tolowercase()); } if(id1 == 'components (ce)') { mysplit= id1.split("s"); rj = mysplit[0]; //alert(" s3 " +rj.tolowercase()); //alert("kahan"); } if(id1 == 'document') { rj= id1; //alert(" s4 " +rj.tolowercase()); //alert("kahan"); } if(id1 == 'drawing/schematic') { mysplit= id1.split("/"); rj = mysplit[0]; //alert(" s5 " +rj.tolowercase()); //alert("kahan"); } if(id1 == 'software') { rj= id1; //alert(" s6 " +rj.tolowercase()); //alert("kahan"); } //alert("heloo: " +id); //alert($(this).parent().parent().parent().parent().html()); $(id_popover_content).css({width:'500px'}).html(template_popover_agile); on_show_info_agile(); }); }); var show_popover_mask = function() { //alert("a1"); //get screen height , width var maskheight = $(document).height(); var maskwidth = $(window).width(); //alert(maskheight); //set height , width mask fill whole screen $(id_popover_mask).css({ 'width': maskwidth, 'height': maskheight }); //transition effect $(id_popover_mask).show().css({ opacity: '0.33' }); }; var on_popover_close = function(e) { //alert("hi"); //e.preventdefault(); $(id_popover_mask).hide(); $(id_popover).hide(); $('.show-more-info').removeclass('active'); }; var on_show_info_agile = function() { //alert("aa"); var outofdomainajaxcall = search_agile_metadata + current_doc_info.id; alert(outofdomainajaxcall); request_meta_info = $.ajax({ url: "proxi.jsp?url=" + outofdomainajaxcall, type: 'get', success: on_get_metadata_agile, error: on_get_metadata_agile_error }); }; var on_get_metadata_agile = function(data, text_status, xmlhttprequest) { alert(text_status); console.log(data); var html = ''; var info = {}; $(data).find('attr').each(function() { info = {}; info.data = $(this).attr('value'); var name = $(this).attr('name'); var $jq = jquery.noconflict(); switch (name) { case "titleblock.number": info.label = 'item number'; html += $jq.nano(template_agile_meta, info); break; case "titleblock.description": info.label = 'description'; html += $jq.nano(template_agile_meta, info); break; case "titleblock.documenttype": info.label = 'item type'; html += $jq.nano(template_agile_meta, info); break; case "titleblock.rev": info.label = 'item rev'; html += $jq.nano(template_agile_meta, info); break; case "titleblock.category": info.label = 'category'; html += $jq.nano(template_agile_meta, info); break; case "titleblock.productline": info.label = "product line"; html += $jq.nano(template_agile_meta, info); break; case "titleblock.revreleasedate": info.label = 'modified date'; html += $jq.nano(template_agile_meta, info); break; case "titleblock.revincorpdate": info.label = 'incorporated date'; html += $jq.nano(template_agile_meta, info); break; } }); $('#popup-meta').removeclass('waiting'); $('#popup-meta .popup-content').html(html); }; var on_get_metadata_agile_error = function(xmlhttprequest, text_status, error) { //log('on_get_metadata_agile_error: ' + text_status); alert("error"); $('#popup-meta').removeclass('waiting'); $('#popup-meta .popup-content').html('<span class="data-error">unable meta data.</span>'); };
the probable not including nano <script> properly.
<script type="text/javascript" src="path/to/nano.js"></script> don't forget put before use it, advice include in <head> section after jquery script inclusion.
hope helps. cheers
Comments
Post a Comment