Используй силу DOM (объектная модель документа) для того, чтобы скрыть секции твоей страницы и показать их, когда нажата ссылка. Читать далее »
Рубрики с меткой ‘формы’
Скрытие части контента вашей страницы


россбраузерный DHTML


Начинающие веб-программисты рано или поздно сталкиваются с тем, что их скрипт, любовно написанный (или позаимствованный) и прекрасно работающий на домашнем компьютере с MSIE 5.5, почему-то не работает у соседа или клиента на его Opera, Mozilla или Netscape. Читать далее »
Загибаем лист в Photoshop CS2


Интерес к данной тематике регулярно проявляется на форумах, посвященных Photoshop. Кто-то находит решение в использовании таких фильтров как Vizros Plugins, AV Bros. Page Curl Pro и т.п., но настоящие приверженцы Photoshop всегда точно знают, как это сделать своими руками.
В данной статье, мы рассмотрим популярные способы создания данного эффекта (его также «обзывают» эффект загнутого листа, сворачиваем уголки фотографии и т.д.) Читать далее »
Формы компоновки материала


Принцип «перевернутой пирамиды» в гипертекстовом пространстве
Вначале следует приводить краткую сводку (лид), позволяющую посетителям составить общее представление о содержащейся на странице информации, даже в том случае, если они не ознакомятся со всей этой информацией в полной мере.
Затем нужно постепенно переходить к подробностям. Главное, чтобы пользователь мог прервать чтение в любой момент времени и при этом знать, какой вопрос рассматривается в этой главе.
Читать далее »
Добавление полей в форму


Задача: реализовать функционал «еще одно поле» для формы с ограничением числа полей и возможностью удаления.
Самое первое, что приходит в голову: заложить новые поля заранее в форме и поставить им style=»display:block». Далее с помощью простенького скрипта, меняющего значение display, показывать/скрывать эти поля. Однако, этот способ не очень удобен, т.к. в случае 20 и более полей будет передаваться большое количество HTML-кода, и для исправления придется копаться в скриптах на сервере. Читать далее »
JavaScript валидация (проверка) форм


Задача: сделать универсальную функцию для прохождения по полям формы с возможностью проверки введенных данных
Действительно, удобнее проверять форму пока она не «ушла» на сервер, чем после отправки возвращать пользователю HTML-страницу с той же формой и списком ошибок (хотя серверная проверка необходима, из соображений безопасности и на случай отключенного JavaScript). Попытаемся набросать JavaScript-функцию, которая будет проходить по всем элементам формы, определять их тип и совершать действия по проверке данных. В качестве аргумента функция примет ссылку на саму форму. Удобнее всего её вызывать по событию onsubmit. Читать далее »
Проверка формы на JavaScript


В этой статье мы начнём разбираться с более сложными и функционально-законченными скриптами. Пройдём по шагам через все стадии — начиная с постановки задачи и заканчивая универсальным скриптом, готовым к употреблению. И начнём с проверки формы перед отсылкой на сервер.
Общие соображения и html-код формы
Читать далее »
Создание динамических форм с помощью JavaScript


Очень часто при создании HTML-форм возникает потребность узнать у пользователя значения однотипных параметров, количество которых заранее неизвестно. Например, если это форма добавления сообщения в форум с возможностью прикрепить один или несколько файлов, например, с фотографиями. Другим примером может служить форма с анкетой, в которой есть сведения о детях. И в том и другом случае невозможно заранее предположить количество полей, которые пожелает заполнить посетитель сайта.
Читать далее »
Использование JS для создания «умных» форм


Введение
JS, или JavaScript язык сценариев, которые выполняются на стороне клиента и не требует перезагрузки страницы. JavaScript был разработан компанией Netscape в 1995 году.
Вы, наверное, видели на моем сайте в гостевой книге или на форуме, формы добавления сообщений со специальными кнопками. И, если Вам хотелось обзавестись такой же, то эта статья для Вас.
Читать далее »
Формы в HTML документах


Читать далее »