CODEWITHSUNDEEP
javascriptasp.net
Priyank Patel
Priyank Patel

Reputation: 6996

How to show a popup before submitting the information

I am using Asp.Net/C# , I am having a requirement wherein I want to display a confirm before submission of data , if user clicks OK button , then proceed , or else cancel the submission.I know javascript confirm box does this , but in my case I need to show my own popup , Can anyone suggest me how can I achieve this.I would not want to use any plugin here. Thanks for any suggestions.

Upvotes: 1

Views: 517

Answers (1)

Hemant Metalia
Hemant Metalia

Reputation: 30648

you can create as follow:

function createPopup() {
    //Get the data from the form fields
    var background = document.custom.back.value;
    var title = document.custom.title.value;
    var text = document.custom.text.value;

    //Now create the HTML code that is required to make the popup
    var content = "<html><head><title>"+title+"</title></head>\
<body bgcolor='"+background+"'><h1>"+title+"</h1>"+text+"<br />\
<a href='javascript:window.close()'>Close the popup</a></body></html>";

    //Create the popup
    var popup = window.open("","window","resizeable,width=400,height=300");
    popup.document.write(content); //Write content into it.
    pops.document.close();
}

the logic should like as follow: i have not executed and tested just see the logic ignore minore mistakes if any.. also set the layout, border look like the confirmation window.

  function popup() {
    alert('popup called');

    //Now create the HTML code that is required to make the popup
    var content = "<html><head><title>ConfirmBox</title></head><body >Do you want to continue ? <br />
    <input type='button' value='ok' onclick='return true'/>
    <input type='button' value='cancel' onclick='return false'/>    <a href='javascript:window.close()'>Close the popup</a></body></html>";

    //Create the popup
    var popup = window.open("","window","resizeable,width=400,height=300");
    popup.document.write(content); //Write content into it.
    pops.document.close();
}

refer http://www.openjs.com/tutorials/advanced_tutorial/popup.php

Upvotes: 1

Related Questions