Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 117 стр.

UptoLike

</form>
</html>
4. Обработка события onFocus.
Площадь квадрата должна вычисляться в тот момент, когда пользователь переходит к элементу формы с помощью кла-
виши Tab или щелчка мыши.
<html>
<head>
<title>Обработка события onFocus</title>
<script>
<!--
function srec(obj){
obj.res.value = obj.num1.value * obj.num1.value
}
--></script>
</head>
<body>
<form name="form1">
Сторона: <input type="text" name="num1" size="8" onFocus="srec(form1)">
Площадь: <input type="text" name="res" size="8">
<input type="reset" value="Обновить">
</form>
</body>
</html>
5. Обработка события onBlur.
Площадь должна вычисляться в тот момент, когда элемент формы теряет фокус.
<html>
<head>
<title>Обработка события onBlur</title>
<script>
<!--
function srec(obj){
obj.res.value = obj.num1.value * obj.num1.value
}
--></script>
</head>
<body>
<form name="form1">
Сторона: <input type="text" name="num1" size="8" onBlur="srec(form1)">
Площадь: <input type="text" name="res" size="8">
<input type="reset" value="Обновить">
</form>
</body>
</html>
6. Обработка события onSelect.
Площадь должна вычисляться в тот момент, когда выбирается часть или весь текст в текстовом поле.
<html>
<head>
<title>Обработка события onSelect</title>
<script>
<!--
function srec(obj){
obj.res.value = obj.num1.value * obj.num1.value
}
--></script>
</head>
<body>
<form name="form1">
Сторона: <input type="text" name="num1" size="8" onSelect="srec(form1)">
Площадь: <input type="text" name="res" size="8">
<input type="reset" value="Обновить">
</form>
</body>
</html>
7. Перестановка двух изображений.