Обмен двух изображений

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

Функция chpict вызывается как реакция на событие "щелчок по кнопке" Обменять. Изображения задаются в документе с помощью тегов. Значение параметра src определяет имя файла, в котором хранится изображение. Переменная 1 служит для того, чтобы запомнить имя файла, который связан с первым изображением. Оператор присваивания d.pmi.src=d.pm2.src обеспечит загрузку второго изображения вместо первого. И, наконец, со вторым тегом изображения будет связан тот файл, который первоначально относился к первому изображению. В результате описанных действий изображения в документе будут переставлены. HTML-код документа, осуществляющего обмен изображений, имеет вид, приведенный в листинге.

Листинг. Обмен двух изображений

Код
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45		<HTML> <HEAD> <title>Обмен двух изображений</title> <script language="JavaScript"> <!-- // function chpict () { var d=document var l=d.pm1.src d.pm1.src=d.pm2.src d.pm2.src=l } //--> </script> </HEAD> <BODY bgcolor=F8F8FF> <h3>Обмен двух изображений</h3> <IMG src="m1.gif" name=pm1 width=100> <IMG src="m2.gif" name=pm2 width=100> <FORM name="form1"> <input type="button" value="Обменять" onClick="chpict()"> </FORM> </BODY> </HTML>

Итак, для любого события важно знать, когда оно наступает, и к каким объектам применяется. В предыдущих примерах мы привели варианты обработки событий, применяемых к текстовому полю (text).