الموصى بها: ASP يولد رمز HTM الأساسي ثابت دليل المرجع الرسمي الرسمي ، دليل تقني تقني موثوق ، تصنيف البرنامج التعليمي للكتاب الإلكتروني ، المربع المنقط التالي هو رمز محدد لملف mk.asp: --------------------- ------------------------------------------------- ---------------------- ----------------------------- ---------------------- -----
أعمل مؤخرًا على مشروع Ajax ، الذي يستخدم العديد من أقفال الشاشة المحاكاة مع طبقة ملء الشاشة ، ولكن هناك صداع ، أي أن مربع القائمة المنسدلة سيتم عرضه دائمًا على الطبقة. ، كتبت فئة JS هذه.
معاينة التأثير:
رمز البرنامج:
| ما يلي هو المحتوى المقتبس: <html> <head> <meta http-equiv = content-type content = text /html ؛ <title> JS Div يحاكي عناصر النماذج تحديد </title> <لغة البرنامج النصي = javaScript> seloptions = { الاسم: seloptions ، // هذا هو اسم الصفيف البيانات: مجموعة جديدة () } seloptions.data [0] = صفيف جديد (0 ، خيار 0) seloptions.data [1] = صفيف جديد (1 ، خيار 1) seloptions.data [2] = صفيف جديد (2 ، خيار 2) seloptions.data [3] = صفيف جديد (3 ، خيار 3) seloptions.data [4] = صفيف جديد (4 ، خيار 4) seloptions.data [5] = صفيف جديد (5 ، خيار 5) seloptions.data [6] = صفيف جديد (6 ، خيار 6) seloptions.data [7] = صفيف جديد (7 ، خيار 7) seloptions.data [8] = صفيف جديد (8 ، خيار 8) seloptions.data [9] = صفيف جديد (9 ، خيار 9) seloptions.data [10] = صفيف جديد (10 ، خيار 10) seloptions.data [11] = صفيف جديد (11 ، خيار 11) seloptions.data [12] = صفيف جديد (12 ، خيار 12) seloptions.data [13] = صفيف جديد (13 ، خيار 13) seloptions.data [14] = صفيف جديد (14 ، خيار 14) seloptions.data [15] = صفيف جديد (15 ، خيار 1) tmhselect = { // الوظيفة الرئيسية // المعلمة المعنى: الحاوية ، الاسم ، البيانات [صفيف] ، العنصر الافتراضي ، العرض ، الإجراء (لا يمكن أن يكون للدالة الهدف معلمات) إظهار: وظيفة (OBJ ، SELECTNAME ، DATAOBJ ، SELOPTION ، العرض ، الإجراء) { var data = dataobj.data ؛ var _obj = document.getElementById (obj) ؛ if (! _ obj || typeof (_obj) == undefined) {return false ؛} var s1 = document.createElement (div) ؛ if (isnan (width) || width ==) {width = 150 ؛} آخر إذا (العرض <26) {width = 26 ؛} s1.style.width = العرض ؛ s1.onmouseLeave = function () {tmhselect.hidden (selectName)} ؛ var str = ؛ // احكم على ما إذا كان هناك أي بيانات if (data.length> 0) { // عرض قائمة خيارات البيانات عندما تكون هناك بيانات str = <input type = 'hidden' name = 'selectname' id = 'selectName' value = 'tmhselect.relv (seloption ، data)'> ؛ str = <div id = '_ a_ selectname' = 'width: width px ؛ height: 18px ؛ str = <div id = '_ v_ selectname' style = 'الموضع: نسبي ؛ عائم: اليسار ؛ اليسار: 2px ؛ العرض: (Width-22) px ؛ الارتفاع: 18px ؛ حجم الخط: 12px ؛ فائض: مخفي ؛ خط- خط- الارتفاع: 18px ؛ 'onclick =/tmhselect.showoptions (' selectName ') ؛/> tmhselect.restr (data ، seloption) </div> ؛ str = <div style = 'الموضع: نسبي ؛ عائم: يمين ؛ يمين: 0px ؛ العرض: 18px ؛ الارتفاع: 18px ؛ محاذاة النص: المركز ؛ font-family: webdings ؛ font-size: 16px ؛ overflow: hidden ؛ background. -clor: #cccccc ؛ المؤشر: مؤشر! مهم ؛ مؤشر: Hand ؛ ' str = </div> ؛ str = <div id = '_ b_ select ystem =' position: abort. X: Hidden ؛ Overflow-y: Auto ؛ Display: None ؛ لـ (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 ، هذا ، "البيانات [i] [0] ، 'selectname')/ onClick =/ tmhselect.selected (هذا ، 'data [i] [0]' ، dataObj.name ، 'Action')/> data [i] [1] </viv> ؛ } str = </div> ؛ }آخر{ // يتم عرض نموذج فارغ عندما لا توجد بيانات str = <input type = 'hidden' name = 'selectName' id = 'selectName' value = 'seloption'> ؛ str = <div id = '_ a_ selectname' = 'width: width px ؛ height: 18px ؛ str = <div id = '_ v_ selectname' style = 'الموضع: نسبي ؛ عائم: اليسار ؛ اليسار: 2px ؛ العرض: (Width-22) px ؛ الارتفاع: 18px ؛ حجم الخط: 12px ؛ فائض: مخفي ؛ خط- خط- الارتفاع: 18px ؛ 'onclick =/tmhselect.showoptions (' selectname ') ؛ // </viv> ؛ str = <div style = 'الموضع: نسبي ؛ عائم: يمين ؛ يمين: 0px ؛ العرض: 18px ؛ الارتفاع: 18px ؛ محاذاة النص: المركز ؛ font-family: webdings ؛ font-size: 16px ؛ overflow: hidden ؛ background. -clor: #cccccc ؛ المؤشر: مؤشر! مهم ؛ مؤشر: Hand ؛ ' str = </div> ؛ str = <div id = '_ b_ select' style = 'position: abort ؛ Hidden ؛ Overflow-y: Auto ؛ Display: None ؛ } s1.innerhtml = str ؛ _obj.appendchild (S1) ؛ } ، // إرجاع قيمة العنصر المحدد القيمة: الدالة (n) {return document.getElementById (n) .value ؛} ، // إرجاع نص العنصر المحدد النص: الدالة (n) {return document.getElementById (_v_ n) .innertext ؛} ، محدد: الدالة (O ، V ، DN ، الإجراء) { 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) لـ (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) { حاول {eval (Action)} catch (e) {} } } ، RELV: Function (V ، D) { لـ (i = 0 ؛ i <d.length ؛ i) { if (d [i] [0] == v) { العودة v ؛ } } if (v == null || v ==) { العودة d [0] [0] ؛ } } ، CONT: وظيفة (D ، M) { لـ (i = 0 ؛ i <d.length ؛ i) { if (d [i] [0] == m) { العودة d [i] [1] ؛ } } if (m == null || m ==) { العودة d [0] [1] ؛ } } ، الارتفاع: وظيفة (l) {var h ؛ if (l> 10 || l <1) h = 10 * 15 ؛ عمليات العرض: وظيفة (ن) { var o = document.getElementById (_b_n) if (O.Style.Display == none) O.Style.Display = ؛ آخر O.Style.Display = لا شيء ؛ _SelectOptionSelm = o ؛ } ، مخفي: وظيفة (ن) { document.getElementById (_b_n) .style.display = none ؛ } ، النمط: وظيفة (M ، V1 ، V2) { var cs = ؛ if (v1 == v2 && v1! = && v1! = null) {m = 2 ؛} التبديل (م) { الحالة 1: CS = 15px. استراحة؛ الحالة 2: CS = 15px. استراحة؛ } إرجاع CS ؛ } ، CSS: Function (S ، OBJ ، V ، N) { var v1 = document.getElementById (n) .value ؛ if (v == v1) { obj.style.csstext = tmhselect.style (2) ؛ يعود؛ }آخر{ obj.style.csstext = tmhselect.style (s) } } } اختبار الوظيفة () { تنبيه (tmhselect.value ('test')) ؛ } </script> </head> <body> <div id = testDiv> </viv> <br /> <type type = button name = button value = عرض النص onClick = ALERT (tmhselect.text ('test')) /> <type type = button name = button value = عرض قيمة الخيار onClick = ALERT (tmhselect.value ('test')) /> <لغة البرنامج النصي = javaScript> tmhselect.show (testDiv ، test ، seloptions ،، 160 ، test ()) ؛ </script> </body> </html> |
مشاركة: أحرف ASP الصينية إلى Pinyin ، دعم كلمات خاصة مخصصة هذه المرة قمت بتحديث برنامج المدونة الذي استخدمته ، واستخدمت اسم الملف عند إنشاء ملفات ثابتة لاستخدام Pinyin لعنوان المقالة. يجب أن يكون طبيعيًا فقط بموجب GB2312 ، وليس هناك