Masino Sinaga

Web Development, PHPMaker, & PHP Report Maker

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

Juni 1, 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

Comments

  1. sri merta mengatakan

    Juni 7, 2014 pada 3:36 pm

    Saya nanya gimana cara membuat validasi dari Javascript di PHPMaker?

    Balas
    • Masino Sinaga mengatakan

      Juni 7, 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

    Juni 20, 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

      Juni 22, 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 *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Pos-pos Terbaru

  • Server Event Page_Render dan Page_Rendering di PHPMaker, Apa Sih Bedanya?
  • Begini Mudahnya Mengubah Judul Browser Secara Dinamis di PHPMaker 2021
  • Solusi Supaya PreviewRow dan PreviewOverlay Bisa Sama-Sama Berfungsi di PHPMaker 2021
  • Jangan Pernah Lagi Mencampur Kode PHP di Client Script atau Startup Script pada PHPMaker 2021
  • Seperti Ini Mudahnya Menyembunyikan Data Label di Chart dari PHPMaker 2021

Menu

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

Komentar Terbaru

  • Masino Sinaga pada Setting Import Data Berikut Wajib Anda Ketahui Bedanya di PHPMaker 2021
  • Masino Sinaga pada Jangan Pernah Lagi Mencampur Kode PHP di Client Script atau Startup Script pada PHPMaker 2021
  • Masino Sinaga pada Mudahnya Menambahkan Global Function untuk Auto-Update Field di PHPMaker
  • Abu Syifa pada Setting Import Data Berikut Wajib Anda Ketahui Bedanya di PHPMaker 2021
  • Abu Syifa pada Jangan Pernah Lagi Mencampur Kode PHP di Client Script atau Startup Script pada PHPMaker 2021

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 - 2019 | WordPress | Catat masuk | Kembali ke atas