Изменяем атрибуты границ тега DIV с помощью формы и PHP


    В этом уроке рассмотрим взаимодействие большинства элементов формы с PHP программой, на примере программы демонстрирующей различные атрибуты границ применяемых в каскадных таблицах стилей CSS.
    С помощь этой программы пользователь может задавать вид, цвет, и размер границы, которая будет формироваться вокруг текста помещенного внутрь тега DIV.
    Элементы формы и их назначение подробно описаны в уроке Изучаем поведение большинства элементов форм

Введите текст в текстовое поле




Стиль границы Размер границы Цвет границы
pixels
points
centimeteres
red
green
blue
silver
black


<?php
/*Защита от сереверов не поддерживающих прямую передачу переменных*/
if (isset($_POST['text'])) {$text = $_POST['text'];}
if (isset($_POST['borderstyle'])) {$borderstyle = $_POST['borderstyle'];}
if (isset($_POST['bordersize'])) {$bordersize = $_POST['bordersize'];}
if (isset($_POST['sizetype'])) {$sizetype = $_POST['sizetype'];}
if (isset($_POST['bcolor'])) {$bcolor = $_POST['bcolor'];}
/*Выводим тег DIV с полученными параметрами:
текст, размер и единицы измерения границы, стиль и цвет границы*/
echo "<div style='border-width:$bordersize$sizetype;border-style:$borderstyle;
 border-color:$bcolor;'>$text</div><br /><br />";
 ?>

Эта программа очень похожа на ту, которую мы рассмотрели в уроке Взаимодействие формы с PHP программой-обработчиком на примере свойств CSS margin и padding     Страница содержит форму, которую пользователь вначале заполняет, а затем нажимает кнопку "Отправить".
    После этого информация из формы передается методом POST в PHP программу, где производится ее обработка, после чего пользователю возвращается результат - текстовое поле с изменямой границей.
    Можно было бы вообще не разбирать эту программу, если бы не одно но!
    Новое и очень важное понятие которое очень часто я буду использовать. Строковая интерполяция - возможность выводить значения переменной внутри текста. Сравните строчки кода из пошлого урока:
style='padding:".$margin."px;' - конкатенация
и
style='border-width:$bordersize$sizetype;' - интерполяция
    Постарайтесь разобраться в этих понятиях получше.
    Если не указывать значение action у формы отсутствует то PHP программу можно расположить на той же странице странице, что и форму.
Вы можете вставить текст программы на страницу с формой и сохранить ее с расширением PHP, запускать из папки вашего локального сервера
    Подробнее вопрос организации локального сервера рассмотрен в посте Установка сервера LAMP (PHP+Apache2+Mysql) c настройкой виртуальных хостов

Автор: Сергей Зарубин

Дата: 2011-04-05

Колличество просмотров: 4767

Нравится

Комментарии к заметке:



Добавить новый комментарий


Введите число с картинки:

captcha