Salin kode kode sebagai berikut:
/*Teks secara otomatis mengisi Zhouxiang*/
(Function ($) {
$ .Complting = penggalangan dana (pengaturan) {
var opts = $ .extend ({}, $ .completion.defaultsetting, pengaturan);
//lebar
var completing_width = null;
//tinggi
var completing_height = null;
// jalur akses sumber data (ashx)
var completing_data_url = null;
// objek
var completing_obj = null;
var completing_obj_show = null;
// jarak objek jarak kiri
var completing_obj_marginleft = null;
// Jarak objek dari sisi atas
var completing_obj_margintop = null;
// Tinggi objek
var penyelesaian_obj_height = null;
//Klasifikasi
var completing_count = null;
//
var completing_type_obj = null;
//isi
var completing_value = null;
//jenis
var completing_type = null;
// apakah akan melewati jenisnya
var completing_book = false;
//menghitung
var penyelesaian_n = 0;
// masukkan kembali dan hubungi kembali
var completing_clickcall = null;
//memuat
Function completing_loading () {
// Inisialisasi
Init ();
// acara yang terikat
Complete_obj_addevent ();
}
// Inisialisasi
fungsi init () {) {
Complete_obj_show = opts.completion_obj_show;
// Dapatkan objek
Complete_obj = option_obj;
// Dapatkan lebar objek
Complete_width = complete_obj.width ();
// Mendapatkan Tinggi Lapisan Lapisan
Completing_height = opts.completion_height;
// Dapatkan URL Database Akses
Complete_data_url = opts.completion_data_url;
// Berapa banyak catatan yang Anda minta setiap kali
Complete_count = option.completion_count;
// Dapatkan ketinggian objek
Complete_obj_height = complete_obj.height ();
// Dapatkan jarak kiri
Complete_obj_marginleft = complete_obj.offset ().
// Dapatkan jarak atas
Complete_obj_margintop = parseInt (completion_obj.offset (). Top) + parseInt (penyelesaian_obj_height);
Complete_type_obj = option_type_obj;
Complete_bool = option_bool;
Complete_clickcall = option.completion_clickcall;
}
// Tambahkan acara ke objek
Fungsi melengkapi_obj_addevent () {) {)
Complete_obj.keyup (function (event) {
switch (event.keycode) {
Kasus 38:
Merusak;
Kasus 40:
Merusak;
Kasus 13:
Complete_clickcall ();
Merusak;
BAWAAN:
// Key Event Delay Operation
CImpletion_bind ();
Merusak;
}
});
Complete_obj.keydown (function (event) {
switch (event.keycode) {
Kasus 13:
Merusak;
Kasus 38:
if (completion_n == 0) {{
Complete_n = (complete_obj_show.find ("li").
} else if (completing_n! = 0) {{
Complete_n = complete_n -n;
}
// peringatan (penyelesaian_n);
Lengkap_obj_show.find ("Li").
Complete_obj_show.find ("li").
Complete_obj.val (complete_obj_show.find ("li"). Eq (completion_n) .find ("ul"). Text ());
Merusak;
Kasus 40:
if (complete_n + 1 <complting_obj_show.find ("li").
Complete_n = complete_n + 1;
} Else if (completing_n + 1 == penyelesaian_obj_show.find ("li").
Penyelesaian_n = 0;
}
Lengkap_obj_show.find ("Li").
Complete_obj.val (complete_obj_show.find ("li"). Eq (completion_n) .find ("ul"). Text ());
Complete_obj_show.find ("li").
Merusak;
BAWAAN:
Merusak;
}
});
}
// Metode Binding
fungsi cimpleting_bind () {
// apakah akan membuka penilaian tipe
if (completion_bool) {
Complete_type = complete_type_obj.val ();
}
Complete_value = complete_obj.val ();
Complete_value = complete_value.replace ("", "");
// Jalankan verifikasi
Penyelesaian_verifikasi (completing_value);
if (completion_value.length> 1) {{{{{{{{{{{
// Dapatkan HTML Struktur Data
Complete_data_bind ();
} Kalau tidak {
Complete_obj_show.hide ();
}
}
//memeriksa
Fungsi penyelesaian_verifikasi (obj) {{
if (obj == "" "|| obj == null || obj == tidak terdefinisi) {
Mengembalikan false;
}
}
// Jalankan permintaan AJAX untuk mendapatkan data
Fungsi melengkapi_data_bind () {
$ .AJAX ({{
URL: completing_data_url,
Data: {CompletionValue: completing_value, completionCount: completing_count, completionType: completing_type},
Ketik: "Posting",
DataType: "JSON",
Sukses: function (obj) {
// Bangun html
Complete_add_html (obj);
}
});
}
// Pilih
Fungsi melengkapi_select (obj) {
Complete_obj.val (obj.find ("ul"). Text ());
Complete_obj_show.hide ();
}
// Konten Konstruksi
Fungsi melengkapi_add_html (obj) {
var data = object_data;
// Jalankan verifikasi
Penyelesaian_verifikasi (data);
var completing_li = "";
if (data! = null && data! = tidak terdefinisi) {
untuk (var i = 0; i <data.length; i ++) {
// apakah verifikasi itu kosong
Var dr = data [i];
Penyelesaian_verifikasi (DR);
var completionname = Dr. cometing_name;
Completionname = completionname.replace (completion_value.touppercase (), "<span class = 'c-hover'>" + completion_value.touppercase () + "</span>");
Complete_li + = "<li> <a href = 'javaScript:;'> <span class = 'c-total'> perkiraan" + dr.Completion_count + "catatan entri </span> <ul> + completionname +" <" /ul> </a> </li> "";
}
if (completing_li! = "") {{
var completing_html = "<ul style = 'Daftar-style-type: none;'>" " + completion_li +" </ul> "";
Complete_obj_html (completing_html);
} Kalau tidak {
Complete_obj_show.hide ();
}
}
}
// mouse
Fungsi mousehover (obj) {
Complete_obj_show.find ("li").
Lengkap_obj_show.find ("Li").
Complete_obj.val ($ (ini) .find ("ul"). Text ());
Complete_n = complete_obj_show.find ("li").
});
}
// ikat untuk mengontrol
Fungsi melengkapi_obj_html (html) {
Complete_obj_show.show ();
Complete_obj_show.html ("")
Completion_obj_show.css ({"width": complete_width + 6, "height": completing_height, "border-width": "1px", "border-color": "#ccc", "border-top-wid" th "" "0px", "border-style": "solid", "position": "Relative", "Z-Index": "100000"});
Complete_obj_show.attr ("class", "completing-guess-list");
Complete_obj_show.html (html);
Complete_n = -1;
Lengkap_obj_show.find ("li").
Penyelesaian_selected ($ (ini));
});
Mousehover ($ (ini));
Penyelesaian_obj_show.click (function (e) {
e.Stoppropagation ();
})
Penyelesaian_obj.click (function (e) {
CImpletion_bind ();
e.Stoppropagation ();
});
$ (docume) .click (function () {
Complete_obj_show.hide ();
});
}
//memuat
Complete_loading ();
};
// konfigurasi default
$ .Completion.defaultsetting = {
Penyelesaian_height: null,
Penyelesaian_data_url: null,
Lengkap_obj: null,
Complete_obj_show: null,
Penyelesaian_bool: false,
Lengkap_count: 10,
Complete_type_obj: null,
Lengkap_ClickCall: NULL
};
}) (jQuery);
Salin kode kode sebagai berikut:
tubuh
{{
Margin: 0;
Padding: 0;
}
.Completion-Guess-List-List Ul, Li
{{
Margin: 0;
Padding: 0;
List-style: tidak ada;
}
.Completion-Guess-List
{{
meluap: otomatis;
font-size: 12px;
Line-Height: 180%;
Latar belakang: #FFF;
}
.Completion-Guess-List a
{{
Warna: #555;
Dekorasi Teks: Tidak Ada;
Tampilan: Blok;
padding: 1px 6px;
meluap: tersembunyi;
SPACE PUTIH: Nowrap;
Font-Family: Verdana, Arial;
}
.Completion-Guess-List a .c-Total {float: right;
.Completion-Guess-List-List A: Hover, .completion-Guess-List A. Completion-Guess-List-Hover
{{
Latar belakang: #3399ff;
Warna: #fff;
}
.Completion-guess-list A: hover span.c-total, .completion- tebak-daftar A. completion-guess-lover span.c-total {color: #fff;};}
.Completion-guess-list .c-hover {font-weight: 700;}
Salin kode kode sebagai berikut:
$ .Complting ({Completing_Obj: $ ("#input_html"), Completion_data_url: "/CompleTionhandler.ASHX", Completion_height: "Auto", Completion_obj_show: $ (" #Show "), Completion_Bool: True, Completing_type_obj: $ ("# Type "), complete_clickcall: function () {warn (1);}, complex_length: 0});