create dynamic div dynamically and display alert message in div using script ScriptManager.RegisterClientScriptBlock

Hello,

i have created dynamic div and display alert message in div tag using scriptmanager.registerclientscriptblock.but alert is not fired.

please see the below code.if any have any idea then please inform me as earlier as possible.

Thanks In Advance.

code

======

StringBuilder Script = new StringBuilder();
Script.AppendLine("<script type=text/javascript>");

Script.AppendLine("function JavaScriptFunction() {");
Script.AppendLine("var value = " + objEvaluatedWork.Message.ToString()+";");
Script.AppendLine("var divTag = document.createElement('div');");
Script.AppendLine("divTag.id = 'div2';");
Script.AppendLine("divTag.setAttribute('align', 'center');");
Script.AppendLine("divTag.style.margin = '0px auto';");
Script.AppendLine("divTag.innerHTML = '"+objEvaluatedWork.Message.ToString() +"';");
Script.AppendLine("alert('"+objEvaluatedWork.Message.ToString()+"');");

Script.AppendLine("}");

Script.AppendLine("</script>");

ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "Stop" + i, Script.ToString(), true);

Regards,

Khushboo Nayak.

Re: create dynamic div dynamically and display alert message in div using script ScriptManager.RegisterClientScriptBlock

Hi,

Here you are trying to append some text in body of html. alert will not fire. Frist of all let me ask you, why can't you add a dynamic panel and call the alert method inside the script manager.

Raj

Re: create dynamic div dynamically and display alert message in div using script ScriptManager.RegisterClientScriptBlock

hai

string script = "alert('Scores are updated successfully');window.location ='Default.aspx';";
ClientScript.RegisterClientScriptBlock(this.GetType(), "Alert", script, true);

thank u

Re: create dynamic div dynamically and display alert message in div using script ScriptManager.RegisterClientScriptBlock

khushboo_Nayak

Hello,

i have created dynamic div and display alert message in div tag using scriptmanager.registerclientscriptblock.but alert is not fired.

please see the below code.if any have any idea then please inform me as earlier as possible.

Thanks In Advance.

code

======

StringBuilder Script = new StringBuilder();
Script.AppendLine("<script type=text/javascript>");

Script.AppendLine("function JavaScriptFunction() {");
Script.AppendLine("var value = " + objEvaluatedWork.Message.ToString()+";");
Script.AppendLine("var divTag = document.createElement('div');");
Script.AppendLine("divTag.id = 'div2';");
Script.AppendLine("divTag.setAttribute('align', 'center');");
Script.AppendLine("divTag.style.margin = '0px auto';");
Script.AppendLine("divTag.innerHTML = '"+objEvaluatedWork.Message.ToString() +"';");
Script.AppendLine("alert('"+objEvaluatedWork.Message.ToString()+"');");

Script.AppendLine("}");

Script.AppendLine("</script>");

ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "Stop" + i, Script.ToString(), true);

you should use false insted of true.

ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "Stop" + i, Script.ToString(), false);

hope will help you

Re: create dynamic div dynamically and display alert message in div using script ScriptManager.RegisterClientScriptBlock

Try this:

function DynamicDiv(obj) {
        var dynDiv = document.createElement("div");
        dynDiv.id = "div2";
        dynDiv.innerHTML = obj;
        dynDiv.style.height = "20px";
        dynDiv.style.width = "300px";
        dynDiv.style.backgroundColor = 'gray';
        document.body.appendChild(dynDiv);
    }

</script>

<asp:Button ID="btnClick" runat="server" Text="Call JS Function" OnClick="btnClick_Click" />

Code-Behind

protected void btnClick_Click(object sender, EventArgs e)
    {
        string strMessage = "Ur custom message";
        ScriptManager.RegisterStartupScript(this, GetType(), "displayalertmessage", "DynamicDiv('" + strMessage + "');", true);
    }

Re: create dynamic div dynamically and display alert message in div using script ScriptManager.RegisterClientScriptBlock

u r right but i want to create this dynamicdiv javascript in codebehind file.because i havent aspx page i have write code only baseclass.cs file.

Re: create dynamic div dynamically and display alert message in div using script ScriptManager.RegisterClientScriptBlock

i have already used false instead of true but i got error that's why i used true.....

Re: create dynamic div dynamically and display alert message in div using script ScriptManager.RegisterClientScriptBlock

cant you use AJAX ModalPopup - http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/ModalPopup/ModalPopup.aspx

Thanks,

Re: create dynamic div dynamically and display alert message in div using script ScriptManager.RegisterClientScriptBlock

i don't think you can display alert message in div tag, instead u can simply display an alert message using RegisterClientScriptBlock.

Or else, kindly tell what exactly is your requirement..

Try this:

private void ShowPopUpMsg(string msg)
    {
        StringBuilder sb = new StringBuilder();
        sb.Append("alert('");
        sb.Append(msg.Replace("\n", "\\n").Replace("\r", "").Replace("'", "\\'"));
        sb.Append("');");
        ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "showalert", sb.ToString(), true);
    }

Re: create dynamic div dynamically and display alert message in div using script ScriptManager.RegisterClientScriptBlock

but i want to set color,width,height in alert message that's why i have used div.

Re: create dynamic div dynamically and display alert message in div using script ScriptManager.RegisterClientScriptBlock

For dynamically creating div, try this:

System.Web.UI.HtmlControls.HtmlGenericControl dynDiv =
        new System.Web.UI.HtmlControls.HtmlGenericControl("DIV");
    dynDiv.ID = "dynDivCode";
    dynDiv.Style.Add(HtmlTextWriterStyle.BackgroundColor, "Gray");
    dynDiv.Style.Add(HtmlTextWriterStyle.Height, "20px");
    dynDiv.Style.Add(HtmlTextWriterStyle.Width, "300px");
    dynDiv.InnerHtml = "I was created using Code Behind";
    this.Controls.Add(dynDiv);

And to show a alert using RegisterCLientScriptBlock, try this:

ScriptManager.RegisterClientScriptBlock(this.Page, this.GetType(), "Alert", "alert('Alert Message');", true);

Re: create dynamic div dynamically and display alert message in div using script ScriptManager.RegisterClientScriptBlock

Hi khushboo_Nayak,

In order to resolve your issue, you need to know use of ClientScriptManager.RegisterClientScriptBlock method at first. It registers the client script with the Page object using a type, key, script literal, and Boolean value indicating whether to add script tags. That means you need to call the javascript function in the code. Please see the link below which has a dem demonstrating the use of the RegisterClientScriptBlock method.

http://msdn.microsoft.com/en-us/library/bahh2fef.aspx

Thus, if you want to call the function JavaScriptFunction, you need to invoke it in the .aspx as follows:

<input type="button" value="ClickMe" onclick="JavaScriptFunction()" />

And modify your code as follows:

ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "Stop" + i, Script.ToString(), true);

In addition, I am not sure why you want to display the alert message in div. In my opinion, you can use AJAX ModalPopup to display content to the user. It is very easy to use. For details, please check the link below:

http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/ModalPopup/ModalPopup.aspx

Best wishes,