Popup Boxes in PHP

Introduction

In this article I explain how to use various types of popup boxes in PHP. If you learn JavaScript then you know that JavaScript has the following three types of popup boxes:

  • Alert box
  • Confirm box
  • Prompt box

Now here I explain all these popup boxes with PHP one by one.

Alert Box

An alert box is used if you ensure the information comes through the user. It means an alert box pop-up, when you click on a "button".

Syntax

alert("Write some thing here");

Example

An example of the alert box  is:
 

<?php

echo '<script type="text/javascript">

          window.onload = function () { alert("Welcome at c-sharpcorner.com."); }

</script>';

?>


Output

alert-box-in-php.jpg

Confirm Box


A confirm box is used when you want the user to verify or accept something.


Syntax

 

confirm("Write some thing here");

Example

An example of the confirm box  is,

if the user clicks "ok" then the confirm box returns true and is the user clicks "Cancel", then the box returns false.
 

<html>

<head>

<script>

    function myFunction() {

        var x;

        var r = confirm("Press a button!");

        if (r == true) {

            x = "You pressed OK!";

        }

        else {

            x = "You pressed Cancel!";

        }

        document.getElementById("demo").innerHTML = x;

    }

</script>

</head>

<body>

<?php

?>

<button onclick="myFunction()">Click Me</button>

<p id="demo"></p>

</body>

</html>
 

Output

When the "Click Me" Button is pressed:

confirm-box1-in-php.jpg

After pressing the "Ok" button:

confirm-box2-in-php.jpg 

 

After pressing the "Cancel" button:
 

confirm-box3-in-php.jpg 

Prompt Box

A prompt box is used when you want the user to input a value before entering a page and when a prompt box pops up, the user will need to click either "OK" or "Cancel" to proceed after entering an input value.


Syntax

 

prompt("Write some thing here");

Example

An example of the prompt box is:

<html>

<head>

<script>

    function myFunction() {

        var x;

        var site = prompt("Please enter Something", "Write Here Something");

        if (site != null) {

            x = "Welocme at " + site + "! Have a good day";

            document.getElementById("demo").innerHTML = x;

        }

    }

</script>

</head>

<body>

<?php

?>

<button onclick="myFunction()">Prompt Box</button>

<p id="demo"></p>

</body>

</html>


Output
 

When the "Prompt Box" button is pressed:

prompt-box1-in-php.jpg

After writing the name:

prompt-box2-in-php.jpg

After pressing the "Ok" button:

prompt-box3-in-php.jpg