Empfohlen: ASP generiert statische HTM -Seite Basiccode Offizielles Referenzhandbuch, maßgebliche technische Handbuch Download Electronic Book Tutorial Classification Die folgende gepunktete Box ist der spezifische Code der mk.asp-Datei: ------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ---------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ---------------------- -----
Vor kurzem arbeite ich an einem AJAX-Projekt, bei dem viele simulierte Bildschirmschlösser mit einer Vollbildschicht verwendet werden. Es gibt jedoch Kopfschmerzen, dh das Dropdown-Listenfeld wird immer auf der Ebene angezeigt, um dieses Problem zu lösen. Ich habe diese JS -Klasse geschrieben.
Effektvorschau:
Programmcode:
| Das Folgende ist der zitierte Inhalt: <html> <kopf> <meta http-äquiv = content-type content = text /html; <title> js div Simulate Wählen Sie Formularelemente </title> <script Language = JavaScript> seloptions = { Name: Seloptionen, // Dies ist der Name des Arrays Daten: Neuarray () } seloptions.data [0] = neues Array (0, Option0) seloptions.data [1] = neues Array (1, Option1) seloptions.data [2] = Neues Array (2, Option2) seloptions.data [3] = Neues Array (3, Option3) seloptions.data [4] = Neues Array (4, Option4) seloptions.data [5] = Neues Array (5, Option5) seloptions.data [6] = Neues Array (6, Option6) seloptions.data [7] = Neues Array (7, Option7) seloptions.data [8] = Neues Array (8, Option8) seloptions.data [9] = Neues Array (9, Option9) seloptions.data [10] = Neues Array (10, Option10) seloptions.data [11] = Neues Array (11, Option11) seloptions.data [12] = Neues Array (12, Option12) seloptions.data [13] = neues Array (13, Option13) seloptions.data [14] = New Array (14, Option14) seloptions.data [15] = Neues Array (15, Option15) tmhselect = { // Hauptfunktion // Parameter Bedeutung: Container, Name, Daten [Array], Standardelement, Breite, Aktion (die objektive Funktion kann keine Parameter haben) anzeigen: function (obj, selectName, dataObj, seloption, width, action) { var data = dataObj.data; var _obj = document.getElementById (OBJ); if (! _ obj || typeof (_obj) == undefiniert) {return false;} var s1 = document.createelement (div); if (isnan (width) || width ==) {width = 150;} else if (width <26) {width = 26;} S1.Style.Width = Breite; s1.onmousEleave = function () {tmhselect.hidden (selectName)}; var str =; // Beurteilen Sie, ob Daten vorhanden sind if (data.length> 0) { // Zeigen Sie die Liste der Datenoptionen an, wenn Daten vorliegen STR = <Eingabe type = 'Hidden' name = 'selectName' id = 'selectName' value = 'tmhselect.relv (seloption, data)'>; STR = <DIV ID = '_ A_ SELECTNAME' STYLE = 'Breite: Breite px; Höhe: 18px; str = <div id = '_ v_ SelectName' style = 'Position: relativ; float: links; links: 2px; Breite: (Breite 22) PX; Höhe: 18px; Schriftgröße: 12px; Überlauf: versteckt; Zeilen- Höhe: 18px; 'onclick =/tmhselect str = <div style = 'Position: relativ; float: rechts; rechts: 0px; width: 18px; Höhe: 18px; Text-Align: Mitte; Schriftfamilie: Webdings; Schriftgröße: 16px; Überfluss: versteckt; Hintergrund; Hintergrund; Hintergrund; -Color: #ccccc; Cursor: Zeiger! Str = </div>; STR = <DIV ID = '_ B_ SELECTNAME' STYLE = 'Position: Absolute; x: versteckt; Überlauf-y: Auto; Anzeige: Keine; Z-Index: 99999; '>; für (i = 0; i <data.length; i) { str = <div id = '_ s_ Selectname' style = 'tmHselect.Style (1, data [i] [0], seloption)' onmouseover =/tmhselect.css (2, this, 'Data [i] [0]' ' , 'selectName')/ onmouseout =/ tmhselect.css (1, this, 'Data [i] [0]', 'selectName')/ onclick =/ tmhselect.Selected (this 'Data [i] [0]' ' , dataObj.name, 'action')/> data [i] [1] </div>; } Str = </div>; }anders{ // Es wird ein leeres Formular angezeigt, wenn keine Daten vorliegen Str = <Eingabe type = 'Hidden' name = 'selectName' id = 'selectName' value = 'seloption'>; STR = <DIV ID = '_ A_ SELECTNAME' STYLE = 'Breite: Breite px; Höhe: 18px; str = <div id = '_ v_ SelectName' style = 'Position: relativ; float: links; links: 2px; Breite: (Breite 22) PX; Höhe: 18px; Schriftgröße: 12px; Überlauf: versteckt; Zeilen- Höhe: 18px; 'onclick =/tmhselect.Showoptions (' selectName '); // </div>; str = <div style = 'Position: relativ; float: rechts; rechts: 0px; width: 18px; Höhe: 18px; Text-Align: Mitte; Schriftfamilie: Webdings; Schriftgröße: 16px; Überfluss: versteckt; Hintergrund; Hintergrund; Hintergrund; -Color: #ccccc; Cursor: Zeiger! Str = </div>; STR = <DIV ID = '_ B_ SELECTNAME' STYLE = 'Position: Absolute; versteckt; Überlauf-y: Auto; Anzeige: Keine; } S1.innerhtml = str; _Obj.appendchild (S1); }, // Geben Sie den Wert des ausgewählten Elements zurück Wert: Funktion (n) {return document.getElementById (n) .Value;}, // Geben Sie den Text des ausgewählten Elements zurück Text: Funktion (n) {return document.getElementById (_v_ n) .Innertext;}, Ausgewählt: Funktion (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.restre (d, v); tmhselect.showoptions (n) für (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) { Versuchen Sie {eval (action)} catch (e) {} } }, relv: function (v, d) { für (i = 0; i <d.length; i) { if (d [i] [0] == v) { Rückkehr v; } } if (v == null || v ==) { return d [0] [0]; } }, rest: function (d, m) { für (i = 0; i <d.length; i) { if (d [i] [0] == m) { return d [i] [1]; } } if (m == null || m ==) { return d [0] [1]; } }, Höhe: Funktion (l) {var h; if (l> 10 || l <1) H = 10 * 15; ShowOptions: Funktion (n) { var o = document.getElementById (_b_n) if (O.Style.display == keine) O.Style.Display =; anders O.Style.display = Keine; _SelectOptionsselm = o; }, versteckt: Funktion (n) { document.getElementById (_b_n) .style.display = none; }, Stil: Funktion (m, v1, v2) { var cs =; if (v1 == v2 && v1! = && v1! = null) {m = 2;} Schalter (m) { Fall 1: CS = Höhe: 15px; brechen; Fall 2: CS = Höhe: 15px; brechen; } CS zurückgeben; }, CSS: Funktion (s, obj, v, n) { var v1 = document.getElementById (n) .Value; if (v == v1) { Obj.Style.cSstext = tmhSelect.Style (2); zurückkehren; }anders{ Obj.Style.csSTEXT = tmhselect.style (s) } } } Funktionstest () { alert (tmhselect.Value ('test')); } </script> </head> <body> <div id = testDiv> < /div> <br /> <Eingabe type = Taste name = Schaltfläche Wert = Ansicht Text Onclick = alert (tmhselect.text ('test') /> <Eingabe type = Taste name = Taste Wert = Ansicht Option Value Onclick = alert (tmhSelect.Value ('Test')) /> <script Language = JavaScript> tmhSelect.show (testdiv, test, seloptions ,, 160, test ()); </script> </body> </html> |
Teilen: ASP Chinesische Charaktere zu Pinyin, unterstützen Sie benutzerdefinierte besondere Wörter Dieses Mal habe ich das Blog -Programm aktualisiert, das ich verwendet habe, und den Dateinamen verwendet, um statische Dateien zu generieren, um den Artikel des Artikels zu verwenden. Es sollte nur unter GB2312 normal sein, und es gibt keine