PHP Tutorial
Control Statement
PHP Programs
- 20-php-programs
PHP Functions
PHP Arrays
PHP Strings
- php-string
- php-string-functions
PHP Math
- php-math-functions
PHP Form
- php-form:-get-post
PHP Include
- php-include-require
State Management
- php-cookie
- php-session
PHP File
Upload Download
- php-file-upload
- php-download-file
PHP Misc
PHP Mail
- php-mail
PHP MySQLi
PHP JSON
- php-json-example
PHP OOPs Concepts
PHP Topics
Related Tutorials
Interview Questions

PHP alert

In this article, we will learn about the use of dialog boxes of JavaScript i.e., the alert box, confirmation box, and prompt dialog box in PHP. In this, we will learn some basics of JavaScript, PHP, dialog boxes and its examples.

What do you mean by JavaScript?

JavaScript is an event-driven language. It executes some code when a specific event happens, such as rolling a mouse on some element or when some specific form button is pressed, etc.

JavaScript is an interpreter based scripting language as it requires no compilation steps. The browser interprets JavaScript statements in the same way as it interprets tags of HTML. It is an object-based, high-level language as it can access various HTML objects that are contained in the web page.

Dialog Boxes in JavaScript:

JavaScript's alert () method is the simplest way to show a message to the viewer. It sends textual output to the browser's window. JavaScript provides various dialog boxes to receive input from the user or display small pieces of text. These boxes appear as separate windows and can display the warning message, confirmation message, or get some user information with "OK" and "CANCEL" buttons.

JavaScript has 3 types of dialog boxes, which are given below:

What do you mean by PHP?

PHP is a server-side language scripting language. The web pages containing PHP usually contain file extension .php rather than .html or .htm extension. PHP is especially good at handling forms and is simpler to use than a CGI script. PHP is open-source and designed to work with Apache server, the most widely used web services globally.

PHP does not have the feature to pop-up an alert message box, but you can use the JavaScript code within the PHP code to display an alert message box. In this way, you can display an alert message box of JavaScript in PHP.

Alert Dialog box:

An alert dialog box is nothing but a pop-up window that displays on your screen with some message or information which requires user attention. It is mostly used to prompt messages if the user missed input value or has given invalid data in a form or textbox. It takes a string argument and then displays the passed string with an OK button.

Syntax:

In the above syntax, the alert () is a function, and a message is a value that can be used to display with the alert dialog box.

Let's take some example using an alert dialog box with php.

Example 1:

     <! DOCTYPE html>
<html>
<head>
<title> JavaScript alert Box by PHP </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset ="utf-8">
<style>
body {
	background-color: black;
}
</style>
<?php 
 echo '<script type ="text/JavaScript">';
echo 'alert("JavaScript Alert Box by PHP")';
echo '</script>';
?>
</head>
<body>
</body>
</html>

    

Output:

The output of this example is shown below:

Example 2:

     <! DOCTYPE html>
<html>
<head>
<title> JavaScript alert Box by PHP </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset ="utf-8">
<style>
body {
	background-color: black;
}
</style>
<?php 
 echo '<script type ="text/JavaScript">';
echo 'alert(" Welcome to JavaTpoint !!!! ")';
echo '</script>';
?>
</head>
<body>
</body>
</html>

    

Output:

The output of this example is shown below:

Example 3:

     <! DOCTYPE html>
<html>
<head>
<title> JavaScript alert Box by PHP </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset ="utf-8">
<style>
body {
	background-color: black;
}
</style>
<?php 
// PHP program to pop an alert 
// message box on the screen 
  // Function definition 
function function_alert($message) { 
 // Display the alert box  
    echo "<script type ='text/JavaScript'>";
	echo "alert('$message')";
	echo "</script>"; 
} 
// Function call 
function_alert(" Welcome to javaTpoint  "); 
  ?>
</head>
<body>
</body>
</html>

    

Output:

The output of this example is shown below:

