Всем привет!
Помогите с решением!!!
Есть скрипт:
function myFunc (e)
{
var evt = window.event || e,
obj = evt.srcElement || evt.target;
if (obj.tagName == 'TABLE') return;
while (obj.tagName != 'TD') obj = obj.parentNode;
obj.className = obj.className ? '' : 'act';
}
onload = function ()
{
var trg = document.getElementById ('myTBL');
if (document.addEventListener) trg.addEventListener ('click', myFunc);
else if (document.attachEvent) trg.attachEvent ('onclick', myFunc);
else trg.onclick = myFunc;
}
Есть несколько стилей:
<style>
#myTBL td.act
{
font:14px helvetica, arial, sans-serif;
color : White;
font-weight:800;
background-color:darkGreen;
}
</style>
<style>
#myTBL1 td.act
{
font:14px helvetica, arial, sans-serif;
color : #ccc;
font-weight:800;
background-color:RED;
}
</style>
<style>
#myTBL2 td.act
{
font:14px helvetica, arial, sans-serif;
color : #666;
font-weight:800;
background-color:RED;
}
</style>
Есть таблица в которой всё это должно работать и радиокнопки для назначения стиля который должна принимать ячейка:
<body>
<input type="radio" id="DarkGreen" name="COLOR" value=""
onclick = function() { myTBL; }>
<label for="DarkGreen">DarkGreen</label>
<input type="radio" id="RED" name="COLOR" value=""
onclick = function() { myTBL1; }>
<label for="RED">RED</label>
<input type="radio" id="Orange" name="COLOR" value=""
onclick = function() { myTBL2; }>
<label for="Orange">Orange</label>
<table width="100%" height="100%" id="myTBL" class="select">
<tr>
<td class="oAK" bgcolor="PaleGoldenrod">
AK
</td>
<td class="aKK" bgcolor="#BEBEBE">
KK
</td>
<td class="sKQ" bgcolor="PaleGreen">
KQ
</td>
<td class="sKJ" bgcolor="PaleGreen">
KJ
</td>
<td class="sKT" bgcolor="PaleGreen">
KT
</td>
</tr>
<tr>
<td class="oAQ" bgcolor="PaleGoldenrod">
AQ
</td>
<td class="oKQ" bgcolor="PaleGoldenrod">
KQ
</td>
<td class="aQQ" bgcolor="PaleGoldenrod">
QQ
</td>
<td class="sQJ" bgcolor="PaleGreen">
QJ
</td>
<td class="sQT" bgcolor="PaleGreen">
QT
</td>
</tr>
<tr>
<td class="oAJ" bgcolor="PaleGoldenrod">
AJ
</td>
<td class="oKJ" bgcolor="PaleGoldenrod">
KJ
</td>
<td class="oQJ" bgcolor="PaleGoldenrod">
QJ
</td>
<td class="aJJ" bgcolor="#BEBEBE">
JJ
</td>
<td class="sJT" bgcolor="PaleGreen">
JT
</td>
</tr>
</table>
</body>
Вопрос - КАК СДЕЛАТЬ ЧТОБЫ ОНКЛИК В ФУНКЦИИ ИСПОЛЬЗОВАЛ СТИЛЬ ВЫБРАННЫЙ РАДИОКНОПКОЙ!!!
ПОМОГИТЕ .......