Media Belajar Bahasa Pemrograman | by APPKEY

PHPTutorial PHP 23 : Cara Membuat Messages Alert PHP

Tutorial PHP 23 : Cara Membuat Messages Alert PHP

-

Last Updated on July 30, 2021 by

Alert box atau alert messages digunakan di situs web untuk menampilkan pesan peringatan kepada pengguna bahwa mereka telah memasukkan nilai yang salah selain dari yang diperlukan untuk mengisi posisi itu.

Kalau kamu pernah melakukan login kemudian menggunakan kata sandi yang salah, kemudian muncul box peringatan bahwa kata sandimu salah, itulah yang disebut dengan alert.

Alert PHP masih dapat digunakan untuk pesan yang lebih ramah. Alert box hanya memberikan satu tombol “OK” untuk memilih dan melanjutkan. Alert message bisa berbentuk seperti jendela pop-up di layar.

Dengan menggunakan ini, Anda dapat memberi tahu pengguna dengan beberapa informasi dan pesan. PHP tidak mendukung alert box messages karena merupakan bahasa sisi server tetapi Anda dapat menggunakan kode JavaScript di dalam badan PHP untuk memberikan messages box alert di layar.

Pada seri tutorial kali ini, Codekey akan membahas tentang cara membuat alert PHP. Jika Anda tertarik dengan topik kali ini, pastikan Anda menyimak artikel ini sampai akhir.

Alert PHP Menggunakan JavaScript

php file

Seperti yang sudah disebutkan sebelumnya, PHP tidak mendukung pembuatan Alert messages sehingga kita dapat menggunakan kode JavaScript di dalam badan PHP.

JavaScript adalah bahasa yang digerakkan oleh event oleh karena itu ia dapat mengeksekusi beberapa kode ketika event tertentu terjadi, seperti menggulung mouse pada beberapa elemen atau ketika beberapa tombol formulir tertentu ditekan, dan lain sebagainya.

JavaScript adalah bahasa skrip berbasis interpreter dan tidak memerlukan langkah kompilasi. Browser menginterpretasikan pernyataan JavaScript dengan cara yang sama seperti menginterpretasikan tag HTML.

Oleh karena itu JavaScript dianggap sebagai bahasa tingkat tinggi berbasis objek karena dapat mengakses berbagai objek HTML yang terdapat di halaman web.

Dialog Box di JavaScript

Metode alert() JavaScript adalah cara paling sederhana untuk menampilkan pesan kepada pemirsa. Ini mengirimkan output tekstual ke jendela browser. JavaScript menyediakan berbagai kotak dialog untuk menerima masukan dari pengguna atau menampilkan potongan-potongan kecil teks.

Kotak-kotak ini muncul sebagai jendela terpisah dan dapat menampilkan pesan peringatan, pesan konfirmasi, atau mendapatkan beberapa informasi pengguna dengan tombol “OK” dan “BATAL”.

Alert dialog box tidak lain adalah jendela pop-up yang ditampilkan di layar Anda dengan beberapa pesan atau informasi yang memerlukan perhatian pengguna. Ini sebagian besar digunakan untuk meminta pesan jika pengguna melewatkan nilai input atau telah memberikan data yang tidak valid dalam formulir atau kotak teks. Dibutuhkan argumen string dan kemudian menampilkan string yang diteruskan dengan tombol OK.

Artikel Terkait  Tutorial PHP 9 : Belajar Menggunakan Sort Array PHP Berdasarkan Key dan Value

Membuat Alert PHP

PHP adalah bahasa scripting sisi server. Halaman web yang berisi PHP biasanya berisi ekstensi file .php daripada ekstensi .html atau .htm. PHP sangat baik dalam menangani formulir dan lebih mudah digunakan daripada skrip CGI. PHP adalah bahasa yang open-source dan dirancang untuk bekerja dengan server Apache, layanan web yang paling banyak digunakan secara global.

PHP tidak memiliki fitur untuk memunculkan alert box, tetapi Anda dapat menggunakan kode JavaScript di dalam kode PHP untuk menampilkan kotak pesan peringatan. Dengan cara ini, Anda dapat menampilkan kotak pesan peringatan JavaScript di PHP.

Syntax:

