<script language="JavaScript">
document.write ("Реалізуємо наступну функціональність. При натисненні правої кнопки миші в будь-якій точці документа замість контекстного меню будемо відображати власне, користувацьке “меню”");
function showCustomMenu(sign, x, y) {
var cm = document.getElementById("custommenu");
if(sign)
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 "fontIncrease1":
document.body.style.fontSize="20pt";
break;
case "fontIncrease2":
document.body.style.fontSize="8pt";
break;
case "changeBkg":
document.bgColor = "red";
break;
case "returnBkg":
document.bgColor = "white";
break;
}
}
</script>
<body oncontextmenu="showCustomMenu(true,event.clientX, event.clientY); return false;"
onclick="showCustomMenu(false, event.clientX, event.clientY); return false;">
<div id="custommenu" style="width: 250px; height; 80px;visibility: hidden;">
<div style="background-Color: silver; color: navy; font-Size: 10pt;" onclick="doAction('copy');">Скопіювати вміст документа</div>
<div style="background-Color: silver; color: navy; font-Size: 10pt;" onclick="doAction('close');">Закрити вікно</div>
<div style="background-Color: silver; color: navy; font-Size: 10pt;" onclick="doAction('fontIncrease1');">Збільш ти шрифт</div>
<div style="background-Color: silver; color: navy; font-Size: 10pt;" onclick="doAction('fontIncrease2');">Зменши и шрифт</div>
<div style="background-Color: silver; color: navy; font-Size: 10pt;" onclick="doAction('changeBkg');">Змінити фон</div>
<div style="background-Color: silver; color: navy; font-Size: 10pt;" onclick="doAction('returnBkg');">Повернут фон</div>
</div>
Собствено нужно чтоб при наведение курсора на пункт меню, появлялась рамка, а если отвести курсор проападала. Также нужно добавить описание для case "copy": чтоб он копировал содержимое документа. Помогите, сиджу уже несколько часов.
