Copier le code du code comme suit:
/ * Le texte remplit automatiquement Zhouxiang * /
(Fonction ($) {
$ .Compting = collecte de fonds (paramètre) {
var opts = $ .Extend ({}, $ .completion.defaultSetting, paramètre);
//largeur
var accompli_width = null;
//haut
var compléting_height = null;
// Chemin d'accès de la source de données (ASHX)
var compléting_data_url = null;
// objet
var compléting_obj = null;
var compléting_obj_show = null;
// Distance d'objet Distance gauche
var terminé_obj_marginleft = null;
// Distance d'objet du côté supérieur
var accompli_obj_margintop = null;
// Hauteur d'objet
var completion_obj_height = null;
//Classification
var compléting_count = null;
//
var accompli_type_obj = null;
//contenu
var compléting_value = null;
//taper
var accompli_type = null;
// s'il faut passer le type
var compléting_book = false;
//compter
var complétion_n = 0;
// Entrez en arrière et rappelez
var accompli_clickcall = null;
//charger
Fonction compléte_loking () {
// initialisation
Init ();
// Événements bordés
Complet_obj_addevent ();
}
// initialisation
fonction init () {) {
Complet_obj_show = opts.completion_obj_show;
// Obtenir l'objet
Complet_obj = option_obj;
// Obtenez la largeur de l'objet
Complet_width = complet_obj.width ();
// Obtenir une hauteur d'affichage de calque
Compléte_height = opts.completion_height;
// URL de la base de données d'accès
Complet_data_url = opts.completion_data_url;
// Combien d'enregistrements interrogez-vous à chaque fois
Complet_count = options.completion_count;
// Obtenez la hauteur de l'objet
Complet_obj_height = complet_obj.height ();
// Obtenez la distance gauche
Complet_obj_marginleft = complet_obj.offset ().
// Obtenez la distance supérieure
Complet_obj_margintop = parseInt (complétion_obj.offset (). Top) + parseInt (complétion_obj_height);
Complet_type_obj = option_type_obj;
Complet_bool = option_bool;
Complet_clickcall = options.completion_clickcall;
}
// ajouter des événements à l'objet
Fonction complète_obj_addevent () {) {)
Complet_obj.keyup (fonction (événement) {
switch (event.KeyCode) {
Cas 38:
Casser;
Cas 40:
Casser;
Cas 13:
Complet_clickcall ();
Casser;
DÉFAUT:
// opération de retard des événements clés
Cimpletion_bind ();
Casser;
}
});
Complet_obj.keydown (fonction (événement) {
switch (event.KeyCode) {
Cas 13:
Casser;
Cas 38:
if (complétion_n == 0) {{
Complet_n = (complet_obj_show.find ("li").
} else if (compléting_n! = 0) {{{
Complet_n = complet_n;
}
// alert (complétion_n);
Complet_obj_show.find ("li").
Complet_obj_show.find ("li").
Complet_obj.val (complet_obj_show.find ("li"). Eq (complétion_n) .find ("ul"). Text ());
Casser;
Cas 40:
if (complete_n + 1 <complage_obj_show.find ("li").
Complet_n = complet_n + 1;
} Else if (compléting_n + 1 == completion_obj_show.find ("li").
Complétion_n = 0;
}
Complet_obj_show.find ("li").
Complet_obj.val (complet_obj_show.find ("li"). Eq (complétion_n) .find ("ul"). Text ());
Complet_obj_show.find ("li").
Casser;
DÉFAUT:
Casser;
}
});
}
// Méthode de liaison
fonction cimpletting_bind () {
// s'il faut ouvrir le jugement de type
if (complétion_bool) {
Complet_type = complet_type_obj.val ();
}
Complet_value = complet_obj.val ();
Complet_value = complet_value.replace ("", "");
// Exécuter la vérification
Completion_Verification (complétion_value);
if (completion_value.length> 1) {{
// Obtenez la structure de données HTML
Complet_data_bind ();
} Autre {
Complet_obj_show.hide ();
}
}
//vérifier
Fonction complète_verification (obj) {{
if (obj == "" "|| obj == null || obj == Undefined) {
Retourne false;
}
}
// Exécuter la demande AJAX pour obtenir les données
Fonction complète_data_bind () {
$ .ajax ({{
URL: compléte_data_url,
Données: {completionValue: compléting_value, completionCount: compléting_count, complétionType: compléte_type},
Type: "Post",
Type de données: "JSON",
Succès: fonction (obj) {
// Construire HTML
Complet_add_html (obj);
}
});
}
// Sélectionner
Fonction complète_select (obj) {
Complet_obj.val (obj.find ("ul"). Text ());
Complet_obj_show.hide ();
}
// Contenu de construction
Fonction complète_add_html (obj) {
var data = object_data;
// Exécuter la vérification
Completion_Verification (données);
var compléting_li = "";
if (data! = null && data! = Undefined) {
pour (var i = 0; i <data.length; i ++) {
// si la vérification est vide
Var dr = data [i];
Completion_Verification (DR);
var completionName = Dr. cometing_name;
CompletionName = completionName.replace (complétion_value.touppercase (), "<span class = 'c-hover'>" + completion_value.touppercase () + "</span>");
Complet_li + = "<li> <a href = 'javascript :;'> <span class = 'c-total'> approximatif" + dr............... / ul> </a> </li> "";
}
if (compléting_li! = "") {{{
var compléting_html = "<ul style = 'list-style-type: aucun;'>" "+ completion_li +" </ul> "";
Complet_obj_html (compléting_html);
} Autre {
Complet_obj_show.hide ();
}
}
}
// SOURIS
Fonction mousehover (obj) {
Complet_obj_show.find ("li").
Complet_obj_show.find ("li").
Complet_obj.val ($ (this) .find ("ul"). Text ());
Complet_n = complet_obj_show.find ("li").
});
}
// se lier au contrôle
Fonction complète_obj_html (html) {
Complet_obj_show.show ();
Complet_obj_show.html ("")
Complétion_obj_show.css ({"width": complete_width + 6, "height": completing_height, "border-width": "1px", "border-color": "#ccc", "border-top-wid" th ": "0px", "border-style": "solide", "position": "relatif", "z-index": "100000"});
Complet_obj_show.attr ("class", "compléter-deess-list");
Complet_obj_show.html (html);
Complet_n = -1;
Complet_obj_show.find ("li").
Completion_Selected ($ (this));
});
Mousehover ($ (this));
Complétion_obj_show.click (fonction (e) {
e.stoppropagation ();
})
Complétion_obj.click (fonction (e) {
Cimpletion_bind ();
e.stoppropagation ();
});
$ (documen) .click (function () {
Complet_obj_show.hide ();
});
}
//charger
Complet_loking ();
};
// Configuration par défaut
$ .Completion.defaultSetting = {
Complétion_height: null,
Complétion_data_url: null,
Complet_obj: null,
Complet_obj_show: null,
Complétion_bool: false,
Complet_count: 10,
Complet_type_obj: null,
Complet_clickcall: null
};
}) (jQuery);
Copier le code du code comme suit:
corps
{{
marge: 0;
rembourrage: 0;
}
. Complétion-devise-list ul, li
{{
marge: 0;
rembourrage: 0;
Style de liste: aucun;
}
.
{{
débordement: auto;
taille de police: 12px;
hauteur de ligne: 180%;
Contexte: #FFF;
}
. Complétion-devise-list a
{{
Couleur: # 555;
Décoration du texte: aucune;
Affichage: bloc;
rembourrage: 1px 6px;
débordement: caché;
Espace blanc: Nowrap;
Font-Family: Verdana, Arial;
}
.COMPLETION-DEUESS-LIST A .C-TOTAL {Float: Droite;
.Ccomplétion-devise-list A: Hover, .Completion-deyess-list a.completion-deyess-list-hover
{{
Contexte: # 3399FF;
Couleur: #FFF;
}
.Completion-deess-list a: hover span.c-total, .completion- supposition-list a.completion-deess-lover span.c-total {couleur: #fff;};}
.Completion-duess-list .c-hover {Font-Weight: 700;}
Copier le code du code comme suit:
$ .Compting ({compléging_obj: $ ("#input_html"), complétion_data_url: "/ obcompletionhandler.ashx", complétion_height: "auto", completion_obj_show: $ ("#show"), completition_bool: true, completing_type_obj: $ ("# # Type "), complet_clickcall: function () {alert (1);}, complex_length: 0});