1. alert (message);

Pada syntax di atas, alert() adalah sebuah fungsi dan sebuah pesan yang berisi nilai di mana ia dapat digunakan untuk menampilkan alert dialog box.

Berikut ini adalah contoh alert PHP yang berisi kode-kode Java Script:

1.	<! DOCTYPE html>  
2.	<html>  
3.	<head>  
4.	<title> Belajar PHP </title>  
5.	<meta name="viewport" content="width=device-width, initial-scale=1">  
6.	<meta charset ="utf-8">  
7.	<style>  
8.	body {  
9.	    background-color: #fff;  
10.	}  
11.	</style>  
12.	<?php   
13.	   echo '<script type ="text/JavaScript">';  
14.	   echo 'alert("Selamat Belajar PHP")';  
15.	   echo '</script>';  
16.	?>  
17.	</head>  
18.	<body>  
19.	</body>  
20.	</html>  

Contoh alert PHP kedua:

1.	<! DOCTYPE html>  
2.	<html>  
3.	<head>  
4.	<title> Belajar PHP </title>  
5.	<meta name="viewport" content="width=device-width, initial-scale=1">  
6.	<meta charset ="utf-8">  
7.	<style>  
8.	body {  
9.	    background-color: #fff;  
10.	}  
11.	</style>  
12.	<?php   
13.	   echo '<script type ="text/JavaScript">';  
14.	   echo 'alert("Codekey")';  
15.	   echo '</script>';  
16.	?>  
17.	</head>  
18.	<body>  
19.	</body>  
</html> 

Contoh alert PHP yang ketiga:

1.	<! DOCTYPE html>  
2.	<html>  
3.	<head>  
4.	<title> Belajar PHP </title>  
5.	<meta name="viewport" content="width=device-width, initial-scale=1">  
6.	<meta charset ="utf-8">  
7.	<style>  
8.	body {  
9.	    background-color: #fff;  
10.	}  
11.	</style>  
12.	<?php   
13.	function alertWindow($msg) {       
14.	    echo "<script type ='text/JavaScript'>";  
15.	    echo "alert('$msg')";  
16.	    echo "</script>";   
17.	}
18.	
19.	alertWindow("Belajar PHP Bersama Codekey! ");   
20.	?>  
21.	</head>  
22.	<body>  
23.	</body>  
24.	</html>  

Prompt Dialog Box

Prompt box hanya digunakan untuk menampilkan informasi. Keduanya tidak dapat digunakan untuk mengumpulkan informasi dari pengguna berdasarkan beberapa pesan, juga tidak dapat digunakan untuk menyesuaikan halaman web berdasarkan masukan pengguna. Jadi, JavaScript menyediakan metode lain, yang disebut prompt (), untuk menerima input pengguna.

Kotak prompt sering kali digunakan jika Anda ingin memasukkan nilai sebelum memasuki halaman. Dibutuhkan dua argumen- pesan yang ingin Anda tampilkan di kotak teks dan string default kotak teks. Kotak dialog prompt juga menampilkan dua tombol: tombol OK dan CANCEL dengan pesan. Pemrosesan akan berhenti sampai pengguna mengklik salah satu tombol.

Jika pengguna mengetik beberapa teks di kotak teks dan mengklik tombol OK, teks yang diketik akan diteruskan ke program, yang disebut kotak dialog prompt.

Jika pengguna tidak mengetik teks di kotak teks dan mengklik tombol OK, teks default seperti yang ditentukan dalam argumen kedua dari metode prompt akan diteruskan ke program, yang disebut kotak dialog prompt.

Jika pengguna mengklik tombol Batal, nilai null dikembalikan ke program yang disebut kotak dialog prompt.

Syntax:

  1. Prompt (“message,” “default value”);

Syntax di atas menunjukkan prompt() adalah sebuah fungsi dan sebuah pesan yang berisikan nilai yang dapat digunakan untuk mendisplay dengan prompt dialog box.

Contoh:

