Langsung ke konten utama

Membuat Modal dengan Java Script


Modal atau dialog yang biasa disebut pop up. Sebuah kotak dialog yang digunakan untuk melakukan konfirmasi atau suatu aksi. Misalnya ketika kamu ingin menghapus data, kamu bisa menggunakan modal ini sebagai pesan konfirmasi atau aksi apa yang kamu lakukan dan masih banyak lagi.
kita akan menggunakan tutorial form login untuk menambahkan modal.

Gambar show modal

Berikut adalah cara menampilkan modal:
1. sebelumnya pelajari dulu tutorial ini ya gaess,,,myleava.blogspot.co.id/2018/03/form-login-dengan-css-bootstrap_11.html jika sudah maka kita akan belajar menampilkan modal.
2. disyntak index.php kita isikan java script seperti dibawah ini

java script

3. selanjutnya menampilkan modal

show modal

4. jika masih bingung, syntak lengkapnya sebagai berikut:




5. Jika sudah kalian bisa cek dengan mengakses localhost/login

Demikian Tutorial membuat modal dengan java script. selamat mencoba dan semoga bermanfaat ya gengss,,,
jika ada error atau pertanyaan bisa tinggalkan dikolom komentar.😄😄👇

Komentar

Postingan populer dari blog ini

Form LOGIN dengan CSS & Bootstrap

Form Login, biasanya digunakan untuk membatasi hak akses bagi user untuk melihat dan berinteraksi dengan data. Tutorian kali ini akan membahas tentang bagaimana membuat form Login sederhana dengan CSS dan Bootstrap. Hal-hal yang dibutuhkan sebagai berikut: Text Editor , kalian bisa menggunakan Atom, notepad++, sublime, atau IDE netbeand. Tapi tutorial kali ini saya akan menggunakan sublime. Browser : Chrome, Firefox, IE atau Safari. XAMPP Bahasa Pemrograman: HTML5                                                                                 Tampilan Form Login Sederhana Pastikan xampp: apache distart. Buat folder baru dengan nama login didirektori C:\xampp\htdocs.                             ...

PHP Daftar Pemesanan Hardware Komputer

Program Pemesanan Hardware Komputer dengan PHP dan HTML //Inisialisasi variable yang digunakan  //nama peralatan  $mainboad ="Mainboard";  $processor ="Processor";  $ram = "Ram";  $hardisk = "Hardisk";  //harga perunit peralatan  $harga_mainboard = $_POST['harga_mainboard'];  $harga_processor = $_POST['harga_processor'];  $harga_ram = $_POST['harga_ram'];  $harga_hardisk = $_POST['harga_hardisk'];  //jumlah peralatan yang ada  $jumlah_mainboard = $_POST['jumlah_mainboard'];  $jumlah_processor = $_POST['jumlah_processor'];  $jumlah_ram = $_POST['jumlah_ram'];  $jumlah_hardisk = $_POST['jumlah_hardisk'];  //total harga per jenis peralatan  $total_mainboard = $jumlah_mainboard * $harga_mainboard;  $total_processor = $jumlah_processor * $harga_processor;  $total_ram = $jumlah_ram * $harga_ram;  $total_hardisk = $jumlah_hardisk * $harga_hardisk;  //hitung peralat...

Algoritma Pseudocode, Flowchart

Pseudocode 1. Mulai 2. Masukkan Username dan Password 3. Proses cek user 4. jika berhasil login maka akan masuk ke menu user tetapi jika gagal akan mengulang untuk memasukkan user dan pass. 5. jika gagal lebih dari 3 kali maka akan diblokir 6. selesai. Flowchart