Menambahkan JavaScript ke aplikasi Web adalah cara terbaik untuk menambahkan fitur yang meniru fitur yang ditemukan di aplikasi klien/server tanpa mengorbankan semua manfaat penerapan Web. Oracle Application Express menyertakan beberapa antarmuka bawaan yang dirancang khusus untuk menambahkan JavaScript Show
Ingatlah bahwa JavaScript tidak cocok untuk validasi intensif data. Misalnya, untuk memverifikasi bahwa sebuah nama terkandung dalam tabel database besar, Anda perlu menarik setiap catatan ke klien, membuat dokumen HTML yang sangat besar. Secara umum, operasi kompleks jauh lebih cocok untuk validasi Oracle Application Express sisi server daripada JavaScript Tutorial ini menjelaskan beberapa skenario penggunaan untuk JavaScript dan menyertakan detail tentang cara mengimplementasikannya di aplikasi Anda Bagian ini berisi topik-topik berikut Memahami Cara Memasukkan Fungsi JavaScriptAda dua tempat utama untuk menyertakan fungsi JavaScript
Topik pada bagian ini meliputi Memasukkan JavaScript dalam Atribut Header HTMLSalah satu cara untuk memasukkan JavaScript ke dalam aplikasi Anda adalah dengan menambahkannya ke atribut Header HTML halaman. Ini adalah pendekatan yang bagus untuk fungsi yang khusus untuk halaman serta cara mudah untuk menguji fungsi sebelum Anda memasukkannya ke dalam file #TITLE# #HEAD# #FORM_OPEN#4 Anda dapat menambahkan fungsi JavaScript ke halaman dengan memasukkan kode di atribut Header HTML di halaman Atribut Halaman Untuk menambahkan kode JavaScript pada atribut Header HTML
Misalnya, menambahkan kode berikut akan menguji fungsi yang dapat diakses dari mana saja di halaman saat ini Termasuk JavaScript di a. File js Direferensikan oleh Template HalamanDi Oracle Application Express Anda dapat mereferensikan file #TITLE# #HEAD# #FORM_OPEN#4 di templat halaman. Pendekatan ini membuat semua JavaScript dalam file tersebut dapat diakses oleh aplikasi. Ini adalah pendekatan yang paling efisien karena file #TITLE# #HEAD# #FORM_OPEN#4 dimuat pada tampilan halaman pertama aplikasi Anda, dan kemudian di-cache oleh browser Kode berikut menunjukkan cara memasukkan a. js di bagian header template halaman. Perhatikan baris #TITLE# #HEAD# #FORM_OPEN#_8 yang dicetak tebal #TITLE# #HEAD# #FORM_OPEN# Tentang Mereferensikan Item Menggunakan JavaScriptSaat Anda mereferensikan item, pendekatan terbaik adalah mereferensikan nama item seperti yang ditentukan di dalam halaman. Perhatikan bahwa nama item berbeda dari label item. Nama item ditampilkan di Definisi Halaman dan label ditampilkan di halaman yang berjalan. Misalnya, jika Anda membuat item dengan nama #TITLE# #HEAD# #FORM_OPEN#9 dan label // Then add the following to the "Form Element Attributes" Attribute of the item: onchange="displayValue('P1_FIRST_NAME');"0, Anda akan mereferensikan item menggunakan #TITLE# #HEAD# #FORM_OPEN#9 Merujuk item dengan nama item memungkinkan Anda menggunakan metode JavaScript // Then add the following to the "Form Element Attributes" Attribute of the item: onchange="displayValue('P1_FIRST_NAME');"2 untuk mendapatkan dan menetapkan atribut dan nilai item. Contoh berikut menunjukkan cara mereferensikan item berdasarkan ID dan menampilkan nilainya di kotak peringatan // Then add the following to the "Form Element Attributes" Attribute of the item: onchange="displayValue('P1_FIRST_NAME');"_ Memanggil JavaScript dari TombolMemanggil JavaScript dari tombol adalah cara yang bagus untuk mengonfirmasi permintaan. Oracle Application Express menggunakan teknik ini untuk operasi penghapusan sebagian besar objek. Misalnya, saat Anda menghapus tombol, muncul pesan JavaScript yang meminta Anda untuk mengonfirmasi permintaan Anda. Perhatikan contoh berikut Contoh ini membuat fungsi untuk mengonfirmasi tindakan penghapusan lalu memanggil fungsi tersebut dari tombol. Perhatikan bahwa fungsi secara opsional mengirimkan halaman dan menetapkan nilai variabel internal // Then add the following to the "Form Element Attributes" Attribute of the item: onchange="displayValue('P1_FIRST_NAME');"3 ke // Then add the following to the "Form Element Attributes" Attribute of the item: onchange="displayValue('P1_FIRST_NAME');"4, sehingga melakukan penghapusan menggunakan proses yang dijalankan secara kondisional berdasarkan nilai permintaan Perhatikan bahwa saat Anda membuat tombol, Anda harus memilih Action Redirect to URL without submiting page. Kemudian, Anda tentukan target URL, seperti berikut ini confirmDelete('Would you like to perform this delete action?'); Mengubah Nilai Elemen FormulirDalam contoh berikut, ada empat kotak teks di suatu wilayah. Kotak teks keempat berisi jumlah dari tiga lainnya. Untuk menghitung jumlah ini, Anda menambahkan fungsi JavaScript ke atribut Header HTML, lalu memanggil fungsi tersebut dari tiga item pertama Untuk menambahkan fungsi pada atribut Header HTML
Untuk memanggil fungsi dari ketiga item tersebut
Membuat Validasi JavaScript Sisi KlienValidasi sisi klien memberikan umpan balik langsung kepada pengguna menggunakan formulir. Salah satu validasi JavaScript yang sangat umum adalah bidang bukan nol. Jenis validasi ini bekerja dengan baik di header halaman daripada di #TITLE# #HEAD# #FORM_OPEN#4 karena sangat spesifik untuk halaman Sebelum memulai, Anda perlu mengimpor dan menginstal aplikasi OEHR Sample Objects untuk mengakses objek database sampel yang diperlukan. Lihat Topik pada bagian ini meliputi Buat Aplikasi pada Tabel OEHR_EMPLOYEESUntuk membuat aplikasi baru pada tabel // Then add the following to the "Form Element Attributes" Attribute of the item: onchange="displayValue('P1_FIRST_NAME');"6
Untuk melihat aplikasi
Tambahkan Fungsi ke Atribut Header HTMLSelanjutnya, Anda perlu menambahkan fungsi pada atribut Header HTML pada halaman 2 yang menampilkan pesan ketika kolom Nama Belakang tidak berisi nilai Untuk menambahkan fungsi pada atribut Header HTML pada halaman 2
Edit Item untuk Memanggil FungsiSelanjutnya, Anda perlu mengedit item // Then add the following to the "Form Element Attributes" Attribute of the item: onchange="displayValue('P1_FIRST_NAME');"_9 untuk memanggil fungsi tersebut Untuk mengedit item // Then add the following to the "Form Element Attributes" Attribute of the item: onchange="displayValue('P1_FIRST_NAME');"_9 untuk memanggil fungsi
Uji Validasi dengan Menjalankan HalamanSelanjutnya, navigasikan ke halaman 1 dan jalankan halaman tersebut Untuk menguji validasi
Mengaktifkan dan Menonaktifkan Elemen FormulirSementara Oracle Application Express memungkinkan Anda untuk menampilkan item halaman secara kondisional, penting untuk dicatat bahwa halaman harus dikirimkan untuk setiap perubahan pada halaman yang akan dievaluasi. Contoh berikut menunjukkan cara menggunakan JavaScript untuk menonaktifkan elemen formulir berdasarkan nilai elemen formulir lainnya Pertama, Anda menulis fungsi dan menempatkannya di atribut Header HTML halaman yang berisi formulir pembaruan Anda. Kedua, Anda memanggil fungsi dari item di halaman. Contoh berikut menunjukkan cara menambahkan fungsi JavaScript untuk mencegah pengguna menambahkan komisi kepada karyawan yang tidak berada di Departemen Penjualan (P2_DEPARTMENT_ID = 80) Topik pada bagian ini meliputi Tambahkan Fungsi ke Atribut Header HTMLUntuk menambahkan fungsi pada atribut Header HTML pada halaman 2
Edit Item untuk Memanggil FungsiLangkah selanjutnya adalah mengedit item 2 dan menambahkan kode ke atribut Atribut Elemen Formulir HTML untuk memanggil fungsi Untuk mengedit item _2 untuk memanggil fungsi
Ubah Item ke Daftar PilihUntuk mengubah _2 untuk ditampilkan sebagai daftar pilihan
Tip Untuk kesederhanaan, tutorial ini meminta Anda membuat daftar nilai level item. Namun, sebagai praktik terbaik, pertimbangkan untuk membuat LOV bernama dan mereferensikannyaBuat Panggilan ke Fungsi disFormItemsTerakhir, Anda perlu membuat panggilan ke fungsi _5 setelah halaman dirender untuk menonaktifkan 6 jika karyawan yang dipilih bukan perwakilan Penjualan. Tempat yang baik untuk melakukan panggilan ini adalah dari Atribut Badan HTML Halaman Untuk membuat panggilan ke fungsi _5
menunjukkan formulir yang telah diisi. Perhatikan bahwa ID Departemen ditampilkan sebagai daftar pilihan. Perhatikan juga bahwa bidang Komisi Pct tidak tersedia karena ID Departemen adalah Administrasi Bagaimana cara memicu fungsi JavaScript di HTML?Pendekatan 1. Pertama, ambil tombol dengan tag input. Setelah mengklik tombol tersebut, Anda dapat melihat kotak dialog yang muncul di layar yang telah dideklarasikan dalam fungsi JavaScript sebagai peringatan. Fungsi clickEvent() memungkinkan mengeksekusi alert() ketika tombol ini diklik dengan menggunakan metode onclick()
Bagaimana cara menambahkan fungsi dalam HTML?Fungsi dasar . Mulailah dengan mengakses fungsi-mulai. html dan membuat salinan lokal. . Next, add the following inside the
|