Accidently jquery tabs stopped working in my wordpress admin panel
Here is the error message
jquery.form.js?ver=4.2.13:902 [jquery.form] terminating; zero elements found by selector
jquery.form.js?ver=4.2.13:902 [jquery.form] terminating; zero elements found by selector
jquery.form.js?ver=4.2.13:902 [jquery.form] terminating; zero elements found by selector
jquery.form.js?ver=4.2.13:902 [jquery.form] terminating; zero elements found by selector
tab.js?ver=4.2.13:142 Uncaught TypeError: jQuery(...).tabs is not a function
at HTMLDocument.<anonymous> (tab.js?ver=4.2.13:142)
at j (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,plupload&ver=4.2.13:2)
at Object.fireWith [as resolveWith] (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,plupload&ver=4.2.13:2)
at Function.ready (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,plupload&ver=4.2.13:2)
at HTMLDocument.J (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,plupload&ver=4.2.13:2)
previously I added Qtranslate plugin and its plugins for ACF and Yoast SEO plugins. I turned them off, but problem still appears.
Working admin panel had such scripts includings:
<script type='text/javascript' src='<SITENAME>/wp-admin/load-scripts.php?c=0&load%5B%5D=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,utils,plupload,jquery-ui-resizable,jquery-ui-draggabl&load%5B%5D=e,jquery-ui-button,jquery-ui-position,jquery-ui-dialog,farbtastic,jquery-form&ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/themes/wp_oswad_market/js/wd_menu_back.js?ver=4.2.13'></script>
<!--[if lt IE 8]>
<script type='text/javascript' src='<SITENAME>/wp-includes/js/json2.min.js?ver=2011-02-23'></script>
<![endif]-->
<script type='text/javascript' src='<SITENAME>/wp-content/plugins/wp-all-export-pro/static/js/pmxe.js?ver=1.1.0'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/plugins/admin-menu-editor/js/admin-helpers.js?ver=20140312'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/themes/wp_oswad_market/framework/js/jquery.form.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/themes/wp_oswad_market/framework/admin/js/tab.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/themes/wp_oswad_market/framework/admin/js/shortcode.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/themes/wp_oswad_market/framework/admin/js/page_config.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/themes/wp_oswad_market/js/jquery.fancybox.pack.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/themes/wp_oswad_market/js/bootstrap-colorpicker.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/themes/wp_oswad_market/framework/admin/js/logo-upload.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/plugins/woocommerce/assets/js/chosen/chosen.jquery.min.js?ver=2.3.8'></script>
<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/plugins/js_composer/assets/lib/vcIconPicker/jquery.fonticonpicker.min.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/plugins/advanced-spoiler/js/spoiler-admin.js?ver=2.02'></script>
Now it looks like :
<script type='text/javascript' src='<SITENAME>/wp-content/plugins/wp-all-export-pro/static/js/pmxe.js?ver=1.1.0'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/plugins/admin-menu-editor/js/admin-helpers.js?ver=20140312'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/themes/wp_oswad_market/framework/js/jquery.form.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/themes/wp_oswad_market/framework/admin/js/tab.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/themes/wp_oswad_market/framework/admin/js/shortcode.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/themes/wp_oswad_market/framework/admin/js/page_config.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/themes/wp_oswad_market/js/jquery.fancybox.pack.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/themes/wp_oswad_market/js/bootstrap-colorpicker.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/themes/wp_oswad_market/framework/admin/js/logo-upload.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/plugins/woocommerce/assets/js/chosen/chosen.jquery.min.js?ver=2.3.8'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/plugins/advanced-custom-fields-pro/assets/js/acf-input.min.js?ver=5.5.10'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/plugins/acf-qtranslate/assets/common.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/plugins/advanced-custom-fields-pro/pro/assets/js/acf-pro-input.min.js?ver=5.5.10'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/plugins/acf-qtranslate/assets/acf_5/main.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/plugins/acf-qtranslate/assets/acf_5/qtranslatex.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/plugins/woocommerce/assets/js/select2/select2.min.js?ver=3.5.2'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/plugins/advanced-custom-fields-pro/assets/inc/timepicker/jquery-ui-timepicker-addon.min.js?ver=1.6.1'></script>
<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/plugins/js_composer/assets/lib/vcIconPicker/jquery.fonticonpicker.min.js?ver=4.2.13'></script>
<script type='text/javascript' src='<SITENAME>/wp-content/plugins/advanced-spoiler/js/spoiler-admin.js?ver=2.02'></script>
What could be the cause of the error?
Related
basically i am using some other websites javascripts to get a good looking layout but i have added this functionality in which i get a value from a text box like this
<script src="assets/lib/jquery.nanoscroller/javascripts/jquery.nanoscroller.min.js" type="text/javascript"></script>
<script src="assets/js/main.js" type="text/javascript"></script>
<script src="assets/lib/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/lib/jquery-flot/jquery.flot.js" type="text/javascript"></script>
<script src="assets/lib/jquery-flot/jquery.flot.pie.js" type="text/javascript"></script>
<script src="assets/lib/jquery-flot/jquery.flot.resize.js" type="text/javascript"></script>
<script src="assets/lib/jquery-flot/plugins/jquery.flot.orderBars.js" type="text/javascript"></script>
<script src="assets/lib/jquery-flot/plugins/curvedLines.js" type="text/javascript"></script>
<script src="assets/lib/jquery.sparkline/jquery.sparkline.min.js" type="text/javascript"></script>
<script src="assets/lib/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
<script src="assets/lib/jquery.vectormap/jquery-jvectormap-1.2.2.min.js" type="text/javascript"></script>
<script src="assets/lib/jquery.vectormap/maps/jquery-jvectormap-us-merc-en.js" type="text/javascript"></script>
<script src="assets/lib/jquery.vectormap/maps/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script>
<script src="assets/lib/jquery.vectormap/maps/jquery-jvectormap-uk-mill-en.js" type="text/javascript"></script>
<script src="assets/lib/jquery.vectormap/maps/jquery-jvectormap-fr-merc-en.js" type="text/javascript"></script>
<script src="assets/lib/jquery.vectormap/maps/jquery-jvectormap-us-il-chicago-mill-en.js" type="text/javascript"></script>
<script src="assets/lib/jquery.vectormap/maps/jquery-jvectormap-au-mill-en.js" type="text/javascript"></script>
<script src="assets/lib/jquery.vectormap/maps/jquery-jvectormap-in-mill-en.js" type="text/javascript"></script>
<script src="assets/lib/jquery.vectormap/maps/jquery-jvectormap-map.js" type="text/javascript"></script>
<script src="assets/lib/jquery.vectormap/maps/jquery-jvectormap-ca-lcc-en.js" type="text/javascript"></script>
<script src="assets/lib/countup/countUp.min.js" type="text/javascript"></script>
<script src="assets/lib/chartjs/Chart.min.js" type="text/javascript"></script>
<script src="assets/js/app-dashboard.js" type="text/javascript"></script>
function execute()
{
var Search = document.getElementById('searchbox').value;
App.init();
App.dashboard();
}
these App.init();
are some external scripts that initialises a var variable which has very custom features.like charts,graphs etc
The value stored in Search can i use it in those javascripts that initialises App. Will the scope of variable exist in such case ?. if not how can i do so and use this Search variable value in all the referenced javascripts
im trying to implement plupload into an existing template but am running into issues when adding the plupload JQuery file the existing template stops working like drop down menus and other features
this is the current head tags without the plupload files
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0' />
<title>$capital_name</title>
<link href='bootstrap/css/bootstrap.min.css' rel='stylesheet' type='text/css' />
<!-- jQuery UI -->
<!--<link href='plugins/jquery-ui/jquery-ui-1.10.2.custom.css' rel='stylesheet' type='text/css' />-->
<!--[if lt IE 9]>
<link rel='stylesheet' type='text/css' href='plugins/jquery-ui/jquery.ui.1.10.2.ie.css'/>
<![endif]-->
<link href='assets/css/main.css' rel='stylesheet' type='text/css' />
<link href='assets/css/plugins.css' rel='stylesheet' type='text/css' />
<link href='assets/css/responsive.css' rel='stylesheet' type='text/css' />
<link href='assets/css/icons.css' rel='stylesheet' type='text/css' />
<link rel='stylesheet' href='assets/css/fontawesome/font-awesome.min.css'>
<!--[if IE 7]>
<link rel='stylesheet' href='assets/css/fontawesome/font-awesome-ie7.min.css'>
<![endif]-->
<!--[if IE 8]>
<link href='assets/css/ie8.css' rel='stylesheet' type='text/css' />
<![endif]-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
<script type='text/javascript' src='assets/js/libs/jquery-1.10.2.min.js'></script>
<script type='text/javascript' src='plugins/jquery-ui/jquery-ui-1.10.2.custom.min.js'></script>
<script type='text/javascript' src='bootstrap/js/bootstrap.min.js'></script>
<script type='text/javascript' src='assets/js/libs/lodash.compat.min.js'></script>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src='assets/js/libs/html5shiv.js'></script>
<![endif]-->
<script type='text/javascript' src='plugins/touchpunch/jquery.ui.touch-punch.min.js'></script>
<script type='text/javascript' src='plugins/event.swipe/jquery.event.move.js'></script>
<script type='text/javascript' src='plugins/event.swipe/jquery.event.swipe.js'></script>
<script type='text/javascript' src='assets/js/libs/breakpoints.js'></script>
<script type='text/javascript' src='plugins/respond/respond.min.js'></script> <!-- Polyfill for min/max-width CSS3 Media Queries (only for IE8) -->
<script type='text/javascript' src='plugins/cookie/jquery.cookie.min.js'></script>
<script type='text/javascript' src='plugins/slimscroll/jquery.slimscroll.min.js'></script>
<script type='text/javascript' src='plugins/slimscroll/jquery.slimscroll.horizontal.min.js'></script>
<!--[if lt IE 9]>
<script type='text/javascript' src='plugins/flot/excanvas.min.js'></script>
<![endif]-->
<script type='text/javascript' src='plugins/sparkline/jquery.sparkline.min.js'></script>
<script type='text/javascript' src='plugins/flot/jquery.flot.min.js'></script>
<script type='text/javascript' src='plugins/flot/jquery.flot.tooltip.min.js'></script>
<script type='text/javascript' src='plugins/flot/jquery.flot.resize.min.js'></script>
<script type='text/javascript' src='plugins/flot/jquery.flot.time.min.js'></script>
<script type='text/javascript' src='plugins/flot/jquery.flot.growraf.min.js'></script>
<script type='text/javascript' src='plugins/easy-pie-chart/jquery.easy-pie-chart.min.js'></script>
<script type='text/javascript' src='plugins/daterangepicker/moment.min.js'></script>
<script type='text/javascript' src='plugins/daterangepicker/daterangepicker.js'></script>
<script type='text/javascript' src='plugins/blockui/jquery.blockUI.min.js'></script>
<script type='text/javascript' src='plugins/fullcalendar/fullcalendar.min.js'></script>
<script type='text/javascript' src='plugins/noty/jquery.noty.js'></script>
<script type='text/javascript' src='plugins/noty/layouts/top.js'></script>
<script type='text/javascript' src='plugins/noty/themes/default.js'></script>
<script type='text/javascript' src='plugins/uniform/jquery.uniform.min.js'></script>
<script type='text/javascript' src='plugins/select2/select2.min.js'></script>
<script type='text/javascript' src='assets/js/app.js'></script>
<script type='text/javascript' src='assets/js/plugins.js'></script>
<script type='text/javascript' src='assets/js/plugins.form-components.js'></script>
<script>
$(document).ready(function(){
'use strict';
App.init(); // Init layout and core plugins
Plugins.init(); // Init all plugins
FormComponents.init(); // Init all form-specific plugins
});
</script>
<script type='text/javascript' src='assets/js/custom.js'></script>
<script type='text/javascript' src='assets/js/demo/pages_calendar.js'></script>
<script type='text/javascript' src='assets/js/demo/charts/chart_filled_blue.js'></script>
<script type='text/javascript' src='assets/js/demo/charts/chart_simple.js'></script>
the below is the lines im trying to add when i run into problems and the template stops working
<script type='text/javascript' src='assets/plupload/jquery.js'></script>
<script type='text/javascript' src='assets/plupload/plupload.full.min.js'></script>
<script type='text/javascript' src='assets/plupload/jquery.plupload.queue.min.js'></script>
<link type='text/css' rel='stylesheet' href='assets/plupload/jquery.plupload.queue.css' media='screen'>
any help is very much appreciated im stuck currently and cannot work out how to proceed
code added thanks to below
<script src='assets/plupload/jquery.js'></script>
<script>
$.noConflict();
jQuery(document).ready(function(){
jQuery('button').click(function(){
jQuery('p').text('jQuery is still working!');
});
});
</script>
You need to use jQuery noConflict() Method. The noConflict() method releases the hold on the $ identifier, so that other scripts can use it.
In the below code we are using noConflict() just after including jquery js file, we are releasing $ which is a global function for jQuery to be used by others and we are using jQuery as an alias instead of $.
You can have your custom variable declared as an alias when using noConflict() like var jq = $.noConflict();. Now you can access using jquery using jq alias.
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$.noConflict();
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").text("jQuery is still working!");
});
});
</script>
</head>
<body>
<p>The noConflict() method releases the hold on the $ shortcut identifier, so that other scripts can use it.</p>
</body>
</html>
EDIT:
User jQuery noconflict after this in your code not after plupload js.
<script type='text/javascript' src='assets/js/libs/jquery-1.10.2.min.js'></script>
<script>
$.noConflict();
</script>
Note: Now if you have written any jquery code in your application which is referencing jquery-1.10.2.min.js, replace $ by jQuery.
This is b'se plupload uses the old 1.9.0 jquery. I solved this by putting all pupload code above the tag that calls the later jQuery version then added a
<script>
$.noConflict();
</script>
after the jQuery.
e.g.
...
<script type='text/javascript' src='assets/plupload/jquery.js'></script>
<script type='text/javascript' src='assets/plupload/plupload.full.min.js'></script>
<script type='text/javascript' src='assets/plupload/jquery.plupload.queue.min.js'></script>
<link type='text/css' rel='stylesheet' href='assets/plupload/jquery.plupload.queue.css' media='screen'>
...
<script type='text/javascript' src='assets/js/libs/jquery-1.10.2.min.js'></script>
<script>
$.noConflict();
</script>
...
I have a list of javascript calls for a page such as:
<!-- page scripts -->
<script src="/js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="/js/jquery.chosen.min.js"></script> <!-- not used but we should -->
<script src="/js/jquery.cleditor.min.js"></script><!--used-->
<script src="/js/jquery.autosize.min.js"></script>
<script src="/js/jquery.placeholder.min.js"></script>
<script src="/js/jquery.maskedinput.min.js"></script>
<script src="/js/jquery.inputlimiter.1.3.1.min.js"></script>
<script src="/js/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-timepicker.min.js"></script>
<script src="/js/moment.min.js"></script>
<script src="/js/daterangepicker.min.js"></script>
<script src="/js/jquery.hotkeys.min.js"></script>
<script src="/js/bootstrap-wysiwyg.min.js"></script>
<script src="/js/bootstrap-colorpicker.min.js"></script>
<script src="/js/jquery.knob.modified.min.js"></script>
<script src="/js/raphael.min.js"></script>
<script src="/js/justgage.1.0.1.min.js"></script>
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="/js/js/excanvas.min.js"></script><![endif]-->
<script type="text/javascript" src="/js/ui-sliders-progress.js"></script>
<!-- inline scripts related to this page -->
<script src="/js/pages/form-elements.js"></script><!--used-->
<script type="text/javascript" src="/js/stripe.js"></script>
<script type="text/javascript" src="/js/index.js"></script>
How can I possibly optimize this and make my pages faster
I'm trying to use Ultimate date plugins for DataTables (http://datatables.net/blog/2014-12-18). I have both file (moment.js 2.8.1 and datetime-moment.js plugin), they are load fine but when I use the syntax :
$(document).ready(function() {
$.fn.dataTable.moment( 'DD/MM/YYYY' );
$('#example').DataTable();
} );
I got an error : ReferenceError: moment is not defined
Don't know where is the problem...
Edit :
<script src="/js/libs/jquery/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="/js/libs/jquery-ui/jquery-ui-1.11.1.min.js" type="text/javascript"></script>
<script src="/js/libs/validationEngine/js/languages/jquery.validationEngine-fr.js" type="text/javascript"></script>
<script src="/js/libs/validationEngine/js/jquery.validationEngine.js" type="text/javascript"></script>
<script src="/js/libs/underscore/underscore-1.7.0.min.js" type="text/javascript"></script>
<script src="/js/libs/moment/moment-2.8.1.min.js" type="text/javascript"></script>
<script src="/js/plugins/datatables/js/jquery.dataTables.min.js" type="text/javascript"></script>
<script src="/js/plugins/datatables/js/datetime-moment.js" type="text/javascript"></script>
<script src="/js/libs/highcharts/4.0.4/highcharts.js" type="text/javascript"></script>
<script src="/js/libs/highcharts/4.0.4/highcharts-more.js" type="text/javascript"></script>
<script src="/js/libs/highcharts/4.0.4/modules/exporting.js" type="text/javascript"></script>
<script src="/js/libs/highcharts/4.0.4/modules/no-data-to-display.js" type="text/javascript"></script>
I use this function to open a new window using the htmlMarkup as html content.
function PC_DownloadAsPdfSuccess(htmlMarkup) {
$("div#rightcolumnFARP").detachLoader();
if (htmlMarkup != null && htmlMarkup.length != 0) {
var printWindow = window.open("", "");
var newDocument = printWindow.document;
newDocument.open();
newDocument.write(htmlMarkup);
newDocument.close();
}
}
The new page is working as expected, except that is does not recognise the include js libraries, such as jquery, MicrosoftMvcAjax.js, etc. I get all sorts of error like:
$ is not defined, jquery is not defined, xVal is not defined. I'm pretty sure it's because the path for the links in the new window do not point correctly to the scripts, but only in IE. Firefox does not have this issue.
Here is the head htmlMarkup that seems to be the problem. I've tried playing with the path by going up several levels (using ../) but still no luck.
<head id="Head1"><title>
Print preview
</title>
<script src="/Scripts/jquery-1.6.1.min.js" type="text/javascript"></script>
<link href="/Content/ui.base.css" rel="stylesheet" type="text/css"
media="screen" />
<script src="/Scripts/utils.js" type="text/javascript"></script>
<script src="/Scripts/MicrosoftAjax.js" type="text/javascript"></script>
<script src="/Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
<script src="/Scripts/MicrosoftMvcValidation.js" type="text/javascript"></script>
<script src="/Scripts/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery-ui-1.8.1.custom.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery.preloadImages.js" type="text/javascript"></script>
<script src="/Scripts/grid.locale-en.js" type="text/javascript"></script>
<script src="/Scripts/grid.base.js" type="text/javascript"></script>
<script src="/Scripts/grid.formedit.js" type="text/javascript"></script>
<script src="/Scripts/jquery.tablednd_0_5.js" type="text/javascript"></script>
<script src="/Scripts/xVal.jquery.validate.js" type="text/javascript"></script>
<script src="/Scripts/jquery.validate/jquery.validate.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery-html-encode-decode.js" type="text/javascript"></script>
<script src="/Scripts/jquery-timedLogout.js" type="text/javascript"></script>
<script src="/Scripts/round-corners.js" type="text/javascript"></script>
<script src="/Scripts/superfish.js" type="text/javascript"></script>
<script src="/Scripts/jquery.formatCurrency-1.3.0.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery.tipTip.js" type="text/javascript"></script>
<script src="/Scripts/easyslider.js" type="text/javascript"></script>
<script src="/Scripts/jquery.json.min.js" type="text/javascript"></script>
<script src="/Scripts/browserSelector.js" type="text/javascript"></script>
<script src="/Scripts/jquery.antiForgeryToken.js" type="text/javascript"></script>
<script src="/Scripts/jquery.watermark.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery.autocomplete.js" type="text/javascript"></script>
<script src="/Scripts/jquery.calculation.js" type="text/javascript"></script>
<script src="/Scripts/DetectBrowser.js" type="text/javascript"></script>
<script src="/Scripts/jquery.infoblock.js" type="text/javascript"></script>
<script src="/Scripts/jquery.jloader.js" type="text/javascript"></script>
<script src="/Scripts/jqGridHeight.js" type="text/javascript"></script>
<script src="/Scripts/jquery.alerts.js" type="text/javascript"></script>
<script src="/Scripts/tabs.js" type="text/javascript"></script>
<script src="/Scripts/CustomValidation.js" type="text/javascript"></script>
<script src="/Scripts/fullcalendar.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript" src="/Scripts/jqplot/jquery.jqplot.min.js"></script>
<script language="javascript" type="text/javascript" src="/Scripts/jqplot/plugins/jqplot.pieRenderer.js"></script>
<script language="javascript" type="text/javascript" src="/Scripts/jqplot/plugins/jqplot.barRenderer.js"></script>
<script language="javascript" type="text/javascript" src="/Scripts/jqplot/plugins/jqplot.categoryAxisRenderer.js"></script>
<script language="javascript" type="text/javascript" src="/Scripts/jqplot/plugins/jqplot.dateAxisRenderer.js"></script>
<script language="javascript" type="text/javascript" src="/Scripts/jqplot/plugins/jqplot.barRenderer.js"></script>
<script language="javascript" type="text/javascript" src="/Scripts/jqplot/plugins/jqplot.canvasAxisTickRenderer.js"></script>
<script language="javascript" type="text/javascript" src="/Scripts/jqplot/plugins/jqplot.canvasTextRenderer.js"></script>
<script language="javascript" type="text/javascript" src="/Scripts/jqplot/plugins/jqplot.highlighter.js"></script>
<script language="javascript" type="text/javascript" src="/Scripts/jqplot/excanvas.min.js"></script>
<head>
This is because u have already opened the window, which would have finished the loading event, after that u are placing the content, so the content is treated as text and the script functions are not loaded to your window you have opened. If suppose if have the javascript functions written openly on the window within script tag it would have worked, since the external script files are not got loaded, u are getting those errors, try some other way to fix ur problem