Рекомендуется: ASP генерирует статический базовый код страницы HTM Официальное справочное руководство, авторитетное техническое руководство Скачать электронную книжную классификацию. Следующая пунктирная коробка-это конкретный код файла MK.ASP: --------------------------- ------------------------------------------------------ ---------------------- -------------------------------- ---------------------- -----
Недавно я работаю над проектом AJAX, который использует много моделируемых блоков экрана с полноэкранным слоем, но на слое всегда будет отображаться головная боль, то есть в раскрывающемся списке. Я написал этот класс JS.
Предварительный просмотр эффекта:
Код программы:
| Ниже приведено цитируемое содержание: <html> <голова> <meta http-equiv = content-type content = text /html; <title> JS Div имитирует Select Form Elements </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, опция15) tmhselect = { // Основная функция // Параметр Значение: контейнер, имя, данные [массив], элемент по умолчанию, ширина, действие (целевая функция не может иметь параметров) Show: function (obj, selectName, dataObj, seloption, width, action) { 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;} else if (width <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' style = 'width: width px; высота: 18px; str = <div id = '_ v_ selectname' style = 'position: относительно; float: слева; слева: 2px; ширина: (ширина-22) px; высота: 18px; размер шрифта: 12px; переполнение: скрыт; line- Высота: 18px; str = <div style = 'Положение: относительно; float: справа; справа: 0px; ширина: 18px; высота: 18px; text-align: center; font-family: webdings; font-size: 16px; переполнение: скрыто; фон -color: #cccccc; cursor: pointer! str = </div>; str = <div id = '_ b_ selectname' style = 'Положение: Absolute; x: скрыто; переполнение-y: Auto; дисплей: нет; для (i = 0; i <data.length; i) { str = <div id = '_ s_ selectname' style = 'tmhselect.style (1, data [i] [0], seloption)' onmouseover =/tmhselect.css (2, это, 'data [i] [0]' , , dataObj.name, 'action')/> data [i] [1] </div>; } str = </div>; }еще{ // пустая форма отображается, когда нет данных str = <input type = 'hidden' name = 'selectname' id = 'selectname' value = 'seloption'>; str = <div id = '_ a_ selectname' style = 'width: width px; высота: 18px; str = <div id = '_ v_ selectname' style = 'position: относительно; float: слева; слева: 2px; ширина: (ширина-22) px; высота: 18px; размер шрифта: 12px; переполнение: скрыт; line- Высота: 18px; str = <div style = 'Положение: относительно; float: справа; справа: 0px; ширина: 18px; высота: 18px; text-align: center; font-family: webdings; font-size: 16px; переполнение: скрыто; фон -color: #cccccc; cursor: pointer! str = </div>; STR = <div ID = '_ B_ SELTERNAME' Стиль = 'Положение: Absolute; скрытый; переполнение y: Auto; отображение: нет; } s1.innerhtml = str; _OBJ.AppendChild (S1); }, // возвращать значение выбранного элемента Значение: function (n) {return document.getElementById (n) .value;}, // вернуть текст выбранного элемента Текст: function (n) {return document.getElementById (_V_ n) .innerText;}, выбрано: функция (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.rest (d, v); tmhselect.showoptions (n) for (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) { try {eval (action)} catch (e) {} } }, relv: function (v, d) { for (i = 0; i <d.length; i) { if (d [i] [0] == v) { возврат V; } } if (v == null || v ==) { вернуть D [0] [0]; } }, Restr: function (d, m) { for (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; Showoptions: function (n) { var O = document.getElementById (_B_N) if (o.style.display == нет) o.style.display =; еще o.style.display = нет; _selectoptionselm = o; }, скрытый: function (n) { document.getElementById (_B_N) .Style.display = none; }, Стиль: Функция (M, V1, V2) { var cs =; if (v1 == v2 && v1! = && v1! = null) {m = 2;} Switch (m) { Случай 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 (ы) } } } функциональный тест () { Alert (tmhselect.value ('test')); } </script> </head> <тело> <div id = testdiv> < /div> <br /> <input type = name кнопка = кнопка значения = просмотр текста OnClick = alert (tmhselect.text ('test')) /> <input type = кнопка name = value = value = viod vorive value onclick = alert (tmhselect.value ('test')) /> <сценарий языка = javascript> tmhselect.show (testdiv, test, seloptions ,, 160, test ()); </script> </body> </html> |
Поделиться: ASP Китайские иероглифы на пинин, поддержка пользовательских особых слов На этот раз я обновил программу блога, которую я использовал, и использовал имя файла при создании статических файлов, чтобы использовать пинин заголовка. Это должно быть нормально только в GB2312, и нет