How do I call a jQuery function from Default.aspx.cs?
Default.aspx.cs
var Progress = "20";
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "scr", "setProgress(" + Progress + ");", true);
Error Code:
JavaScript runtime error: 'setProgress' is undefined
Default.aspx
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
function setProgress(progress) {
var progressBarWidth = progress * $(".container").width() / 100;
$(".progressbar").width(progressBarWidth).html(progress + "% ");
}
(function ($) {
$.fn.progressbar = function (options) {
var settings = $.extend({
width: '300px',
height: '25px',
color: '#0ba1b5',
padding: '0px',
border: '1px solid #ddd'
}, options);
$(this).css({
'width': settings.width,
'border': settings.border,
'border-radius': '5px',
'overflow': 'hidden',
'display': 'inline-block',
'padding': settings.padding,
'margin': '0px 10px 5px 5px'
});
var progressbar = $("<div></div>");
progressbar.css({
'height': settings.height,
'text-align': 'right',
'vertical-align': 'middle',
'color': '#fff',
'width': '0px',
'border-radius': '3px',
'background-color': settings.color
});
$(this).append(progressbar);
this.progress = function (value) {
var width = $(this).width() * value / 100;
progressbar.width(width).html(value + "% ");
}
return this;
};
} (jQuery));
});
</script>