Заданя1 (в папку з завданням кинути 2 картинки з назвами 1 і 2 з розширеням png або поміняти на свої)
<html>
<head><title>Java Script</title></head>
<body>
<script type="text/javascript">
function checkSymbol(kc) /* Передаємо функції код натиснутої клавіші */
{ /* Символ "0” має код 48, символ "9” – код 57. Коди всіх десяткових цифр попадають у діапазон від 48 до 57. Якщо kc не попадає в зазначений діапазон, то kc не є кодом цифри, а тому функція повертає значення false. */
if(kc < 48 || kc >57)
return false;
return true;
}
</script>
<form>
<table>
<tr><td><input type="text" id="pwd1" onkeypress="return checkSymbol(event.keyCode);"></td><td><font id="message" style="font-size: 8pt;"></font></td></tr>
</table>
</form>
</body>
</html>
<html>
<head><title>Java Script</title>
<style>
.cnull {width: 250px; height; 80px;visibility: hidden;}
.cm {background-Color: silver; color: navy; font-Size: 10pt;}
.cmСhange1 {width: 250px; height; 80px;}
.cmСhange {width: 250px; height; 80px; border: 4px double black;}
</style>
</head>
<body oncontextmenu="showCustomMenu(true,event.clientX, event.clientY); return false;" onclick="showCustomMenu(false, event.clientX, event.clientY); return false;" >
<script type="text/javascript">
function showCustomMenu(sign, x, y) {/* Функція приймає три параметри. Перший параметр (sign) є логічного типу. Він задає, що слід зробити з меню – показати чи приховати. Другий параметр (x) та третій параметр (y) задають горизонтальну та вертикальну екранні координати точки, в якій користувач натиснув праву кнопку миші */
var cm = document.getElementById("custommenu"); /* Змінна cm буде вказувати на наше «меню» */
if(sign) /* Якщо передано параметр sign, рівний true, то меню покажемо, а інакше приховаємо */
cm.style.visibility = 'visible';
else
cm.style.visibility = 'hidden';
/* Задаємо меню абсолютну позицію та встановлюємо координати його лівого верхнього кута */
cm.style.position = 'absolute';
cm.style.left = x;
cm.style.top = y;
}
function doAction(actionType)
{
switch(actionType) {
case "copy":
break;
case "close":
window.close();
break;
case "fontIncrease":
document.body.style.fontSize="50pt";
break;
case "fontdown":
document.body.style.fontSize="8pt";
break;
case "changeBkg":
document.body.style.background = "color: red";
break;
case "onmouseoverMenu":
document.getElementById('custommenu').className = "cmСhange";
break;
case "onmouseoutMenu":
document.getElementById('custommenu').className = "cmСhange1";
break;
}
}
</script>
<div class="cnull" id="custommenu" >
<div class="cm" onclick="doAction('copy');" onmouseover="doAction('onmouseoverMenu');" onmouseout="doAction('onmouseoutMenu');">Скопіювати вміст документа</div>
<div class="cm" onclick="doAction('close');" onmouseover="doAction('onmouseoverMenu');" onmouseout="doAction('onmouseoutMenu');">Закрити вікно</div>
<div class="cm" onclick="doAction('fontIncrease' );" onmouseover="doAction('onmouseoverMenu');" onmouseout="doAction('onmouseoutMenu');">Збільшити шрифт</div>
<div class="cm" onclick="doAction('fontdown');" onmouseover="doAction('onmouseoverMenu');" onmouseout="doAction('onmouseoutMenu');">Зменшити шрифт</div>
<div class="cm" onclick="doAction('changeBkg');" onmouseover="doAction('onmouseoverMenu');" onmouseout="doAction('onmouseoutMenu');">Змінити фон</div>
</div>
Текст
</body>
</html>
Додав: 
Переглядів: 825 | 
Скачувань: 6
| 
Рейтинг: 
|
|