ОсновноеRadiotalkПользовательское
Программирование
6   •   Посмотреть все темы

onblur

 

6703
Андрей @ZloVeЩиЙ
Есть несколько ф-кций виду:

var flag=1
function imgchange(){
if (flag=="1") {document.getElementById('qqq').style.borderTop="2px solid #fff"; flag="2";}
if (flag=="2") {document.getElementById('qqq').style.borderTop="0px"; flag="1";}
}
var flag2=1
function imgchange2(){
if (flag2=="1") {document.getElementById('www').style.borderTop="2px solid #000"; flag2="2";}
if (flag2=="2") {document.getElementById('www').style.borderTop="0px"; flag2="1";}
}

При щелчке на обьект с id=qqq ему добавляется верхний бордер 2px solid #000, еще раз щелчек, бордер убираем 0px, аналогично с обьектом id=www.
Нужно добавить отмену верхнего бордера при щелчке на обьект с другим id, предполагаю с помощью onblur можно реализовать.
Тоесть:
имеем обьект с id=qqq при щелчке ему прописывается верхний бордер 2px solid #fff, при щелчке на обьект с id=www верхний бордер 2px solid #000 прописывается и для этого обьекта, тоесть оба обьекта со своим бордером, нужно что бы при щелчке на другой обьект бордер с первого снимался, а при щелчке на первый обьект бордер со второго снимался...
Помогите реализовать?

Отредактировано ZloVeЩиЙ - 10.10.2010
6703
Андрей @ZloVeЩиЙ
Сообственно как всегда спасибо ridz`y!
Может кому еще в каких целях понадобится:
В HEAD
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/

function set_borderTop(id)
{
var borderTop ={ "div1":"5px solid #FF0000",
"div2":"5px solid #FFFF00",
"div3":"5px solid #0000CD"
}
for(var k in borderTop) document.getElementById(k).style.borderTop=""
document.getElementById(id).style.borderTop=borderTop[id]
}
/*]]>*/
</script>

Ну и в BODY
<div id="div1" onclick="set_borderTop(this.id)"></div>
<div id="div2" onclick="set_borderTop(this.id)"></div>
<div id="div3" onclick="set_borderTop(this.id)"></div>