How to open popup page

Question

i want to open popup page if user lost focus from textbox in c# web application.

when user enter any details in textbox and when record match in database then the popup page should be open when user press tab button and loss fucus...

how to do this...?

Sachin Singh · Answer

If you have not used modal then use it, this is the simplest one, second, on modal design all user fields class = "modal" tabindex= "-1" role= "dialog" id= "myModal" > class = "modal-dialog" role= "document" > class = "modal-content" > class = "modal-header" > class = "modal-title" >Modal title "button" class = "close" data-dismiss= "modal" aria-label= "Close" > "true" >× class = "modal-body" > "txtUserName" /> .... similarly for other fields..... class = "modal-footer" > "button" class = "btn btn-primary" >Save changes "button" class = "btn btn-secondary" data-dismiss= "modal" >Close then on sucess populate all [WebMethod] public static User CheckUsername(string username) { using (SqlConnection con= new SqlConnection(cs)) { SqlCommand cmd= new SqlCommand( "select Count(*) from tblUser where Name=@userName" ); cmd.Parameters.AddWithValue( "@userName" ,username); SqlDataReader rdr= cmd.ExecuteReader(); User user= new User(); while (rdr.Read()) { user.Name= rdr[ "UserName" ].ToString(); // similarly other fields } } return User; } public class User { public int Id{ get; set; } public string Name{ get; set; } public string Address { get; set; } public string MobileNo { get; set; } } "text/javascript" > $( "[id$=txtUser]" ).focusout(function(){ var username = $( "[id$=txtUser]" ).val(); $.ajax({ type: "POST" , url: "PageName.aspx/CheckUsername" , data: '{username: "' + username + '" }' , contentType: "application/json; charset=utf-8" , dataType: "json" , success: function (response) { if (response) { $( "#txtUserName" ).val(response.Name); // similarly other fields $( "#myModal" ).Modal( 'show' ); } } }); }; });

Sachin Singh · Answer

This is very simple step 1. Aspx page class = "modal" tabindex= "-1" role= "dialog" id="myModal" > class = "modal-dialog" role= "document" > class = "modal-content" > class = "modal-header" > class = "modal-title" >Modal title "button" class = "close" data-dismiss= "modal" aria-label= "Close" > "true" >× class = "modal-body" > Modal body text goes here. class = "modal-footer" > "button" class = "btn btn-primary" >Save changes "button" class = "btn btn-secondary" data-dismiss= "modal" >Close "text/javascript" > $( "[id$=txtUser]" ).focusout(function(){ var username = $( "[id$=txtUser]" ) .val(); $.ajax({ type: "POST" , url: "PageName.aspx/CheckUsername" , data: '{username: "' + username + '" }' , contentType: "application/json; charset=utf-8" , dataType: "json" , success: function (response) { if (response) { $( "# myModal " ).Modal( 'show' ); } } }); }; }); step 2. Code behind [WebMethod] public static bool CheckUsername(string username) { using (SqlConnection con= new SqlConnection(cs)) { SqlCommand cmd= new SqlCommand( "select Count(*) from tblUser where Name=@userName" ); cmd.Parameters.AddWithValue( "@userName" ,username); int count= Convert.ToInt32(cmd.ExecuteScalar()); if (count>=1) { return true ; } return false ; } }

Sachin Singh · Answer

test this if (i > 0) { string url = "restrictedstudents.aspx" ; string Features = "toolbar=no,status=no,menubar=no,location=center,scrollbars=no,resizable=no,height=500,width=657" ; string MyScript = string.Format( " window.open('{0}', 'yourWin', '{1}'); " , url, Features); ClientScript.RegisterStartupScript( this .GetType(), MyScript , page, true ); }

Bhavesh Vankar · Answer

popup page open done by below code.... thank for your support and guidance.... string url = "restrictedstudent.aspx" ; string s = "window.open('" + url + "', 'popup_window', 'width=450,height=500,left=450,top=50,resizable=no');" ; ScriptManager.RegisterStartupScript( this , this .GetType(), "Restricted Persons" ,s, true );

Bhavesh Vankar · Answer

No result sir

Sachin Singh · Answer

just copy paste my code and run.

Bhavesh Vankar · Answer

i have implement it as below but no result. string url = "restrictedstudent.aspx" ; string page = "window.open('" + url + "')" ; string Features = "toolbar=no,status=no,menubar=no,location=center,scrollbars=no,resizable=no,height=500,width=657" ; string myScript; myScript = string .Format( " window.open('{0}', 'restrictedstudent.aspx', '{1}'); " , url, Features); //string s = "window.open('" + url + "', 'popup_window', 'width=450,height=500,left=450,top=50,resizable=no');"; ClientScript.RegisterStartupScript( this .GetType(), myScript,page , true );

Sachin Singh · Answer

yes a string

Bhavesh Vankar · Answer

myscript is a string variable.? MyScript = string .Format(" 'text/javascript' >window.open( '{0}' , 'yourWin' , '{1}' );

Bhavesh Vankar · Answer

i have try like below. when i use response.redirect it working. but below popoup open code not working i want to use it as code behind not by jquery or javascript. if name exist popup should be open as modal. see my code and help me to resolve string namestring = txtfname.Text + " " + txtmname.Text + " " + txtlname.Text; SqlConnection con = new SqlConnection( this .con); con.Open(); //SqlCommand cmd = new SqlCommand("Select Name='"+ txtfname.Text+ " " + txtmname.Text + " " +txtlname.Text + "' From RESTICTIED_STUDENTS", con); SqlCommand cmd = new SqlCommand( "Select * From RESTICTIED_STUDENTS where Name Like '" + namestring + "'" , con); SqlDataAdapter sda = new SqlDataAdapter(cmd); DataSet ds = new DataSet(); sda.Fill(ds); int i = ds.Tables[0].Rows.Count; if (i > 0) { Response.Redirect( "restrictedstudents.aspx" ); string url = "restrictedstudents.aspx" ; string page = "window.open('" + url + "')" ; string s = "window.open('" + url + "', 'popup_window', 'width=450,height=500,left=450,top=50,resizable=no');" ; ClientScript.RegisterStartupScript( this .GetType(), "script" , page, true ); }

Bhavesh Vankar · Answer

i have not used modal. i have used aspx page for some records. in my page 1 three textboxes like FName MName Lname when use enter Full Name details in three textboxes then the name should be match in table if name exists than the popup page should be open with all details of that full name. but the query is in form their is three textboxes and the name column in table is only single column like name. i have used and fetch record like below sql query i want to concat that three textboxes and want to match with table column which is single column. SqlCommand cmd = new SqlCommand( "Select Name='" + txtfname.Text+ " " + txtmname.Text + " " +txtlname.Text + "' From StudentRecord" , con);

How to open popup page

Answers (11)