Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
sweet alert in php
saya mau bertanya,, bagaimana cara memanggil sweet alert di dalam proses php..
contoh kalau di html :
<!DOCTYPE html>
<html>
<head>
<title>Sweet Alert</title>
<link rel="stylesheet" type="text/css" href="plugins/sweetalert/sweetalert.css">
<script type="text/javascript" src="plugins/sweetalert/sweetalert.min.js"></script>
</head>
<body>
<button onclick="sweet()">Sweet Alert</button>
<script>
function sweet (){
swal("Good job!");
}
</script>
</body>
</html>
saat klik tombol muncul alert :
nah bagaimana jika ditempatkan dalam proses ?
contoh ada 2 field :
tes.php
<form method="post" action="proses.php">
<label>NIK</label><br>
<input type="text" name="nik"><br>
<label>Confirm NIK</label><br>
<input type="text" name="confirmnik"><br><br>
<button type="submit" name="submit">Cek</button>
</form>
proses.php
<?php
$nik = $_POST['nik'];
$confirmnik = $_POST['confirmnik'];
if ($nik<>$confirmnik)
{
echo "<script language='javascript'>alert('nik tidak sama');window.history.back();</script>";
}
else
{
echo "<script language='javascript'>alert('nik cocok');window.history.back();</script>";
}
?>
Bagaimana mengubah alert bawaan javascript dengan menggunakan sweet alert di dalam file proses.php ?
0
4 Jawaban:
Jawaban Terpilih
tinggal panggil lagi aja gan file sweetalert.css sama sweetalert.min.js nya di file proses tsb, nanti tinggal ganti alertnya,
1
apakah seperti ini @ahmadhanaf :
<html>
<head>
<!-- sweet alert -->
<link rel="stylesheet" type="text/css" href="plugins/sweetalert/sweetalert.css">
<script type="text/javascript" src="plugins/sweetalert/sweetalert.min.js"></script>
<!-- end sweet alert -->
</head>
<body>
<?php
$nik = $_POST['nik'];
$confirmnik = $_POST['confirmnik'];
if ($nik<>$confirmnik)
{
echo '<script language="javascript">swal("WOW!","Message!","gagal").then(() => { window.history.back(); });</script>';
}
else
{
echo '<script language="javascript">swal("WOW!","Message!","sukses").then(() => { window.history.back(); });</script>';
}
?>
</body>
</html>
tapi tetap gagal.. gabisa/tidak terjadi apa2
0
yapp, pastikan jquerynya juga dipanggil yaa
0
