| |
|
|
| | Есть вот такой код:
<script>
function f(link)
{
link.style.color='red';
if(f.link)f.link.style.color='blue';
f.link = link;
}
</script>
<a href="#" onclick="f(this);return !1">01</a>
<a href="#" onclick="f(this);return !1" style="color: red;">02</a>
<a href="#" onclick="f(this);return !1">03</a>
|
А как реализовать если мы кликаем по 01 и 03 ссылке от 02 делать синей? | |
| |
|
|
| |
|
|
| |
для: smit272
(30.08.2010 в 19:04)
| | | Это ж кто Вас научил функции присваивать свойство? Нет, так конечно можно, но не привыкайте, это просто неоправданно. Используйте для этого глобальную переменную:
<script>
var lastLinkId = 'link2';
function f(link)
{
link.style.color='red';
if(lastLinkId && lastLinkId != link.id)
document.getElementById(lastLinkId).style.color = 'blue';
lastLinkId = link.id;
}
</script>
<body>
<a href="" id='link1' onclick="f(this); return false;">01</a>
<a href="" id='link2' onclick="f(this); return false;" style="color: red;">02</a>
<a href="" id='link3' onclick="f(this); return false;">03</a>
</body>
|
| |
| |
|
|
| |
|
|
| |
для: bishake
(30.08.2010 в 22:46)
| | | А без id='link1' можно как-то обойтись?
Либо каким-то типа name или class?
[поправлено модератором] | |
| |
|
|
| |
|
|
| |
для: smit272
(30.08.2010 в 19:04)
| | |
<style>.mm{color:#000000;}</style>
<a class="mm" id="idmm,1" onclick="req('a', 'idmm', 1, function(id){cred(id)}, function(id){cblack(id)})">ссылка 11</a>
<br><a class="mm" id="idmm,2" onclick="req('a', 'idmm', 2, function(id){cred(id)}, function(id){cblack(id)})">ссылка 12</a>
<br><a class="mm" id="idmm,3" onclick="req('a', 'idmm', 3, function(id){cred(id)}, function(id){cblack(id)})">ссылка 13</a>
<br><br><a class="mm" id="idmmm,1" onclick="req('a', 'idmmm', 1, function(id){cred(id)}, function(id){cblack(id)})">ссылка 21</a>
<br><a class="mm" id="idmmm,2" onclick="req('a', 'idmmm', 2, function(id){cred(id)}, function(id){cblack(id)})">ссылка 22</a>
<br><a class="mm" id="idmmm,3" onclick="req('a', 'idmmm', 3, function(id){cred(id)}, function(id){cblack(id)})">ссылка 23</a>
<script>
function gt(obj)
{
return document.getElementsByTagName(obj);
}
function ge(id)
{
return document.getElementById(id);
}
function req(tag, name, num, f1, f2)
{
var tar = gt(tag);
for (i = 0; i < tar.length; i++)
{
var id = tar[i].id.split(',');
if (id[0] == name)
{
if (id[1] == num) f1(id); else f2(id);
}
}
}
function cblack(id)
{
ge(id).style.color = '#000000';
}
function cred(id)
{
ge(id).style.color = '#0080FF';
}
</script>
|
| |
| |
|
|
| |
|
|
| |
для: deimand
(31.08.2010 в 00:11)
| | |
<style type="text/css">
.link_kbs {
color: #336699;
}
.link_activ {
color: #000000;
}
</style>
<script type="text/javascript">
function f( link )
{
for( var e = link.parentNode.firstChild; e; e = e.nextSibling )
e.className = e == link ? 'link_activ' : 'link_kbs';
return 0;
}
</script>
<div>
<a href="#" onclick="f(this);" class="link_kbs">1</a>
<a href="#" onclick="f(this);" class="link_activ">2</a>
<a href="#" onclick="f(this);" class="link_kbs">3</a>
</div>
|
[поправлено модератором] | |
| |
|
|
