Итак вопрос. У меня есть таблица из 4*4 клеток. При нажатии ни любую из клеток, должно появлятся снизу всплывающее меню. В принципе не сложно, начало скрипта уже сделал, но тут возник вопрос. Как сделать, чтобы всплывающая менюшка каждый раз появлялась на нужном месте? Фактически можно 16 разных функций написать, но это метод абсолютно не приемлем. Я только начал изучать, и, насколько мне известно, в функции можно задать параметры типа: "onclick=function(параметр1,параметр2)". Так вот, как эти параметры потом правильным образом вставить вместо координат появляющегося меню. Вот по сути мой скрипт:
HTML код:
<html><head><title>1</title>
</head>
<body id="body" name="body">
<form id="form" name="form">
<table width="240" height="60" border="inset">
<tr width="240" height="60"><td width="60" onClick="showmenu()">mainTD1</td><td width="60" onClick="showmenu()">mainTD2</td><td width="60" onClick="showmenu()">mainTD3</td><td width="60" onClick="showmenu()">mainTD4</td></tr>
<tr width="240" height="60"><td width="60" onClick="showmenu()">mainTD5</td><td width="60" onClick="showmenu()">mainTD6</td><td width="60" onClick="showmenu()">mainTD7</td><td width="60" onClick="showmenu()">mainTD8</td></tr>
<tr width="240" height="60"><td width="60" onClick="showmenu()">mainTD9</td><td width="60" onClick="showmenu()">mainTD10</td><td width="60" onClick="showmenu()">mainTD11</td><td width="60" onClick="showmenu()">mainTD12</td></tr>
<tr width="240" height="60"><td width="60" onClick="showmenu()">mainTD13</td><td width="60" onClick="showmenu()">mainTD14</td><td id="" name="" width="60" onClick="showmenu2(),changeID()">mainTD15</td><td id="inactive" name="inactive" width="60" onClick="showmenu2(),changeID()">mainTD16</td></tr>
</table>
</form>
<div id=popupmenu name=popupmenu></div>
<script language="javascript">
<!--
function showmenu() //функция всплывающего меню
{
var popupmenu = document.getElementById('popupmenu');
popupmenu.innerHTML = '<table border="inset" style="background-color:red; position:absolute; top:80; left:0;"><tr><td>TD1</td><td>TD2</td><td>TD3</td><td>TD4</td><td>TD5</td></tr></table>';
}
function changeID()//эта функция пока не нужна
{
var inactive = document.getElementById('inactive');
inactive.id = 'active';
}
function replace()//эта тоже не нужна пока
{
var popupTD1 = document.getElementById('popupTD1');
var active = document.getElementById('active');
active.innerHTML = popupTD1.innerHTML;
}
// -->
</script>
</body>
</html>
