Отображение динамического содержимого

Сеть является динамической средой, так почему бы не использовать ваши навыки программирования для отображения динамического содержимого? Динамическое содержимое может быть таким, каким вы хотите: простым или сложным. В этой методичке вы узнаете, как:

Отображение HTML-страниц, вид которых зависит от браузера

Web-дизайнерам хорошо известно, что одна и та же HTML-страница может отображаться в различных браузерах по разному. Причем часть информации может вообще не отобразиться. Это та часть, которая размечена нестандартными тегами, которые поддерживаются, например, браузером компании Microsoft, но не поддерживаются браузером компании Netscape. Или наоборот.

В предыдущей главе вы научились получать и выводить на экран значение переменной окружения HTTP_USER_AGENT.

В этой главе вы произведёте со значением переменной HTTP_USER_AGENT более интересные действия: выведите на экран страницу HTML, вид которой зависит от браузера.

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

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

Эта функция возвращает значение истина или ложь, которое может использовать в блоке оператора if. . .else, чтобы выполнить некоторые действия по результатам поиска. Целью первого создаваемого нами сценария будет выяснение того, какой Web-6payзер послал запрос - Microsoft Internet Explorer, Netscape, или какой-то другой.

В значении переменной HTTP_USER_AGENT Netscape для своей идентификации всегда использует подстроку «Mozilla». К сожалению, в значении HTTP_USER_AGENT для Microsoft Internet Explorer также используется подстрока «Mozilla», чтобы показать, что он является совместимым с ним. Но, к счастью, для него также используется еще и подстрока «MSIE», так что можно искать ее. Если значение HTTP_USER_AGENT не содержит ни подстроки «Mozilla», ни «MSIE», то велика вероятность того, что ни один из этих Web-браузеров не используется.

Рис. 3.1. Листинг файла browsermatch.php.

и нажмите клавишу Enter, в зависимости от браузера, который вы используете, в его рабочем окне появится сообщение, как показано на рис. 3.2 или рис. 3.3.

Если Вы пользуетесь браузером, отличным от Microsoft Internet Explorer и Netscape Navigator, то в рабочем окне вашего браузера будет выведено текущее значение переменной HTTP_USER_AGENT, как показано на рисунке 3.3.

"Война" браузеров не затихает! Ни один из Web-браузеров не преобладает у большинства сетевых пользователей, различные версии браузера Microsoft Internet Explorer (MSIE) составляют приблизительно 69% всех используемых в сети браузеров, тогда как браузеры Netscape (NC) - около 21%. Оставшиеся 10% приходятся на пользователей Linux, Opera Web TV, которые сопротивляются до последнего. Хотя соотношение 70 к 30 может показаться подавляющим, но если 150 миллионов человек имеют доступ к интернету, то 45 миллионов из них не являются пользователями Microsoft Internet Explorer, а это огромное число пользователей, которых тоже нужно учитывать при разработке хорошего Web-сайта.

Отображение HTML-страниц, вид которых зависит от операционной системы.

Различия имеются не только между браузерами, но и между операционными системами (платформами). Эти различия чаще всего касаются шрифтов и их размеров.

Использование символа новой строки (\n) обеспечит вашему коду вывод на экран в многострочном виде. Это может быть полезным при просмотре исходных кодов HTML-документа.

http://localhost/platformmatch.php

B зависимости от браузера, который вы используете, в его рабочем окне появится сообщение, как показано на рис. 3.5 для русской версии примера или рис. 3.6 для английской версии данного примера.

На приведенных рисунках вы можете видеть текстовые блоки, оформленные стилем, выбранным по результату определения типа платформы. В следующем примере Вы перейдёте от поиска по шаблону к работе с некоторыми строковыми функциями в РНР для изменения данных, вводимых в форму, перед их повторным отображением в браузере.

Многочисленные строковые функции встроены в РНР для того, чтобы облегчить процесс программирования. Предположим, вам нужно подготовить строку для заголовка идентификационного номера продукта или рассчитать длину строки перед тем как по-местить ее в поле базы данных. Это только малая часть строковых функций, о которых пойдет речь в следующем знакомстве. Вы можете также познакомиться с руководством по РНР на сайте http://www.php.net/manual/ и узнать больше о строковых функциях.

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

Создание формы ввода

Сейчас Вы создадите форму и сценарий для демонстрации работы со строковыми функциями. Форма будет содержать текстовое поле и несколько переключателей. Переключатели будут определять, какая строковая функция должна быть использована.

Полный листинг generic_form.html приведён на рисунке 3.7.

http://localhost/generic_form.html

На рис. 3.8 вы видите форму ввода с областью для ввода текста Текстовое поле:, группой переключателей Строковая функция: и кнопкой Выполнить. Далее вам нужно создать сценарий для обработки этой формы. Сценарий будет использовать две переменные, определенные в форме: $text1 и $func.

