Добавляем...


Применение DOM
Вы можете спросить: что делать со свойствами DOM? Возможных приложений очень много. Например, можно создавать страницы, которые позволяют динамически переключаться между языками или представлениями. Следующий пример демонстрирует простую возможность реализации этой идеи.

<form action="#" method="get">
Сказать приветствие:
<select
onchange="document.getElementById('thephrase').firstChild.data = this.options[this.selectedIndex].value; ">
<option value="npивет">Русский</option>
<option value="Hello">English</option>
<option value="Bonjour">French</option>
<option value="Hola">Spanish</option> </select>
</form>
<div id="thephrase">Привет</div>

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Переключатель стилей</title>
<meta http-equiv="content-type" content="text/html; " />
<link id="styleLink" rel="stylesheet" href="red.css" type="text/css" />
</head>
<body>
<script type="text/javascript">
<!--
function changeStyle(userStyle)
{
document.getElementById('styleLink').href=userStyle;
}
//-->
</script>
<h1>Измените мой стиль!</h1>
<form action="#" method="get">
Выбрать стиль:
<select onchange="changeStyle(this.options[this.selectedIndex].value);">
<option value="red.css">Красный Стиль 1</option>
<option value="white.css">Белый Стиль 2</option>
<option value="blue.css">Синий Стиль 3</option>
</select>
</form>
</body>
</html>

Просмотреть


добавить комментарий
(без перезагрузки и регистрации)


10 случайных разделов

Что ищем на сайте ?


Примеры кода на сайте







@ 2008-2011 Amber
При использовании материалов ссылка на сайт обязательна
Яндекс.Метрика