Direkomendasikan: ASP menghasilkan kode dasar halaman HTM statis Manual Referensi Resmi, Manual Teknis otoritatif Unduh Buku Elektronik Tutorial Klasifikasi Kotak putus-putus berikut adalah kode spesifik dari file MK.asp: ----------------------- -------------------------------------------------- ---------------------- ---------------------------- ---------------------- -----
Baru-baru ini saya mengerjakan proyek AJAX, yang menggunakan banyak kunci layar simulasi dengan lapisan layar penuh, tetapi ada sakit kepala, yaitu, kotak daftar drop-down akan selalu ditampilkan pada lapisan. , Saya menulis kelas JS ini.
Pratinjau Efek:
Kode Program:
| Berikut ini adalah konten yang dikutip: <Html> <head> <meta http-equiv = konten-tipe konten = teks /html; <Title> JS Div Simulates Pilih Elemen Formulir </iteme> <bahasa skrip = javascript> seloptions = { Nama: Seloptions, // Ini adalah nama array Data: array baru () } seloptions.data [0] = array baru (0, opsi0) seloptions.data [1] = array baru (1, opsi1) seloptions.data [2] = array baru (2, opsi2) seloptions.data [3] = array baru (3, opsi3) seloptions.data [4] = array baru (4, opsi4) seloptions.data [5] = array baru (5, opsi5) seloptions.data [6] = array baru (6, opsi6) seloptions.data [7] = array baru (7, opsi7) seloptions.data [8] = array baru (8, opsi8) seloptions.data [9] = array baru (9, opsi9) seloptions.data [10] = array baru (10, opsi10) seloptions.data [11] = array baru (11, opsi11) seloptions.data [12] = array baru (12, opsi12) seloptions.data [13] = array baru (13, opsi13) seloptions.data [14] = array baru (14, opsi14) seloptions.data [15] = array baru (15, opsi15) tmhselect = { // fungsi utama // Arti parameter: wadah, nama, data [array], item default, lebar, tindakan (fungsi objektif tidak dapat memiliki parameter) Tampilkan: Fungsi (OBJ, SelectName, Dataobj, Seloption, Lebar, Tindakan) { var data = dataobj.data; var _obj = document.getElementById (obj); if (! _ obj || typeof (_obj) == tidak ditentukan) {return false;} var s1 = document.createelement (div); if (isnan (lebar) || width ==) {width = 150;} lain jika (lebar <26) {width = 26;} s1.style.width = lebar; s1.onmouseleave = function () {tmhselect.hidden (selectName)}; var str =; // menilai apakah ada data if (data.length> 0) { // Tampilkan daftar opsi data saat ada data str = <input type = 'hidden' name = 'selectName' id = 'selectName' value = 'tmhselect.relv (seloption, data)'>; str = <div id = '_ a_ selectName' style = 'width: width px; tinggi: 18px; str = <div id = '_ v_ selectname' style = 'position: relatif; float: kiri; kiri: 2px; lebar: (lebar-22) px; tinggi: 18px; font-size: 12px; overflow: tersembunyi; Tinggi: 18px; 'OnClick =/tmhselect.showoptions (' SelectName ');/> tmhselect.Restr (data, seloption) </div>; str = <div style = 'posisi: relatif; float: kanan; kanan: 0px; lebar: 18px; tinggi: 18px; Teks-Align: tengah; font-family: webdings; font-size: 16px; overflow: hidden; latar belakang; -Color: #CCCCCC; Kursor: Pointer! Penting; Kursor: Tangan; 'OnClick =/tmhselect.showoptions (' SelectName ');/> 6 </div>; str = </div>; str = <div id = '_ b_ selectName' style = 'Posisi: absolute; x: tersembunyi; overflow-y: auto; tampilan: tidak ada; z-index: 99999; '>; untuk (i = 0; i <data.length; i) { str = <div id = '_ s_ selectname' style = 'tmhselect.style (1, data [i] [0], seloption)' onmouseover =/tmhselect.css (2, ini, 'data [i] [0] , 'SelectName')/ onMouseOut =/ tmhselect.css (1, this, 'data [i] [0]', 'selectName')/ onClick =/ tmhselect.PoSt (ini, 'data [i] [0]' , dataobj.name, 'action')/> data [i] [1] </div>; } str = </div>; }kalau tidak{ // Formulir kosong ditampilkan saat tidak ada data str = <input type = 'hidden' name = 'selectname' id = 'selectName' value = 'seloption'>; str = <div id = '_ a_ selectName' style = 'width: width px; tinggi: 18px; str = <div id = '_ v_ selectname' style = 'position: relatif; float: kiri; kiri: 2px; lebar: (lebar-22) px; tinggi: 18px; font-size: 12px; overflow: tersembunyi; Tinggi: 18px; 'OnClick =/tmhselect.showoptions (' SelectName '); // </div>; str = <div style = 'posisi: relatif; float: kanan; kanan: 0px; lebar: 18px; tinggi: 18px; Teks-Align: tengah; font-family: webdings; font-size: 16px; overflow: hidden; latar belakang; -Color: #CCCCCC; Kursor: Pointer! Penting; Kursor: Tangan; 'OnClick =/tmhselect.showoptions (' SelectName ');/> 6 </div>; str = </div>; str = <div id = '_ b_ selectName' style = 'Posisi: absolute; tersembunyi; overflow-y: auto; display: tidak ada; z-index: 99999; '> </div>; } s1.innerhtml = str; _Obj.AppendChild (S1); }, // Kembalikan nilai item yang dipilih value: function (n) {return document.geteLementById (n) .value;}, // Kembalikan teks item yang dipilih Teks: function (n) {return document.getElementById (_v_ n) .innertext;}, dipilih: function (o, v, dn, action) { var d = dn.data; var n = o.id.replace (/(_ s _)/gi,) document.geteLementById (n) .value = v; document.geteLementById (_v_n) .innerHtml = tmhselect.restr (d, v); tmhselect.showoptions (n) untuk (var i = 0; i <document.geteLementById (_b_n) .childnodes.length; i) { document.geteLementById (_B_N) .Childnodes [i] .style.csstext = tmhselect.style (1) } o.style.csstext = tmhselect.style (2); if (action! = && action! = null) { coba {eval (action)} catch (e) {} } }, RELV: function (v, d) { untuk (i = 0; i <d.length; i) { if (d [i] [0] == v) { mengembalikan v; } } if (v == null || v ==) { return d [0] [0]; } }, restr: function (d, m) { untuk (i = 0; i <d.length; i) { if (d [i] [0] == m) { return d [i] [1]; } } if (m == null || m ==) { return d [0] [1]; } }, Tinggi: fungsi (l) {var h; if (l> 10 || l <1) h = 10 * 15; showoptions: function (n) { var o = document.geteLementById (_b_n) if (o.style.display == tidak ada) o.style.display =; kalau tidak o.style.display = tidak ada; _SelectOptionsElm = o; }, tersembunyi: function (n) { document.geteLementById (_B_N) .style.display = tidak ada; }, Style: function (m, v1, v2) { var cs =; if (v1 == v2 && v1! = && v1! = null) {m = 2;} switch (m) { Kasus 1: CS = 15px; merusak; Kasus 2: CS = 15px; merusak; } mengembalikan CS; }, css: function (s, obj, v, n) { var v1 = document.geteLementById (n) .value; if (v == v1) { obj.style.csstext = tmhselect.style (2); kembali; }kalau tidak{ obj.style.csstext = tmhselect.style (s) } } } function test () { alert (tmhselect.value ('test')); } </script> </head> <body> <Div ID = TestDiv> </div> <br /> <input type = tombol nama = tombol value = Lihat teks onclick = waspada (tmhselect.text ('test')) /> <input type = tombol nama = tombol nilai = Lihat nilai opsi Onclick = waspada (tmhselect.value ('test')) /> <bahasa skrip = javascript> tmhselect.show (testdiv, test, seloptions ,, 160, test ()); </script> </body> </html> |
Bagikan: Asp karakter Cina ke pinyin, dukung kata -kata khusus khusus Kali ini saya memperbarui program blog yang saya gunakan, dan menggunakan nama file saat menghasilkan file statis untuk menggunakan pinyin dari judul artikel. Seharusnya hanya normal di bawah GB2312, dan tidak ada