gimana caranya membuat sweet alert pada php ini??

ane pengen bikin sweetalert gan pake kode ini

<?php
require_once 'view/header.php';

if( isset($_POST['submit']) ){
  $email    = $_POST['email'];
  $to       = 'jarkomb@gmail.com';
  $subject  = 'Kritik dan saran';
  $headers  = "Pengirim: " . $email . "\r\n"
              ."Pesan: ".$pesan;
  $pesan    =  $_POST['pesan'];

  if( mail($to, $headers, $pesan, $subject) ){
    echo 'email berhasil dikirim';
  }else{
    echo 'email gagal dikirim';
  }
}
 ?>

<h1>Berikan Kritik & saran anda untuk JarKom</h1>

 <form action="kritikdansaran.php" method="post">
  <textarea name="pesan" rows="8" cols="80" placeholder="tulis Kritik dan saran anda..."></textarea>
  <br>
  <input type="email" name="email" placeholder="masukkan email anda">
  <br>
  <br>
  <input type="submit" name="submit" value="Kirim">
 </form>

<?php
require_once 'view/footer.php';
 ?>

gimana caranya biar pas diklik submit itu bakal keluar sweetalert succes kayak punya sekolah koding ???

avatar Dagimal
@Dagimal

275 Kontribusi 24 Poin

Diperbarui 5 tahun yang lalu

14 Jawaban:

kalo gitu gini aja gan, antum pasang <link href="css/sweetalert.css" rel="stylesheet"> di dalam file header.php

Contoh bagian header.php nya nih gan


<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Learn Basic PHP</title>

    <link href="css/sweetalert.css" rel="stylesheet">

  </head>
<body>

dan sweetalert.min.js dan sweetalert-dev.js setelah require once 'view/header.php' di mana ketiga file (sweetalert.css,sweetalert.min.js,sweetalert-dev.js) ini bisa antum download di http://t4t5.github.io/sweetalert/ terus di bagian echo nya antum pasang coding sweetalert nih contohnya gan

 <?php
require_once 'view/header.php';?>
<script src="js/sweetalert.min.js"></script>
<script src="js/sweetalert-dev.js"></script>

<?php
if( isset($_POST['submit']) ){
  $email    = $_POST['email'];
  $to       = 'jarkomb@gmail.com';
  $subject  = 'Kritik dan saran';
  $headers  = "Pengirim: " . $email . "\r\n"
              ."Pesan: ".$pesan;
  $pesan    =  $_POST['pesan'];

  if( mail($to, $headers, $pesan, $subject) ){
    echo "<script>
  swal("Good job!", "Email berhasil dikirim!", "success")
  </script>";
  }else{
     echo "<script>
  swal("Oops...", "Email gagal dikirim!", "error")
  </script>";
  }
}
 ?>

<h1>Berikan Kritik & saran anda untuk JarKom</h1>

 <form action="kritikdansaran.php" method="post">
  <textarea name="pesan" rows="8" cols="80" placeholder="tulis Kritik dan saran anda..."></textarea>
  <br>
  <input type="email" name="email" placeholder="masukkan email anda">
  <br>
  <br>
  <input type="submit" name="submit" value="Kirim">
 </form>

<?php
require_once 'view/footer.php';
 ?>

tp antum harus pake coding swal ya soalny ane sendiri pernah nyoba klo pake sweetAlert malah ga nampil apa2 di webnya. Itu sih saran dari ane gan, silahkan di coba ya. klo msh ada masalah tny aja jgn malu2.

avatar hanifrazin
@hanifrazin

44 Kontribusi 18 Poin

Dipost 7 tahun yang lalu

wahh makasih banget gan hehe, tapi ane pengennya sweet alert muncul saat tombol submit diklik gan ,gimana tuh gan?? :)

avatar Dagimal
@Dagimal

275 Kontribusi 24 Poin

Dipost 7 tahun yang lalu

itu codingan dari ane udh ente coba belom gan, itu jg munculnya pas tombol submit di klik kok

avatar hanifrazin
@hanifrazin

44 Kontribusi 18 Poin

Dipost 7 tahun yang lalu

oiya gan :v sorry kurang fokus wkwkwkkw

avatar Dagimal
@Dagimal

275 Kontribusi 24 Poin

Dipost 7 tahun yang lalu

bntar ane coba dulu

avatar Dagimal
@Dagimal

275 Kontribusi 24 Poin

