Код на php:
<?PHP
echo "<table border='1px' id='table' width='100%'>";
echo "<tr id='tr$a'>";
echo "<td>№№</td>";
echo "<td><a href="#" onClick='h_show()'>Цвет</td>";
echo "</tr>";
$a+=1;
echo "<tr id='tr$a'>";
echo "<td>№№</td>";
echo "<td><a href="#" onClick='h_show()'>Цвет</td>";
echo "</tr>";
echo "</table>";
echo "<div id='pro_kr_r' class='hidden_r'><a href='#' id='un_1' onClick='un_1()'> 1</a> <a href='#' id='un_2' onClick='un_2()'> 2</a><br><a href='#' id='un_3' onClick='un_3()'> 3</a> <a href='#' id='un_4' onClick='un_4()'> 4</a></div>"; //-----тот самый див, что появляется поверх с вариантами цветов
?>
Код js: (ПРОСТО ВЫВОДИТ/СКРЫВАЕТ ДИВ ИЗ ПРИЛОЖЕННОЙ ТАБЛИЦЫ CSS)
<script>
var dir = document.getElementById('pro_kr_r');
function h_show()
{
if (dir.className == 'hidden_r')
{
dir.className='visible_r';
} else {
dir.className='hidden_r';
}
}
function hide(evt)
{
if (evt.target != document.getElementById('d'))
{
dir.className='hidden_r';
}
}
dir.addEventListener('click', h_show, false);
var body = (document.body) ? document.body : document.documentElement.childNodes[1];
body.addEventListener('click', hide, false);
</script>
И плюс та самая функция
un_...() из дива:
function un_1(){
ВОТ ЗДЕСЬ ДОЛЖЕН БЫТЬ КОД, КОТОРЫЙ МЕНЯЕТ ЦВЕТ СТРОКИ, НО КОТОРУЮ НАЖАЛИ, ЧТОБ ОТКРЫТЬ ДИВ
}
Прошу прощения за код, суть вроде бы отразил, весь код страницы выложить не могу, потому что страница уже не начальной стадии, и будет ещё более запутанно