Kopieren Sie den Code -Code wie folgt:
/*Text automatisch Zhouxiang*/ausfüllen
(Funktion ($) {
$ .Compling = funDration (Einstellung) {
var opts = $ .extend ({}, $ .completion.DefaultSetting, Einstellung);
//Breite
var compling_width = null;
//hoch
var Completing_Height = null;
// Datenquelle (ASHX) Zugriffspfad
var Completing_data_url = null;
// Objekt
var Completing_obj = null;
var Completing_obj_show = null;
// Objektabstand linker Abstand
var Completing_obj_marginleft = null;
// Objektabstand von der Oberseite
var compling_obj_margintop = null;
// Objekthöhe
var completion_obj_height = null;
//Einstufung
var Completing_count = null;
//
var Completing_type_obj = null;
//Inhalt
var compling_value = null;
//Typ
var Completing_type = null;
//, ob der Typ bestanden werden soll
var Completing_book = false;
//zählen
var completion_n = 0;
// Zurück eingeben und zurückrufen
var Completing_clickcall = null;
//laden
Funktion complementing_loading () {
//Initialisierung
Init ();
// gebundene Ereignisse
Complete_obj_addevent ();
}
//Initialisierung
Funktion init () {) {
Complete_obj_show = opts.completion_obj_show;
// Objekt erhalten
Complete_obj = option_obj;
// Erhalten Sie die Breite des Objekts
Complete_width = complete_obj.width ();
// Schichtanzeigehöhe abrufen
Coment_height = opts.completion_height;
// Zugriffsdatenbank -URL abrufen
Complete_data_url = opts.completion_data_url;
// Wie viele Datensätze fragen Sie jedes Mal ab
Complete_count = options.completion_count;
// die Objekthöhe erhalten
Complete_obj_height = complete_obj.height ();
// die linke Entfernung bekommen
Complete_obj_marginleft = complete_obj.offset ().
// den oberen Abstand bekommen
Complete_obj_margintop = parseInt (Completion_obj.offset (). Top) + ParseInT (Completion_OBJ_Height);
Complete_type_obj = option_type_obj;
Complete_bool = option_bool;
Complete_clickcall = options.completion_clickcall;
}
// Ereignisse zum Objekt hinzufügen
Funktion complement_obj_addevent () {) {)
Complete_obj.keyup (Funktion (Ereignis) {
Switch (Event.KeyCode) {
Fall 38:
Brechen;
Fall 40:
Brechen;
Fall 13:
Complete_clickcall ();
Brechen;
STANDARD:
// Betriebsereignisverzögerungsbetrieb
Cimpletion_bind ();
Brechen;
}
});
Complete_obj.keydown (Funktion (Ereignis) {
Switch (Event.KeyCode) {
Fall 13:
Brechen;
Fall 38:
if (completion_n == 0) {{{{{{{{{{{{{{{{{
Complete_n = (complete_obj_show.find ("li").
} else if (comenting_n! = 0) {{{{{{{{{{{{{{{{{{{{{{
Complete_n = complete_n -n;
}
// alarm (completion_n);
Complete_obj_show.find ("li").
Complete_obj_show.find ("li").
Complete_obj.val (complete_obj_show.find ("li"). EQ (completion_n) .find ("ul"). Text ());
Brechen;
Fall 40:
if (complete_n + 1 <contling_obj_show.find ("li").
Complete_n = complete_n + 1;
} Else if (compling_n + 1 == Completion_obj_show.find ("li").
Completion_n = 0;
}
Complete_obj_show.find ("li").
Complete_obj.val (complete_obj_show.find ("li"). EQ (completion_n) .find ("ul"). Text ());
Complete_obj_show.find ("li").
Brechen;
STANDARD:
Brechen;
}
});
}
// Bindungsmethode
Funktion cimpleting_bind () {
// Ob das Urteil des Typs geöffnet werden soll
if (completion_bool) {
Complete_type = complete_type_obj.val ();
}
Complete_value = complete_obj.val ();
Complete_value = complete_value.replace ("", "");
// Überprüfung ausführen
Completion_vericification (Fertigstellung_Value);
if (Completion_Value.length> 1) {{{{{{{{{{{{{{{{{{{{{{{{{{{
// Erhalten Sie die Datenstruktur HTML
Complete_data_bind ();
} Anders {
Complete_obj_show.hide ();
}
}
//verifizieren
Funktion Completion_verication (obj) {{{{{{{{{{{{
if (obj == "" "|| obj == null || obj == undefined) {
False zurückgeben;
}
}
// Führen Sie die AJAX -Anfrage aus, um die Daten zu erhalten
Funktion comenting_data_bind () {
$ .ajax ({{{{{{{{
URL: Completing_data_url,
Daten: {CompletionValue: Completing_Value, CompletionCount: Completing_Count, CompletionType: Completing_type},
Typ: "Post",
Datentyp: "JSON",
Erfolg: Funktion (obj) {
// HTML konstruieren
Complete_add_html (obj);
}
});
}
// Wählen
Funktion comenting_select (obj) {
Complete_obj.val (obj.find ("ul"). Text ());
Complete_obj_show.hide ();
}
// Konstruktionsinhalt
Funktion comenting_add_html (obj) {
var data = object_data;
// Überprüfung ausführen
Completion_verication (Daten);
var compling_li = "";
if (data! = null && data! = undefiniert) {
für (var i = 0; i <data.length; i ++) {
// ob die Überprüfung leer ist
Var dr = data [i];
Completion_Verification (DR);
var completionName = Dr. cometing_name;
CompletionName = completionName.replace (complion_value.touppercase (), "<span class = 'c-hover'>" + completion_value.touppercase () + "</span>");
Complete_li + = "<li> <a href = 'javaScript:;'> <span class = 'c-total'> ungefähre" + dr.completion_count + "Eintragsdatensätze </span> <ul> + completionName +" <"<" /ul> </a> </li> "";
}
if (comenting_li! = "") {{{{{{{{{{{{{{{{{{{{{
var Completing_html = "<ul style = 'list-Stil-Typ: keine;'>" " + completion_li +" </ul> "";
Complete_obj_html (compling_html);
} Anders {
Complete_obj_show.hide ();
}
}
}
// MAUS
Funktion MOUSHOVER (OBJ) {
Complete_obj_show.find ("li").
Complete_obj_show.find ("li").
Complete_obj.val ($ (this) .find ("ul"). Text ());
Complete_n = complete_obj_show.find ("li").
});
}
// an die Kontrolle binden
Funktion comenting_obj_html (html) {
Complete_obj_show.show ();
Complete_obj_show.html ("")
Completion_obj_show.css ({"width": complete_width + 6, "Höhe": Completing_Height, "Border-Width": "1px", "Border-Color": "#ccc", "Border-Top-Wid" Th ": "0px", "Grenzstil": "Solid", "Position": "Relative", "Z-Index": "100000"});
Complete_obj_show.attr ("Klasse", "Completing-Guess-List");
Complete_obj_show.html (html);
Complete_n = -1;
Complete_obj_show.find ("li").
Completion_Selected ($ (this));
});
MouseHover ($ (this));
Completion_obj_show.click (Funktion (e) {
E.Stoppropagation ();
})
Completion_obj.click (Funktion (e) {
Cimpletion_bind ();
E.Stoppropagation ();
});
$ (docume) .click (function () {
Complete_obj_show.hide ();
});
}
//laden
Complete_loading ();
};
// Standardkonfiguration
$ .Completion.DefaultSetting = {
Fertigstellung_Height: NULL,
Fertigstellung_Data_url: NULL,
Complete_obj: null,
Complete_obj_show: null,
Fertigstellung_Bool: Falsch,
Complete_count: 10,,
Complete_type_obj: null,
Complete_clickcall: null
};
}) (jQuery);
Kopieren Sie den Code -Code wie folgt:
Körper
{{{{
Rand: 0;
Polsterung: 0;
}
.CompleTion-Guess-List ul, li
{{{{
Rand: 0;
Polsterung: 0;
Listenstil: Keine;
}
.CompleTion-guess-list
{{{{
Überlauf: Auto;
Schriftgröße: 12px;
Linienhöhe: 180%;
Hintergrund: #fff;
}
.CompleTion-Guess-List a
{{{{
Farbe: #555;
Textdekoration: Keine;
Anzeige: Block;
Polsterung: 1PX 6PX;
Überlauf: versteckt;
Weißer Raum: Nowrap;
Schriftfamilie: Verdana, Arial;
}
.
.
{{{{
Hintergrund: #3399ff;
Farbe: #fff;
}
.Completion-Guess-List A: Hover Span.c-Total,.
.Completion-Guess-Liste .C-Hover {Schriftgewicht: 700;}
Kopieren Sie den Code -Code wie folgt:
$ .Complting ({Completing_Obj: $ ("#input_html"), Completion_data_url: "/CompleTionhandler.ASHX", Completion_height: "Auto", Completion_obj_show: $ (" #Show "), Completion_Bool: True, Completing_type_obj: $ ("# Typ "), complete_clickcall: function () {alert (1);}, complex_length: 0});