Цвет границы ячейки при наведении...

 
0
 
JavaScript
ava
Opik | 07.11.2004, 03:30
<td onmouseover="this.style.border-Color='#FFECEC'">

border-color видимо такого нет.. smile))

Есть ли альтернативные варианты решения? smile
später ergänzt:
Удалите эту бяку smile
Kommentare (3)
ava
Sardar | 07.11.2004, 03:59 #
Все проще ;-)
HTML
<td onmouseover="this.style.borderColor='#FFECEC'">
ava
Opik | 08.11.2004, 16:06 #
ага, гугл спас... что то я поторопился сюда писать... smile)
однако задача замутная: есть 4 <td> т.е 4 варианта выбора... когда наводишь на один он выделяется... на другой тот гаснет и выделяется другой.. всё вроде легко, onmouseover, onmouseout,НО при клике рамка не должна убиратся... но при клике на другую ячейку она должна сменится... вот такие замуты:)) реализовал:

<script>
var c_k = false;
var c_b = false;
function selectBlock(id){
var div = 'B'+id;
if(!document.all.block.value){
document.all(div).style.border='1px solid #006D04;';
}
}
function addblock(id){
var div = 'B'+id;

if (c_b){ UnSelectBlock(c_b, 1);}
c_b = id;

document.all.block.value = id;
document.all(div).style.border='1px solid #006D04';
}
function UnSelectBlock(id, sys){
var div = 'B'+id;
if(!document.all.block.value){
document.all(div).style.border='';
}
if (sys){
document.all(div).style.border='';
}
}
function unselect(id, sys){
var div = 'K'+id;
if(!document.all.kick.value){
document.all(div).style.border='';
}
if (sys){
document.all(div).style.border='';
}
}
function select(id){
var div = 'K'+id;
if(!document.all.kick.value){
document.all(div).style.border='1px solid #C60505';
}
}


function attack(id){
var div = 'K'+id;

if (c_k){ unselect(c_k, 1);}
c_k = id;

document.all.kick.value = id;
document.all(div).style.border='1px solid #C60505';
}

</script>
<table width=100% border=0 cellspacing=0 cellpadding=0>
<tr>
<td align=right>
<table width=150 cellspacing=0 cellpadding=0>
<tr>
<td colspan=2 align=center><b>Çîíû óäàðà:</b></td>
</tr>
</table>
<div style=\"position:relative; width:150px; height:256px\"><img src=\"i/items/img0.gif\">
<div style=\"position:absolute; left:0px; top:0px; width:150px; height:256px; z-index:1\">
<table border=0 width=150 height=256 cellspacing=0 cellpadding=0>
<tr height=50%>
<td width=50% onclick=\"attack(1);\" onMouseOut=\"unselect(1);\" onmouseover=\"select(1);\" id = \"K1\" title=\"Óäàð ïîâåðõó ñëåâî\">
&nbsp;
</td>
<td onclick=\"attack(2);\" onMouseOut=\"unselect(2);\" onmouseover=\"select(2);\" id = \"K2\" title=\"Óäàð ïîâåðõó ñïðàâî\">
&nbsp;
</td>
</tr>
<tr>
<td onclick=\"attack(3);\" onMouseOut=\"unselect(3);\" onmouseover=\"select(3);\" id = \"K3\" title=\"Óäàð â íîãè ñëåâî\">
&nbsp;
</td>
<td onclick=\"attack(4);\" onMouseOut=\"unselect(4);\" onmouseover=\"select(4);\" id = \"K4\" title=\"Óäàð â íîãè ñïðàâî\">
&nbsp;
</td>
</tr>
</tr>
</table>
</div>
</div>
<input type=text name=kick style=\"display:none;\">
</td>
<td width=170 align=center><input type=submit value=\" Çàâåðøèòü óäàð\"></td>
<td align=left>
<table width=150 cellspacing=0 cellpadding=0>
<tr>
<td colspan=2 align=center><b>Çîíû áëîêà:</b></td>
</tr>
</table>
<div style=\"position:relative; width:150px; height:256px\"><img src=\"i/items/img0.gif\">
<div style=\"position:absolute; left:0px; top:0px; width:150px; height:256px; z-index:1\">
<table border=0 width=150 height=256 cellspacing=0 cellpadding=0>
<tr>
<td width=50% onclick=\"addblock(1)\" ID=B1 onmouseover=\"selectBlock(1)\"; onMouseOut=\"UnSelectBlock(1);\" title=\"Áëîêèðîâàòü ëåâóþ ïîëîâèíó\">
&nbsp;
</td>
<td onclick=\"addblock(2)\" ID=B2 onmouseover=\"selectBlock(2)\"; onMouseOut=\"UnSelectBlock(2);\" title=\"Áëîêèðîâàòü ïðàâóþ ïîëîâèíó\">
&nbsp;
</td>
</tr>
</tr>
</table>
</div>
</div>
<input type=text name=block style=\"display:none;\">
</td></tr>
</table>
</form>


Есть критические замечания? или как лучше реализовать эту задачу?
ava
Aliance | 16.11.2004, 17:31 #
~5 строчка, вижу document.all, дальше не смотрю, т.к. ошибки могу придугадать:
пиши вместо document.all.что-то - document.getElementById("что-то")...
Registrieren Sie sich oder melden Sie sich an, um schreiben zu können.
Unternehmen des Tages
Вы также можете добавить свою фирму в каталог IT-фирм, и публиковать статьи, новости, вакансии и другую информацию от имени фирмы.
Подробнее
Mitwirkende
  Sardar ava  Aliance   Opik
advanced
Absenden