Skip to main content

JQuery Booklist dan Toggle Color Animation

Postingan berikut menjelaskan dokumentasi JQuery Booklist dan Toggle Color Animation. Kedua source code di-hosting menggunakan replit.com, sebuah IDE yang tersedia secara online.

Link JQuery Booklist: https://jquerybooklist.daniramadhan7.repl.co/

Link JQuery Toggle Color Animation: https://jquerycoloranimation.daniramadhan7.repl.co/

JQuery Booklist

Untuk JQuery Booklist ini dilakukan beberapa modifikasi dengan menambahkan Bootstrap CDN untuk membuat tampilan terlihat lebih bagus. User dapat menuliskan nama buku dan menambahkannya, kemudian dapat memilih buku yang telah ditambahkan pada dropdown Select Book.

HTML

JQuery Toggle Color Animation

Untuk JQuery Toggle Color Animation ini dilakukan modifikasi dengan menambahkan Bootstrap CDN untuk membuat tampilan terlihat lebih bagus. Saat menekan tombol Toggle Effect, Animate Box akan melebar dan berubah warna menjadi merah. Klik tombol Toggle Effect lagi untuk membuatnya seperti semula.

Link JQuery Toggle Color Animation: https://jquerycoloranimation.daniramadhan7.repl.co/

HTML

Sekian post tentang dokumentasi JQuery Booklist dan Toggle Color Animation ini. Semoga bermanfaat.

Comments

  1. Nice PostDecember 6, 2021 at 6:34 PM

    Nama: Ramadhan Arif Hardijansyah
    NRP: 05111940000162
    Kelas: Pemrograman Web A
    Tahun: 2021

    Link Booklist Jquery : Booklist
    Link Toggle Jquery : Toggle
    Link Blog : Blog

    ReplyDelete

Post a Comment

Popular posts from this blog

Java Exception Handling

Postingan ini membahas sebuah program tambahan tentang exception handling . Disini seolah-olah bertindak sebagai tester. Dan program yang akan dimodifikasi adalah program SimpleCalculator . Program SimpleCalculator adalah sebuah program kalkulator sederhana yang menggunakan switch..case dalam Java. Program bisa melakukan operasi pertambahan, pengurangan, perkalian, dan pembagian. Program SimpleCalculator ini dibuat menggunakan bahasa pemrograman Java dan bisa di-compile menggunakan IDE BlueJ. Dalam aplikasi ini, dicoba untuk ditambahkan catch exception untuk mengetes bagimana pembagian suatu angka dengan angka nol. Dicari modul kelas yang merupakan operasi pembagian dan dimodifikasi agar bisa mengetes operasi pembagian dengan penyebut angka nol. Exception Handling Exception Handling adalah sebuah proses menanggapi terjadinya exception, menangani runtime error seperti ClassNotFound, IO, SQL, Remote , dsb.  Exception adalah suatu kondisi tidak normal yang membutuhkan pemrosesan khu
Post a Comment
Read more

Website Registrasi Kuliah Tatap Muka

  Postingan berikut menjelaskan dokumentasi proses pembuatan website registrasi kuliah tatap muka. Website di-hosting menggunakan github pages yang dapat meng-host  static webpages . Link Website Catalog Product:  https://dani-ramadhan7.github.io/registrasi/index.html Langkah-Langkah Pembuatan Website Registrasi Kuliah Tatap Muka 1. Ikuti langkah-langkah pada website pembelajaran. Salah satu website yang cukup bagus untuk dipelajari adalah  belajarphp.net/tutorial-validasi-form-menggunakan-html-dan-javascript/ . Coba untuk menulis ulang contoh kode pada modul pembelajaran atau langsung memilih bagian-bagian kode yang diinginkan untuk digunakan. 2. Buat file html baru, buat page html dengan acuan modul pembelajaran. Lakukan modifikasi dan penambahan. HTML JavaScript 3. Untuk desain, digunakan file css sebagaimana yang digunakan pada website, yakni menggunakan  https://stackpath.bootstrapcdn.com/bootstrap/
Post a Comment
Read more

Website Pendaftaran Siswa Baru

Postingan berikut menjelaskan dokumentasi website Pendaftaran Siswa Baru. Website di-hosting di local PC menggunakan XAMPP serta menggunakan MySQL untuk menangani database dari para pendaftarnya. Halaman Utama Pendaftar dapat melakukan pendaftaran pada menu Daftar Baru atau melihat list pendaftar pada bagian Pendaftar. Formulir Pendaftaran Siswa Baru Disini, siswa dapat mengisikan formulir pendaftaran dan men-submit. Menu Pendaftar Menu Pendaftar isi menyajikan tabel yang berisi siswa yang telah mendaftar. Dapat dilakukan tindakan Edit atau Hapus pada setiap baris. Formulir Edit Siswa Formulir Edit Siswa menyajikan formulir untuk mengedit data siswa yang telah mendaftar. Setelah melakukan edit, dapat menekan tombol Simpan untuk menyimpan data siswa yang telah diperbarui. Source Code Untuk source code dari website Pendaftaran Siswa Baru ini adalah sebagai berikut. Link GitHub Gist:  https://gist.github.com/dani-ramadhan7/7838e42982a0488fcc170
1 comment
Read more