создание элементов сайтов с использованием flash

On (Release) Play End On

Это все. При нажатии на любую из кнопок будет происходить переход на один фрейм (поскольку их только два, то с первого на второй или наоборот). Внешний вид клипа будет соответственно меняться. Во фреймах клипа можно устанавливать какую-либо переменную, хранящую состояние переключателя, например: checked=1 для выделенного и checked=0 для невыделенного состояния. Это будет локальная переменная для клипа. Для доступа к ней из других клипов нужно указывать полный или относительный путь. Если вы используете значение внутри клипа, то достаточно указать только имя.

Третья часть рис. 1 изображает форму после голосования, когда результаты показываются проголосовавшему посетителю. В первом фрейме этой формы (или ее устойчивого состояния) содержится, например, такой код:

ResumeText1 = /:vote01; ResumeText2 = /:vote02; ResumeText3 = /:vote03; ResumeText4 = /:vote04; maxVote = 0; if (Number(maxVote)Number(/:vote02)) { maxVote = /:vote02; } if (Number(maxVote)Number(/:vote04)) { maxVote = /:vote04; } setProperty ("/ResumePanel/b01", _width, 100*/:vote01/maxVote); setProperty ("/ResumePanel/b02", _width, 100*/:vote02/maxVote); setProperty ("/ResumePanel/b03", _width, 100*/:vote03/maxVote); setProperty ("/ResumePanel/b04", _width, 100*/:vote04/maxVote);

Здесь вначале устанавливаются значения текстовых полей, показывающих число голосов по каждому пункту. Далее определяется максимальное значение голосов из всех четырех пунктов голосования. Последние четыре строки устанавливают размеры столбиков диаграммы. В данном случае указана цифра 100, так что столбики не могут превышать в длину 100 пикселов, но можно выставить любое значение.

Гостевые книги

Вариантов гостевых книг может быть масса. Серверная часть реализации практически не зависит от интерфейсной части, будь то стандартная HTML-форма или форма на Flash. Скрипт мы рассматривать не будем. Вы можете выбрать по вкусу любой на сайтах, где приведены исходные тексты скриптов на Perl.

Давайте определим, что должно быть в нашей Flash-форме для ввода нового сообщения. Это, очевидно, 2-3 поля для ввода данных о посетителе (имя, адрес электронной почты), текстовое окно для ввода сообщения и кнопка для принятия сообщения. Такой вариант интерфейса подходит и для случая автоматической отправки почты прямо из формы с помощью соответствующего несложного скрипта. Примерный вариант дизайна такой формы показан на рис. 2.

Рис. 2. Пример дизайна гостевой книги с формой для автоматической отправки почты.

Все элементы находятся в основном слое, и никаких вспомогательных вычислений здесь не проводится. Поэтому можно просто привязать к кнопке "Отправить" вызов скрипта и переход на второе состояние формы (резюме).

on (release) { loadVariables ("../send_to_guestbook.cgi", "/", "POST"); gotoAndStop (resume); }

где resume - это метка фрейма.

Здесь вызывается скрипт с передачей переменных из основного слоя методом POST. При этом все переменные в форме записи ключ-значение (var1=7&var2="name") попадают в буфер стандартного ввода . Оттуда они извлекаются скриптом и обрабатываются в соответствии с вашей задачей.

Одновременно выполняем переход во второе устойчивое состояние, которое отображает сообщение об отправке почты. К сожалению, этот простейший вариант не проверяет ошибок в отработке серверного скрипта (если сервер почему-то не смог обработать запрос, то пользователь об этом не узнает). Однако для начала подойдет и такой вариант.

Из состояния "Резюме" можно вернуться к вводу нового сообщения. Для этого достаточно разместить там кнопку с кодом:

on (release) { gotoAndStop (enter_message); }

где enter_message - метка основного состояния.

Плюс реализации на Flash еще и в том, что введенные посетителем данные в дальнейшем сохраняются. В традиционных методах реализации для сохранения значений полей в случае какой-либо ошибки при вводе требуется дополнительное кодирование.

Организовать проверку заполнения тех или иных полей формы и выдачу соответствующих сообщений об ошибках также несложно. Для этого создаются дополнительные устойчивые состояния формы. Несложно и реализовать просмотр введенных ранее сообщений. Для знакомых с традиционными средствами программирования, к примеру, JavaScript, здесь только один новый момент - работа с прокруткой текста в динамических текстовых полях. Для этого у динамического текстового поля есть свойства .maxscroll и .scroll. Устанавливая второе из них, можно прокручивать текст в окне. Первое просто показывает максимальное число строк текста. Это значение определяется при отрисовке поля по факту. Это важный момент, о котором необходимо помнить.