Alert, Prompt and Confirm are predefined dialog windows, they belong directly to the JavaScript object "window".

1. Alert

Alert is a very basic notice box with a message inside it.
Syntax:
window.alert("alert_text");
- The string of text will be displayed in the alert pop-up box. When an alert box pops up, the user will have to click "OK" to proceed.
- For example, the next script opens an Alert window with the message "Welcome".
<script type="text/javascript"><!--
window.alert("Welcome");
--></script>
- The user will be presented with a small box containing only the message and a button marked OK, like next image.
Alert window

2. Confirm

The confirm window displays a confirmation dialog box to the viewer, who must then click OK or Cancel to proceed.
A confirm box is often used if you want the user to verify or accept something.

Syntax:
window.confirm("Question")
- The confirm box displays the text "Question" and two buttons "OK" and "Cancel".
- If the user clicks "OK", the box returns True. If the user clicks "Cancel", the box returns False.
Aceasta fereastra este folosita pentru a fi executata o comanda cand este apasat butonul "OK" (returneaza TRUE) si alta comanda cand este apasat butonul "Cancel" (returneaza FALSE)
The next example opens a confirm window with the question "The result of 0+0 is 0?". If it's clicked "OK" it shows an Alert window with the message "Corect", but if it's clicked "Cancel" it opens an Alert window with the message "Incorrect".
<script type="text/javascript"><!--
var ques = window.confirm("The result of 0+0 is 0?");
if (ques) alert("Corect");
else alert("Incorrect");
--></script>
The confirm box will look like:
Confirm box

3. Prompt

A Prompt box is used if you want the user to input information. Using this window, you can do things based on what the viewer enters into the text box at the prompt.
Syntax:
window.prompt("Message", DefaultValue)
- The "Message" is the text that will be shown above the text box. The "DefaultValue" argument will be the starting text inside the text box. If you don't want any text in the text box, leave this as an empty string.
- The dialogue will return a string containing the text typed by the user or "null" if the user didn't type anything:
The next example opens a Prompt dialog box.
<script type="text/javascript"><!--
var msg = window.prompt("Write your name", "Name");
alert(msg);
--></script>
The prompt window will look like:
Prompt window
- If the user clicks "OK" will display an Alert window with the name typed in the text box, if it's clicked "Cancel", the Alert will display "null".

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which attribute is used in <a> tag for the address of the link?
src href rel
<a href="http://coursesweb.net/" title="CoursesWeb.net">CoursesWeb.net</a>
Which CSS property sets the type of the text font?
font-family text-decoration font-size
h2 {
  font-family:"Calibri",sans-serif;
}
What instruction selects all the <div> tags with class="cls"?
querySelector("div.cls") getElementsByTagName("div") querySelectorAll("div.cls")
var elm_list = document.querySelectorAll("div.cls");
var nr_elms = elm_list.length;       // number of selected items
alert(nr_elms);
Indicate the function that can be used to get the sum of values in an array.
array_sum() array_diff() array_shift()
$arr = array(1, 2, 3, 4);
$arr_sum = array_sum($arr);
echo $arr_sum;       // 10
Alert, Confirm and Prompt

Last accessed pages

  1. Disable button and Enable it after specified time (2527)
  2. Flash Games - Free online Games (2572)
  3. Callback Functions in JavaScript (479)
  4. Working with getElementsByTagName (5910)
  5. MySQL INNER JOIN, LEFT JOIN, RIGHT JOIN (1961)

Top accessed pages

  1. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (31684)
  2. PHP-MySQL free course, online tutorials PHP MySQL code (25862)
  3. Get Attribute (ID, Class, Name, Title, Src) with jQuery (24811)
  4. Read Excel file data in PHP - PhpExcelReader (23958)
  5. PHP PDO - exec (INSERT, UPDATE, DELETE) MySQL (21618)