Prompt Dialog box:

An alert box is just used to display information. Neither can be used to gather information from the user based on some message, nor can be used to customize a web page based on user input. Thus, JavaScript provides another method, called prompt (), to accept user input.

A prompt box is often used if you want to input a value before entering a page. It takes two arguments- a message you want to display in the text box and the textbox's default string. The prompt dialog box also displays two buttons: OK and CANCEL buttons with the messages. The processing will halt until the user clicks one of the buttons.

If the user types some text in the textbox and clicks an OK button, the typed text will be passed to the program, which is called the prompt dialog box.
If the user does not type text in the textbox and clicks an OK button, the default text as specified in the second argument of the prompt method will be passed to the program, which is called the prompt dialog box.
If the user clicks the Cancel button, a null value is returned to the program called the prompt dialog box.

Syntax:

In the above syntax, the prompt () is a function, and a message is a value that can be used to display with a prompt dialog box.

Let's take some example using a prompt dialog box with php.

Example 1:

     <! DOCTYPE html>
<html>
<head>
<title> JavaScript alert Box by PHP </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset ="utf-8">
<style>
body {
	background-color: black;
}
</style>
<?php
function  createConfirmationmbox() {
    echo '<script type="text/javascript"> ';
    echo 'var inputname = prompt("Please enter your name", "");';
    echo 'alert(inputname);';
    echo '</script>';
}
?>
<! doctype html>
<html>
<head>
<meta charset="utf-8">
<title> JavaScript Prompt Box by PHP </title>
<?php
    createConfirmationmbox();
?>
</head>
<body>
</body>
</html>

    

Output:

In this example, localhost displays you a prompt dialog box with OK and CANCEL button in which, you can enter your name, and after entering the name in prompt dialog box , you can select either the ok button or cancel button.

For example, if you click the OK button, the typed text will be passed to the program, which is called the prompt dialog box, and then your name is displayed by using an alert box, following output shown your name with an alert box.

Confirm dialog box:

In confirm dialog box of JavaScript, the JavaScript's confirm () method is used to confirm the user's action. If you want the user to verify something, then use this dialog box. Confirm dialog box displays a predefined message with two buttons: OK and Cancel buttons. The user will have to click either of the button to proceed.

If the user clicks an OK button, the box returns true to the program.
If the user clicks the Cancel button, the box returns false to the program.

Syntax:

In the above syntax, confirm () is a function, and a message is a value that can be used to display with confirming dialog box.

Let's take some example using confirm dialog box with php.

Example 1:

     <?php
function  createConfirmationmbox() {
    echo '<script type="text/javascript"> ';
    echo ' function openulr(newurl) {';
    echo '  if (confirm("Are you sure you want to open new URL")) {';
    echo '    document.location = newurl;';
    echo '  }';
    echo '}';
    echo '</script>';
}
?>
<! doctype html>
<html>
<head>
<meta charset="utf-8">
<title> JavaScript confirm Box by PHP </title>
<style>
body {
	background-color: green;
}
a {
	font-size: 30px;
	color: red;	
}
.confirm {
	margin: 100px;
	color: red;
}
a.button1 {
	display: inline-block;
	padding: 0.35em 1.2em;
	border: 0.1em solid #FFFFFF;
	margin: 0 0.3em 0.3em 0;
	border-radius: 0.12em;
	box-sizing: border-box;
	text-decoration: none;
	font-family: 'Roboto',sans-serif;
	font-weight: 300;
	color: #FFFFFF;
	text-align: center;
	transition: all 0.2s;
}
a.button1:hover {
	color: #000000;
	background-color: #FFFFFF;
}
</style>
<?php
createConfirmationmbox();
?>
</head>
<body>
<center>
<div class ="confirm">
<strong>  <b> <a href="javascript:openulr('#');" class="button1"> Open new URL </a> </b> </strong>
</div>
</center>
</body>
</html>

    

Output: