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

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Р,где...

Растягивание костей и хрящей. Данные способы применимы в случае закрытых зон роста. Врачи-хирурги выяснили...

ФАКТОРЫ, ВЛИЯЮЩИЕ НА ИЗНОС ДЕТАЛЕЙ, И МЕТОДЫ СНИЖЕНИИ СКОРОСТИ ИЗНАШИВАНИЯ Кроме названных причин разрушений и износов, знание которых можно использовать в системе технического обслуживания и ремонта машин для повышения их долговечности, немаловажное значение имеют знания о причинах разрушения деталей в результате старения...

Различие эмпиризма и рационализма Родоначальником эмпиризма стал английский философ Ф. Бэкон. Основной тезис эмпиризма гласит: в разуме нет ничего такого...

Особенности массовой коммуникации Развитие средств связи и информации привело к возникновению явления массовой коммуникации...

Тема: Изучение приспособленности организмов к среде обитания Цель:выяснить механизм образования приспособлений к среде обитания и их относительный характер, сделать вывод о том, что приспособленность – результат действия естественного отбора...

Тема: Изучение фенотипов местных сортов растений Цель: расширить знания о задачах современной селекции. Оборудование:пакетики семян различных сортов томатов...

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