Dipost 7 tahun yang lalu

kok muncul error gini ya gan pas direload

"Parse error: syntax error, unexpected 'Mantap' (T_STRING), expecting ',' or ';' in C:\MAMP\htdocs\bootstrap jarkom\kritikdansaran.php on line 19"

ini kode no 19

 swal("Mantap djiwa!", "Email berhasil dikirim!", "success")
avatar Dagimal
@Dagimal

275 Kontribusi 24 Poin

Dipost 7 tahun yang lalu

seharusny sih ga ada masalah coba tolong lihatin code kesluruhan deh sm struktur folderny

avatar hanifrazin
@hanifrazin

44 Kontribusi 18 Poin

Dipost 7 tahun yang lalu

ini kodenya gan


<?php
require_once 'view/header.php';?>
<script src="sweetalert/dist/sweetalert.min.js"></script>
<script src="sweetalert/dist/sweetalert-dev.js"></script>

<?php
if( isset($_POST['submit']) ){
  $email    = $_POST['email'];
  $to       = 'jarkomb@gmail.com';
  $subject  = 'Kritik dan saran';
  $headers  = "Pengirim: " . $email . "\r\n"
              ."Pesan: ".$pesan;
  $pesan    =  $_POST['pesan'];

  if( mail($to, $headers, $pesan, $subject) ){
    echo "<script>
  swal("Mantap djiwa!", "Email berhasil dikirim!", "success")
  </script>";
  }else{
     echo "<script>
  swal("Oops...", "Email gagal dikirim!", "error")
  </script>";
  }
}
 ?>
 <script src="sweetalert/dist/sweetalert.min.js"></script>
 <link rel="stylesheet" type="text/css" href="sweetalert/dist/sweetalert.css">

 <script type="text/javascript">
   swal("Selamat datang pada form Kritik & saran JarKom!", "Silahkan tulis kritik dan saran agar jarkom bisa berkembang dengan baik")
 </script>

<h1>Berikan Kritik & saran anda untuk JarKom</h1>

 <form action="kritikdansaran.php" method="post">
  <textarea name="pesan" rows="8" cols="80" placeholder="tulis Kritik dan saran anda..."></textarea>
  <br>
  <input type="email" name="email" placeholder="masukkan email anda">
  <br>
  <br>
  <input type="submit" name="submit" value="Kirim">
 </form>

<?php
require_once 'view/footer.php';
 ?>

avatar Dagimal
@Dagimal

275 Kontribusi 24 Poin

Dipost 7 tahun yang lalu

tanda kutip nya kyaknya bntrok., coba pake kutip satu aja, ex : swal('Mantap djiwa!', 'Email berhasil dikirim!', 'success')

avatar balbaal
@balbaal

23 Kontribusi 7 Poin

Dipost 7 tahun yang lalu

dan ini struktur foldernya

avatar Dagimal
@Dagimal

275 Kontribusi 24 Poin

Dipost 7 tahun yang lalu

Jawaban Terpilih

ok2 ane paham nih gan, jadi gini ya maaf ane ada kesalahan sedikit. ini kan krn kita pk echo kan sebelum tag <script> dan setelah tag </script> udh pk tanda petik dua, nah klo di teks di dalam swal itu dimulai pake tanda petik dua itu artinya sebagai tanda penutup jadi wajar klo di php muncul error ky gini "Parse error: syntax error, unexpected 'Mantap' (T_STRING), expecting ',' or ';' in C:\MAMP\htdocs\bootstrap jarkom\kritikdansaran.php on line 19"

 echo "<script>
  swal('Mantap dijiwa!', 'Email berhasil dikirim!', 'success')
  </script>";
avatar hanifrazin
@hanifrazin

44 Kontribusi 18 Poin

Dipost 7 tahun yang lalu

makasih gan !!!!!!!! :)

avatar Dagimal
@Dagimal

275 Kontribusi 24 Poin

Dipost 7 tahun yang lalu

sama2, terima kasih kembali

avatar hanifrazin
@hanifrazin

44 Kontribusi 18 Poin

Dipost 7 tahun yang lalu

Mohon Bantuan. kos php if else mahu tampilkan swal javascript tidak berhasil.

Kod saya seperti ini .

} else { "<script>swal('MAAF!','No siri tidak wujud!','success'); window.location='index.php';</script>";

}

?>

mohon bantuan..

avatar worldteam
@worldteam

1 Kontribusi 0 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban