Alert Message Using Javascript

Question

I am using alert message using java-script to display some kind of warning when some conditions are not met. My only problem is when the alert message pops up and the users reads the message and clicks Ok, then it goes back to the original page but the page shifts to the left side. Normally my page shows in the center but only when the java-script runs then it shifts to the left side of the page. If i copy the same URL and paste in another page then everything will be aligned and will show in the center. How can i fix this? is there another alerting message like jquery or something else that works nice. Pls. help. thnaks

  using System;
using System.Collections.Generic;
using System.Linq;
using System.Net.Mail;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Web.Security;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using AjaxControlToolkit;
using System.Data.SqlClient;
using System.Configuration;
using System.Collections;
using System.Web.Routing;

public partial class HomePage : System.Web.UI.Page
{


    protected void Page_Load(object sender, EventArgs e)
    {
        string ID = Page.RouteData.Values["ID"] as string;

        if (!IsPostBack)
        {

            BindData_Action();

        }       
    }


protected void btnApproval_Click(object sender, EventArgs e)
    {

        SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["TestConnectionString"].ConnectionString);
        SqlDataAdapter da = new SqlDataAdapter("SELECT ID, Description, Target_Date FROM MyTable  WHERE ID = '" + Request.QueryString["ID"] + "'", con);
        DataTable dt = new DataTable();
        da.Fill(dt);
        if (dt.Rows.Count > 0)
        {

         //if the condition above is true i am sending an email

        }
        else
        {
            Response.Write("<script>alert('Before requesting Approval additional info.  Thanks');</script>");
        }
    }

}

David Brunow · Accepted Answer · 2012-12-02 18:28:48Z

1

Using Response.Write can do some funky things to your styling. Instead of doing it in your C# code, break out the javascript separately.

One way to do it is to use RegisterStartUpScript in your C# - this tells the compiler to run this script after the page is loaded:

If (!Page.ClientScript.IsStartupScriptRegistered("showAlert") {
    Page.ClientScript.RegisterStartupScript(Page.GetType(), "showAlert", "showAlert();", True);
}

And then, right after your C# code section on your page ends, add this:

<script type="text/javascript">
    function showAlert() {
        alert('Before requesting Approval, you MUST add at least one Action Item.  Thanks');
    }
</script>

All this is doing is separating out the javascript that you had in your Response.Write.

edited Dec 2, 2012 at 18:28

answered Dec 2, 2012 at 18:01

David Brunow

1,2991 gold badge12 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user1858332 Over a year ago

Thanks David, i am affraid that i am not following you when you say break javascript separately. Can you show me what you mean by that? thanks

user1858332 Over a year ago

Thanks David for the detailed info but i am not sure where exactly i need to put these codes. I have tried everything with my little knowledge in this world but failed miserably. I have updated my code above and i would appreciate if u could guide me again. i feel i am an idiot again. thanks

David Brunow Over a year ago

Ok, it looks like you are using a codebehind page. In that case, replace your response.write with the first block of code I posted. Then put the second block of code in your aspx file in the head section.

Collectives™ on Stack Overflow

Alert Message Using Javascript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related