1.	<! DOCTYPE html>  
2.	<html>  
3.	<head>  
4.	<title> Belajar PHP </title>  
5.	<meta name="viewport" content="width=device-width, initial-scale=1">  
6.	<meta charset ="utf-8">  
7.	<style>  
8.	body {  
9.	    background-color: #fff;  
10.	}  
11.	</style>  
12.	<?php  
13.	function  confirmationBox() {  
14.	    echo '<script type="text/javascript"> ';  
15.	    echo 'var pesan = prompt("Masukkan pesan anda :", "");';  
16.	    echo 'alert(pesan);';  
17.	    echo '</script>';  
18.	}  
19.	?>  
20.	<! doctype html>  
21.	<html>  
22.	<head>  
23.	<meta charset="utf-8">  
24.	<title> Belajar PHP </title>  
25.	<?php  
26.	    confirmationBox();  
27.	?>  
28.	</head>  
29.	<body>  
30.	</body>  
31.	</html>  

Dalam contoh ini, localhost menampilkan kotak dialog prompt dengan tombol OK dan CANCEL di mana, Anda dapat memasukkan nama Anda, dan setelah memasukkan nama di kotak dialog prompt, Anda dapat memilih tombol ok atau tombol batal.

Misalnya, jika Anda mengklik tombol OK, teks yang diketik akan diteruskan ke program, yang disebut kotak dialog prompt, dan kemudian nama Anda ditampilkan dengan menggunakan kotak peringatan, berikut output yang ditampilkan nama Anda dengan kotak peringatan.

Artikel Terkait  Tutorial PHP 29 : Membuat Sanitasi Form dan Validasi pada PHP

Dialog Box Konfirmasi

Dalam kotak dialog konfirmasi JavaScript, metode konfirmasi () JavaScript digunakan untuk mengonfirmasi tindakan pengguna. Jika Anda ingin pengguna memverifikasi sesuatu, gunakan kotak dialog ini. Konfirmasi kotak dialog menampilkan pesan yang telah ditentukan dengan dua tombol yaitu tombol OK dan Batal.

  • Jika pengguna mengklik tombol OK, kotak akan mengembalikan true ke program.
  • Jika pengguna mengklik tombol Batal, kotak mengembalikan false ke program.

Contoh syntax:

Pada contoh syntax di atas, confirm() adalah sebuah fungsi dan sebuah pesan yang bernilai dan dapat ditampilkan dalam dialog box konfirmasi.

Berikut ini adalah contohya:

1.	<?php  
2.	function  confirmationBox() {  
3.	    echo '<script type="text/javascript"> ';  
4.	    echo ' function newPage(newurl) {';  
5.	    echo '  if (confirm("Apakah anda akan berpindah halaman?")) {';  
6.	    echo '    document.location = newurl;';  
7.	    echo '  }';  
8.	    echo '}';  
9.	    echo '</script>';  
10.	}  
11.	?>  
12.	<! doctype html>  
13.	<html>  
14.	<head>  
15.	<meta charset="utf-8">  
16.	<title> JavaScript confirm Box by PHP </title>  
17.	<style>  
18.	body {  
19.	    background-color: white;  
20.	}  
21.	a {  
22.	    font-size: 30px;  
23.	    color: blue;   
24.	}  
25.	.confirm {  
26.	    margin: 100px;  
27.	    color: blue;  
28.	}  
29.	a.button1 {  
30.	    display: inline-block;  
31.	    padding: 5px 10px;  
32.	    border: 1px solid #000;  
33.	    margin: 0 15px 15px 0;  
34.	    border-radius: 8px;  
35.	    box-sizing: border-box;  
36.	    text-decoration: none;  
37.	    font-family: 'Roboto',sans-serif;   
38.	    color: #000;  
39.	    text-align: center;  
40.	    transition: all 0.2s;  
41.	}  
42.	a.button1:hover {  
43.	    color: red;  
44.	    background-color: #red;  
45.	}  
46.	</style>  
47.	<?php  
48.	confirmationBox();  
49.	?>  
50.	</head>  
51.	<body>  
52.	<center>  
53.	<div class ="confirm">  
54.	<strong>  <b> <a href="javascript:openPage('#');" class="button1"> Halaman Baru </a> </b> </strong>  
55.	</div>  
56.	</center>  
57.	</body>  
58.	</html>  

 

