最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

Calling Javascript function from code behind ASP.NET - Stack Overflow

programmeradmin6浏览0评论

I'm attempting to call a javascript method in its own file from code behind on a button click.

aspx file

protected void Next_Click(object sender, EventArgs e)
{
    if (hidden.Value == "")
    {
        Response.Write(@"<script language='javascript'>drawImage();</script>");
    }
}

js file

function drawImage() {
    context.drawImage(video, 0, 0, 320, 240);
    var imgBase = canvas.toDataURL('image/jpeg');
    document.getElementById("hidden").value = imgBase;
}

The problem is that this wont call the draw image method, i suspect it's cause the js file is its own file but i'm not sure.

Any help you could give would be greatly appreciated.

I'm attempting to call a javascript method in its own file from code behind on a button click.

aspx file

protected void Next_Click(object sender, EventArgs e)
{
    if (hidden.Value == "")
    {
        Response.Write(@"<script language='javascript'>drawImage();</script>");
    }
}

js file

function drawImage() {
    context.drawImage(video, 0, 0, 320, 240);
    var imgBase = canvas.toDataURL('image/jpeg');
    document.getElementById("hidden").value = imgBase;
}

The problem is that this wont call the draw image method, i suspect it's cause the js file is its own file but i'm not sure.

Any help you could give would be greatly appreciated.

Share Improve this question asked May 7, 2013 at 3:57 TurtleTopiaryTurtleTopiary 1332 gold badges2 silver badges7 bronze badges
Add a ment  | 

3 Answers 3

Reset to default 1

see http://msdn.microsoft./de-de/library/z9h4dk8y.aspx

try this

string jquery = "drawImage();"
 ClientScript.RegisterStartupScript(typeof(Page), "a key", 
     "<script type=\"text/javascript\">"+ jquery +"</script>"
               );

1). If the function is stored in external file (e.g. MyScript.js) then you should include it in the <head> section of the web page and add onclick event to the button, like:

ButtonName.Attributes.Add("onclick", {YourFunction}); 

in Page_Load event.

2) Another approach is to assign the entire javascript function to a string variable and then pass it instead of {YourFunction} prefixed with javascript:. In this case you don't even need the external file.

Hope it will help. My best, Alex

I presume you already included the script file in your page.

If you require the postback, you need ClientScriptManager.RegisterStartupScript Method (Type, String, String, Boolean) ..

protected void Next_Click(object sender, EventArgs e)
{
    if (hidden.Value == "")
    {
        ClientScriptManager cs = Page.ClientScript;
        cs.RegisterStartupScript(this.GetType(), 'startupScript', 'drawImage();', true);
    }
}

More Info from SO


You can call the function from your button itself, without the postback.

<asp:Button runat="server" ID='next' OnClientClick="return drawImage();" />

and in the script

function drawImage() {
    if(document.getElementById("hidden").value != undefined || document.getElementById("hidden").value != "")
    {
        context.drawImage(video, 0, 0, 320, 240);
        var imgBase = canvas.toDataURL('image/jpeg');
        document.getElementById("hidden").value = imgBase;
        return false;
    }
}
发布评论

评论列表(0)

  1. 暂无评论