Masino Sinaga

Web Development and PHPMaker

Anda di sini: Beranda / PHPMaker / Mudahnya Menyertakan File Javascript dan CSS di Aplikasi Web dari PHPMaker
Mudahnya Menyaring Record Saat Halaman Dimuat di Aplikasi Web dari PHPMaker
Mengelola Konstanta, Variabel, dan Function Global di Aplikasi Web dari PHPMaker

Mudahnya Menyertakan File Javascript dan CSS di Aplikasi Web dari PHPMaker

Ming, 1 Juni 2014 oleh Masino Sinaga 4 Komentar

Sering kali sebuah Aplikasi Web harus menggunakan file library atau pustaka dari pihak ketiga lainnya. Misalnya, seorang Web Developer ingin menyertakan file pustaka Javascript atau file pustaka CSS tertentu seperti jQuery UI ke Aplikasi Web yang dibangunnya. Untuk itu, persyaratan utama yang harus dipenuhi pertama kali adalah: Web Developer harus memasukkan atau mendeklarasikan file pustaka tadi ke bagian atas (header) dari Aplikasi Web supaya dapat digunakan sebagaimana mestinya.

PHPMaker sudah menyediakan sebuah server event yang bernama Page_Head yang berada di bawah Server Events -> Global -> All Pages dari dalam project PHPMaker Anda. Server event ini merupakan Global Function dan berfungsi untuk menempatkan kode tambahan yang berada di bagian atas (header) sebelum tag penutup </head> dari Aplikasi Web.

Kode yang dimasukkan oleh Web Developer ke event ini akan ditempatkan di file header.php sebelum tag penutup <head>. Anda dapat menggunakan event ini untuk menambahkan kode Anda di bagian header. Sebagai contoh, PHPMaker tidak menggunakan jQuery UI, tapi Anda dapat menyertakannya (misalnya dengan menggunakan CDN):

ew_AddStylesheet("http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"); // Add CSS stylesheet
ew_AddClientScript("http://code.jquery.com/ui/1.10.3/jquery-ui.js"); // Add JavaScript

Setelah itu, Anda sebagai Web Developer dapat menggunakan (misalnya) Widget milik jQuery UI tersebut dengan menuliskan sedikit kode dari bagian Startup Script di dalam project PHPMaker Anda. Setelah itu, jangan lupa untuk men-generate ulang file script dengan menggunakan PHPMaker. Mengenai hal ini akan kita bahas di artikel-artikel saya selanjutnya. Sabar, ya! 🙂

Mudah dan simpel sekali, bukan? 🙂

Ditempatkan di bawah: PHPMaker Ditag dengan:Client Scripts, CSS, Javascript, Page_Head, PHPMaker Indonesia, Server Events, Tutorial PHPMaker

Masino Sinaga

Web Developer pengguna PHPMaker untuk membangun Aplikasi Web sejak tahun 2004. Sampai sekarang masih aktif dan rajin membagikan pengalamannya menggunakan PHPMaker melalui situs masinosinaga.com dan ilovephpmaker.com.

Mudahnya Menyaring Record Saat Halaman Dimuat di Aplikasi Web dari PHPMaker
Mengelola Konstanta, Variabel, dan Function Global di Aplikasi Web dari PHPMaker

Komentar

  1. sri merta mengatakan

    Sab, 7 Juni 2014 pada 3:36 pm

    Saya nanya gimana cara membuat validasi dari Javascript di PHPMaker?

    Balas
    • Masino Sinaga mengatakan

      Sab, 7 Juni 2014 pada 4:27 pm

      Secara standar, PHPMaker sudah menyertakan validasi saat input/ubah data di form menggunakan kode Javascript. Meskipun demikian, Anda bisa menambahkan validasi tambahan lainnya menggunakan kode Javascript atau jQuery.

      Cukup tambahkan kode tersebut dari lokasi: Client Scripts -> Table-Specific -> Add/Copy Page (untuk input data baru), atau Edit Page (untuk ubah data) -> Form_CustomValidate.

      Jangan lupa baca juga topik Server Events and Client Scripts dari file Help di aplikasi PHPMaker untuk informasi lebih lanjut dan beberapa contoh kode yang bisa Anda gunakan sebagai referensi.

      Balas
  2. Septian mengatakan

    Sel, 20 Juni 2017 pada 8:38 am

    Pak masino mau nanya, apakah kita bisa menambahkan file css beserta js custom kita sendiri. Lalu memanggilnya pada halaman yang kita inginkan?
    secara tidak langsung kita melakukan perubahan pada folder root nya, bukan dari hasil generate phpmakernya.
    mohon bantuannya pak. terimakasih

    Balas
    • Masino Sinaga mengatakan

      Kam, 22 Juni 2017 pada 11:58 am

      Bukan PHPMaker namanya kalau tidak bisa, ehm. Hehehe… 🙂

      Anda bisa menggunakan server event yang bernama Page_Head di bawah lokasi: Server Events -> Global -> All Pages, untuk meng-include-kan file js dan css-nya.

      Untuk memanggil-nya, gunakan kode jQuery atau Javascript pada bagian Startup Script di bawah lokasi: Client Scripts -> Global -> Pages with header/footer.

      Untuk info dan contoh lebih lanjut, baca topik Server Events and Client Scripts dari menu Help PHPMaker.

      Balas

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.

Pos-pos Terbaru

  • Begini Mudahnya Mengubah Lebar Modal Dialog di PHPMaker 2022
  • Item Menu Tetap Aktif Meskipun Sedang Menampilkan Halaman Tambah, Ubah, Tampilkan, Cari di PHPMaker 2022
  • Hati-Hati Memilih Versi PHP Sebelum Generate Code di PHPMaker 2022
  • Alasan AlwaysUseEnglishUSLocale Sebaiknya Aktif di Masino Extensions untuk PHPMaker 2022
  • MasinoInputMask18 Extension, Autoformat Angka dengan Fitur Lebih Kaya di PHPMaker 2022

Menu

  • Siapa Saya?
  • Web Development
  • PHPMaker
  • Umum
  • Syarat dan Ketentuan
  • Sitemap (Peta Situs)
  • Komentar

Komentar Terbaru

  • Masino Sinaga pada Project Stock Inventory untuk PHPMaker 2022 Sekarang Sudah Bisa Didownload
  • Stanislaus Ariyanto pada Project Stock Inventory untuk PHPMaker 2022 Sekarang Sudah Bisa Didownload
  • Masino Sinaga pada Mudahnya Mendapatkan Info Pengguna Setelah Login di Aplikasi Web dari PHPMaker
  • irwan pada Mudahnya Mendapatkan Info Pengguna Setelah Login di Aplikasi Web dari PHPMaker
  • Masino Sinaga pada Ini Dia Fitur-Fitur yang Terdapat di Masino Extensions untuk PHPMaker 2022

Situs Terkait

  1. I Love PHPMaker
  2. Situs Resmi PHPMaker
  3. Forum Diskusi PHPMaker
  4. PHPMaker di IlmuKomputer.com
  5. PHPMaker Learning

Baru di PHPMaker?

Baca ini terlebih dulu ...

  1. Ayo Menjadi Web Developer yang Cerdas!
  2. PHPMaker: PHP Code Generator + PHP Framework
  3. Pertanyaan-Pertanyaan yang Paling Sering Diajukan Seputar PHPMaker
  4. Tips buat Anda Pemula yang Baru Mengenal dan Menggunakan PHPMaker
  5. Bacalah Help, Bacalah Help, dan Bacalah Help di PHPMaker!

(c) Masino Sinaga 2009 - 2021 | WordPress | Catat masuk | Kembali ke atas