Требуется доработка магазина: - доработка текущего Импорт товаров из CSV (сейчас работает криво и сложновато) - написание модуля для поиска и подбора товара - автоматический бэкап - автоматическая работа со старыми ...
Java-script. класс диалогового окна "ModalBox"
Что есть:
для появляющегося диалогового окна (далее wlModalbox) использую: (см. вложение «window-modal-message.zip»)
пример готового решения: http://www.dhtmlgoodies.com/scripts/modal-message/demo-modal-message.html - понажимайте на ссылки
Что надо:
- сделать класс на javascript `wlModalbox` с использованием AJAX библиотеки Дмитрия Котерова `JsHttpRequest.js` (эту библиотеку уже давно использую - оч. удобно и она есть в наличии)
- диалоговое окно появляется при нажатии
- под ним ничего не работает, особенно ссылки
- на него ничего не должно залазить сверху, ни SELECT-ы, ни флеш, ни другие блоки
- текст который помещается в wlModalbox может содержать не только текст, но и HTML и картинки и сылки и другие теги
- параметром в классе явно указывать элементы для обработки (что бы не юзать весь документ - для ускорения, например только ссылки и картинки).
- конфиг тоже подойдет: wlModalbox.config.js
- при наведении вторично - данные уже не запрашиваются, а берутся из кеша (в `JsHttpRequest.js` уже встроено кеширование, на всякий случай пишу), но для каждого надо еще эту подстройку отдельно что бы переть можно было - см. ниже
- размер по высоте должен высчитываться автоматически в зависимости от наполненности внутри, но не меньше чем заданная высота в параметрах!
- окно должно всегда центрироваться относительно центра экрана
- обработка всех елементов, у которых есть теговый параметр `wlModalTxt="что-то"` или `wlModalCnfrm="что-то"` или `wlModalAjax="что-то"`, он не должен быть пустым.
- обработку `wlModalbox` надо вставить в onload документа. Можно использовать удачное решение обработки тегов при инициализации класс, т.е. после загрузки документа:
.on(window,'load'.....
- также хотелось бы использовать такие параметры для настройки работы класса:
wlModalbox.options={
phpPath : 'wlModalbox.php', // путь к испольняющему файлу
csh : true, // кешировать данные или нет
funcNameCallBack : 'this.funcname', // Очень важная штука, так как для каждого Ajax-овского wlModalbox-а может быть своя обратная фунция, в зависмости от того, что в нем делается сюда передается только название функции, а в неё приходи объект result (который создается в wlModalbox.php)
tagParamNameTextOk : "wlModalTxt", // наименование создаваемого wlModalbox-ного атрибута
tagParamNameConfirm : "wlModalCnfrm", // наименование создаваемого wlModalbox-ного атрибута
tagParamNameAjax : "wlModalAjax", // наименование создаваемого wlModalbox-ного атрибута
divId : "wlModalbox", // наименование создаваемого скрытого слоя для wlModalbox
width : 250, // максимальная ширина wlModalbox-а в пикселах; 0 если авто
tags : [] , // Список обрабатываемых тэгов, если пусто то все
template : '/*{text}{load_info}*/' // Шаблон содержимого блока пока идет подгрузка Ajax
};
- исчезание wlModalbox происходит либо при нажатии на кнопку закрытия (она находится сверху справа в углу окна), либо при вызове функ-ии закрытия, например: wlModalbox.Cl() или при нажатии кнопки "Esc"
- классом создается `DIV` для показа появляющейся подсказки в документе, но он скрыт (...document.createElement("DIV")...)
- нужна возможность пересылки новых параметров в modalbox, в случае если на странице есть несколько разных. например:
Простое сообщение
Простое сообщение
обработки на стороне сервера и передача форматированного текста, например формы регистрации посетителя с полями ввода и выпадающими списками
как видите, я передал новые параметры (объект `wlOptions`) только ширину и новый ID-шник, а остальные данные должны браться из тех что указаны по-умолчанию в конфиге наверное (wlOptions - я не случайно добавил `wl` - это на случай конфликтов переменных)
- нужна возможность использования стилей для оформления подсказки, поэтому надо использовать `divId`, а в файле стилей: #wlModalbox{...}
Пример использования:
Простое сообщение
Простое сообщение
обработки на стороне сервера и передача форматированного текста, например формы регистрации посетителя с полями ввода и выпадающими списками
Выбранный исполнитель
Заявки фрилансеров
Похожие заказы
- Веб-программирование5 заявокЗакрыт16 лет назад
На сайте www.istra-gorod.ru не работает http://istra-gorod.ru/index.php?option=com_estateagent&Itemid=36 нельзя отсортировать объекты, удалить. не работает добавление фоток в галерею, + небольшая проблема с новостями. Всего работы на час-два. Жду ответственного работника с отзывами. ...
Веб-программирование1 исполнительЗавершен16 лет назад- $4000
Разработка интернет-портала с функциями интернет-магазина. Требования к разработчикам: 1. Уверенное знание языка программирования, на котором планируете реализовывать проект. 2. Хорошее знание БД, которую будете ...
Веб-программирование5 заявокЗакрыт16 лет назад - $100
Нужно: 1. Простая форма: Из списка выбирается один из аэропортов в Англии (список аэропортов и их 3х буквенные коды) будет предоставлен Выбираются дата вылета (Departure), количество ...
Веб-программирование1 исполнительЗакрыт16 лет назад - $100
Нужно сделать аплоуд фото, его ресайз в 2 экземплярах, с возможностью обрезки при ресайзе и предпросмотр того что получилось. Вприципе реализация есть (готовый класс) но без предпросмотра. Плюс работа с формой заполнения. ...
Веб-программирование9 заявокЗакрыт16 лет назад Нужно сделать 2 проекта на флэше в течение дня 65$ Писать в icq 411970485
Веб-программирование8 заявокЗакрыт16 лет назад- $50
Всех приветствую! Необходимо посадить дизайн на скрипт и добавить модуль голосования (модуль вналичии) Ваши предложения?
Веб-программирование18 заявокЗакрыт16 лет назад - $150
Случилась неприятная ситуация, фрилансер который начал делать предвход на сайт куда-то пропал с предоплатой, успел сделать менее 30% от всей работы. Теперь срочно необходимо сделать этот проект. Исходников нет, есть только swf файл того что ...
Веб-программирование1 исполнительЗавершен16 лет назад Покупался готовый скрипт сайта по недвижимости (http://www.vostok-rieltor.ru/) Разработчик внес некоторые коррективы под наши нужды, но закончить не смог (сам в своем коде запуталася видимо). Второй программист сделал часть исправлений, но пропал на неопределенное время. ...
Веб-программирование1 исполнительЗавершен16 лет назад- $5
Предположим имеется файл cat.txt Одна строчка в текстовом файле примерно такого вида: 1 ** 2 ** 3 ** 4 ** 5 ** 6 ** 7 ** 8 ** 9 ...
Веб-программирование1 исполнительЗавершен16 лет назад