Demikianlah penjelasan tentang alert PHP dan contoh alert PHP. Jika Anda tertarik untuk belajar PHP lebih jauh, pastikan Anda mengecek semua seri Tutorial PHP yang ada di Codekey. Situs Codekey merupakan media untuk Anda belajar berbagai bahasa pemrograman, tidak hanya PHP tetapi juga berbagai bahasa pemrograman lain.

Codekey memberikan berbagai pembahasan, materi, tutorial, tips, dan trik untuk Anda belajar bahasa pemrograman. Pastikan Anda mendapat update terbaru dari situs kami.


Jasa Pembuatan Aplikasi, Website dan Internet Marketing | PT APPKEY
PT APPKEY adalah perusahaan IT yang khusus membuat aplikasi Android, iOS dan mengembangkan sistem website. Kami juga memiliki pengetahuan dan wawasan dalam menjalankan pemasaran online sehingga diharapkan dapat membantu menyelesaikan permasalahan Anda.

Jasa Pembuatan Aplikasi

Jasa Pembuatan Website

Jasa Pembuatan Paket Aplikasi

Jasa Pembuatan Internet Marketing

Tutorial

Subscribe Sekarang

Dapatkan beragam informasi menarik tentang bahasa pemrograman langsung melalui email Anda. Subscribe sekarang dan terus belajar bersama kami!

Blog Post Ranking 10

Tutorial PHP 22 : Cara Membuat Redirect PHP dengan Cepat dan Mudah

Jika Anda melakukan browsing di browser kesayangan Anda, mungkin Anda pernah melihat link yang berisikan “php redirect” atau yang...

Tutorial PHP 2 : Cara Install PHP, Langkah Awal Belajar PHP

PHP adalah bahasa pemrograman gratis dan open source. Secara teknis tidak perlu menginstal PHP: sebagian besar host web dan...

Tutorial Python 9 : Cara Membuat Looping Python

Pada artikel sebelumnya, Codekey telah menjelaskan tentang Operasi Kondisional Python yang di dalamnya menyinggung tentang percabangan dan perulangan. Belajar...

Tutorial HTML/CSS 23 : Cara Membuat Form Sederhana dengan HTML

Form memiliki peran yang sangat krusial bagi website atau aplikasi untuk menjaga sistem keamanannya. Form HTML digunakan untuk mengumpulkan...

Tutorial SQL 8 : Constraint SQL, Bagaimana Fungsi dan Penggunaannya?

Pada artikel sebelumnya Anda telah mempelajari tentang wildcard SQL, pada artikel kali ini kami akan menjelaskan tentang constraint SQL. Jika...

Tutorial Javascript 8 : Array Javascript, Panduan Lengkap Cara Membuatnya

Seperti bahasa pemrograman yang berorientasi objek lainnya, dalam JavaScript juga terdapat array. Jika Anda memiliki banyak objek yang ingin...

Tutorial SQL 20 : Mari Pelajari Cara Menggunakan Fungsi GROUP by SQL

Pada pembahasan seri Tutorial SQL ke- 20 ini, Codekey akan membahas tentang GROUP BY yang merupakan statement di dalam...

Tutorial Python 7 : Python String Format dan Cara Mudahnya

Anda ingin belajar Python dan ingin menjadi ahli dalam bahasa pemrograman Python? Mari belajar bersama Codekey! Pada pembahasan kali...

Tutorial Python 8 : Langkah Mudah Membuat Operasi Kondisional pada Python

Pada pembahasan sebelumnya, Codekey telah menjelaskan kepada Anda tentang pengoperasian string pada Python mulai dari menggabungkan hingga memanipulasi string...

Tutorial Javascript 21 : Panduan Membuat Number Format Javascript

Ada banyak cara berbeda untuk mencetak integer dengan koma sebagai pemisah ribuan dalam JavaScript. Untuk mencetak integer dalam JavaScript,...

Bisnis

Online Service

Peluang Bisnis

Model Bisnis

Entrepreneurship

Uang

Ketrampilan

Outsourcing

Monetize

Pemasaran

SEO

Internet Marketing

Dasar Pemasaran

Strategi Pemasaran

Situs Web Analitik

Iklan

Teknologi

Teknologi Terbaru

AI

Komputer

Jaringan

Paling Sering dibaca
Mungkin Anda Menyukainya