Перестановка рисунков с заданными номерами

12 3 4 5 6 7 8 Следующая ⇒

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

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

Свойство объекта document определяется содержимым самого документа. Если в документе содержится изображение, то доступ к объекту image можно получить с помощью значения Name тега IMG, мы воспользовались такой возможностью при написании предыдущего сценария.

Объект document имеет свойство images, которое содержит ссылки на все изображения, расположенные в документе. Ссылки перенумерованы, начиная с нуля. Доступ к первому изображению на странице можно получить с помощью конструкции document.images[0], ко второму - document.images[1] и т.д.

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

Листинг 6.2. Перестановка рисунков

<html> <head> <title>Смена изображений</title> <script> function chan(obj) { var r1=Number(obj.a1.value) var r2=Number(obj.a2.value) if ((r1<1)||(r1>4)||(r2<1)||(r2>4)) alert ("Неверно заданы номера рисунков!") else { var z=document.images[r1-1].src document.images[r1-1].src=document.images[r2-1].src; document.images[r2-1].src=z } } </script> </head> <body><center> <h4>Галерея рисунков</h4><br> <img src="p1.gif" width="90" name="pic1"> <img src="p2.gif" width="90" name="pic2"> <img src="p3.gif" width="90" name="pic3"> <img src="p4.gif" width="90" name="pic4"><br> <form name=form1> Рисунки с номерами<br> <input type="text" name="a1" size=1> и <input type="text" name="a2" size=1><br> <input type="button" value="Поменять местами" onClick="chan(form1)"> </form></center></body></html>

Пример выполнения

12 3 4 5 6 7 8 Следующая ⇒

Дата добавления: 2015-09-07; просмотров: 460. Нарушение авторских прав; Мы поможем в написании вашей работы!

Шрифт зодчего Шрифт зодчего состоит из прописных (заглавных), строчных букв и цифр...

Картограммы и картодиаграммы Картограммы и картодиаграммы применяются для изображения географической характеристики изучаемых явлений...

Практические расчеты на срез и смятие При изучении темы обратите внимание на основные расчетные предпосылки и условности расчета...

Функция спроса населения на данный товар Функция спроса населения на данный товар: Qd=7-Р. Функция предложения: Qs= -5+2Р,где...

Примеры задач для самостоятельного решения. 1.Спрос и предложение на обеды в студенческой столовой описываются уравнениями: QD = 2400 – 100P; QS = 1000 + 250P 1.Спрос и предложение на обеды в студенческой столовой описываются уравнениями: QD = 2400 – 100P; QS = 1000 + 250P...

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

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

ТЕРМОДИНАМИКА БИОЛОГИЧЕСКИХ СИСТЕМ. 1. Особенности термодинамического метода изучения биологических систем. Основные понятия термодинамики. Термодинамикой называется раздел физики...

Травматическая окклюзия и ее клинические признаки При пародонтите и парадонтозе резистентность тканей пародонта падает...

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

Studopedia.info - Студопедия - 2014-2026 год . (0.009 сек.) русская версия | украинская версия