TML, CSS, СКРИПТЫ: практика создании сайтов

Страница конфигурации браузера Mozilla Firefox

Глава 7. Создание интерактивных сайтов при помощи языка сценариев JavaScript 355

тем не менее, способных вызвать определенные проблемы с совместимостью

в будущем.

Всем тем, кто собирается использовать возможности Firefox для отладки

сценариев, я рекомендую сделать следующее. Наберите в адресной строке

браузера URL about:config. В окне браузера отобразится страница, содержащая

все настройки Firefox и позволяющая изменять их (рис. 7.12).

Найдите на этой странице опцию javascript.options.strict и активизируйте

ее — иными словами, установите для нее значение true. С этого момента

Консоль JavaScript будет отображать предупреждения даже по самым

«мелочным» поводам, нарушающим «чистоту языка». Старайтесь добиться,

чтобы ваши скрипты не провоцировали вообще никаких предупреждений —

стремитесь к совершенству!

Практический пример —

интерактивный тест на знание HTML

Заключительную главу, а вместе с ней и всю книгу, завершим большим

практическим примером интерактивного приложения, представляющего собой

тест для проверки пользователями своих познаний в области HTML.

Разумеется, этот тест создавался… не ради теста, а для демонстрации

возможностей динамического HTML на примере целостного приложения,

обладающего вполне завершенной функциональностью. Поэтому в нашем тесте

всего пять вопросов — по аналогии можно добавить их еще сколько угодно;

но не в этом главное.

Полагаю, есть смысл сразу же привести код, чтобы предмет обсуждения был

перед глазами.

р ; «•’ ‘ ‘I

/Листинг7*10, Прощальный пример j

function hideNoDHTML()

{

document.getElementByld('nodhtmlf).style.display = f none';

Глава 7. Создание интерактивных сайтов при помощи языка сценариев JavaScript 357

showQuestions();

}

function showQuestions()

{

document.getElementByld('questions').style.display = 'block';

document.getElementByld('results').style.display = 'none';

}

function showResults()

{

var i = 0;

if(document.getElementByld('choicel2').checked = true)

{

i++;

}

if(document.getElementByld('choice23').checked == true)

{

i++;

}

if ((document.getElementByld('choice31').checked

^ (document.getElementByld('choice32').checked

^ (document.getElementByld('choice33').checked

^t> (document. getElementByld (' choice34 ') . checked

{

i++;

}

if((document.getElementByld('choice41').checked

^t> (document. getElementByld (' choice42 ') . checked

Qj> (document. getElementByld (' choice43 ') . checked

^t> (document. getElementByld (' choice44 ') . checked

{

i++;

}

if(document.getElementByld('text5').value == 'type')

{

i++;

}

== true) &&

== false) &&

:= true) &&

== false) )

false) &&

t rue) & &

true) &&

false))

358 Часть II. Применение веб-технологий стороны клиента для создания сайтов

document.getElementByld('questions').style.display = 'none';

document.getElementByld('results').style.display = 'block';

document.getElementByld('results').innerHTML = 'Результаты

%> тестап2>\пКоличество правильных ответов: ' + i +

^ '.

';

if(i = 5)

{

document.getElementByld('results').innerHTML += '

%> style="color: #09б">Поздравляем с отличным результатом!р>';

}

if(i

{

document.getElementByld('results').innerHTML += '

%> style="color: #cOO">K сожалению, результат очень плохой.р>';

}

document.getElementByld('results').innerHTML += '

^ class="buttons">

';

}

function getHelp()

{

document.getElementByld('choicel2').checked

document.getElementByld('choice23').checked

document.getElementByld('choice31').checked

document.getElementByld('choice32').checked

document.getElementByld('choice33').checked

document.getElementByld('choice34').checked

document.getElementByld('choice41').checked

document.getElementByld('choice42').checked

document.getElementByld('choice43').checked

document.getElementByld('choice4 4').checked

document.getElementByld('text5').value = 'type';

}

true;

true;

true;

false;

true;

false;

false;

true;

true;

false;

Глава 7.