Создание сценария для отображения переменных формы

Согласно определению формы для ее обработки необходим сценарий, который вы должны назвать display_input.php. Цель сценария - получить текст в переменной $text1 и, используя строковую функцию (значение переменной $func), получить результат ($result).

Созданный вами файл должен выглядеть так, как показано на рис. 3.9.

Работа с формой и получение результатов

Теперь, когда вы имеете все необходимое (форму и связанный с ней сценарий), пора приступить к проверке их работоспособности.

и нажмите клавишу Enter. В рабочем окне браузера появится форма ввода (pис. 3.8).

Я думаю, что РНР - очень хороший серверный язык сценариев. Кто знает что-нибудь проще?

Вид рабочего окна браузера показан на Рис. 3.10

Рис. 3.10. Рабочее окно браузера с формой и введённым текстом.

В окне браузера отобразится информация как показано на рисунке 3.11.

В окне браузера будет выведен результат работы функции md5() и ссылка Назад, c помощью которой можно вернуться в форму ввода.

С помощью функции md5 () производится так называемое, хеширование строки (от английского hash - мешанина). Хеширование похоже на двоичное суммирование строки. Эта функция может быть использована для сравнения строк или версий файлов.

Теперь проверьте работу функции strlen (), которая вычисляет длину строки, включая пробелы и все другие символы. Для проверки выполните следующие действия.

Рис. 3.12. Результат работы функции strlen ().

На появившейся странице выведено количество символов в строке, включая пробелы и знаки препинания. Следующей функцией, которую вы будем проверять, является функция strrev (). Она переворачивает строку задом наперед.

Рис. 3.13. Результат работы функции strrev( ).

На появившейся странице выведена исходная строка, но буквы в ней располагаются в обратном порядке. Следующей проверяемой функцией будет функция strtoupper( ). Она переводит все символы в строке в верхний регистр.

Рис. 3.14. Результат работы функции strtoupper( ).

На появившейся странице выведена исходная строка, все символы которой напечатаны в верхнем регистре. Следующей функцией, которую мы проверим, является функция strtolower( ). Она переводит все символы строки в нижний регистр.

Рис. 3.15. Результат работы функции strtolower().

На появившейся странице выведена исходная строка, все символы которой напечатаны в нижнем регистре. Следующей функцией, которую вы будете проверять, является функция ucwords (). Она переводит первый символ каждого слова в строке в верхний регистр.

Рис. 3.16. Результат работы функции ucwords().

Добавим этому сценарию защиту от ошибок, проверив значение переменной $func до того, как произвести другие действия. Для этого выполните следующие шаги:

Теперь, если пользователь попытается напрямую вызвать файл сценария display_input.php, то он будет перенаправлен на файл с формой ввода generic_form.html и никакой ошибки не произойдет.

Перенаправление к новому ресурсу

Перенаправление пользователя к новому ресурсу — это способность вашего сценария отправлять браузеру HTTP-заголовок, указывающий новое местонахождение Web-страницы. HTTP-заголовки могут быть разного вида (аутентификации, перенаправления, cookie и т.д.) и должны быть посланы браузеру раньше чего бы то ни было, включая пробелы, переводы строки и любые другие символы.

В этом параграфе вы создадите меню перенаправления и форму для перенаправления. Цель - сделать так, чтобы пользователь имел возможность выбрать новое местоположение ресурса с помощью меню и чтобы сценарий автоматически отправлял его туда.

Создание формы для перенаправления

В этом разделе вы создадите форму для перенаправления и связанный с ней сценарий. Эта форма будет содержать открываю-щийся список с именами разных Web-сайтов. Значением каждой ссылки из списка будет URL Web-сайта.

и нажмите клавишу Enter. На экране появится рабочее окно браузера с загруженной формой для перенаправления (рис. 3.17).

Рис. 3.17. Рабочее окно браузера с созданной формой для перенаправления.

Форма, которую загрузил браузер, содержит открывающийся список Перенаправить меня к: с именами Web-сайтов и кнопку Перейти! Справа от списка.

Далее создайте сценарий, который будет анализировать одну переменную — $location.

Создание сценария перенаправления и его npoвepкa

и нажмите клавишу Enter. На экране появится рабочее окно браузера с загруженной формой для перенаправления (pис. 3.18).

Чтобы добавить в этот сценарий защиту от ошибок, проверим значение переменной $location до того, как попытаемся выполнить перенаправление. Для этого выполните следующие действия:

Теперь, если пользователь попытается напрямую вызвать файл сценария do_redirect.php, то он будет перенаправлен на файл с формой ввода redirect_form.html, и никакой ошибки не произойдет.