Перейти к содержимому

Сервис обмена электронных валют

Выбрать шаблон и создать сайт

Подсветка блока

#1 кипятильник

кипятильник
  • Пользователь
  • 102 сообщений
  • Репутация: 0
0

Отправлено 21 Май 2012 - 21:41

Здравствуйте,
есть много div при клике он должен получать style border, при клике на следующий блок в предедущего блока должно снять style border и появиться в том блоке по которому кликнули

помогите не знаю как сделать и чем проще тем лучше :)

 

 

  • 0

#2 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 22 Май 2012 - 00:12

Например, так можно сделать
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
    .plain{border: 0;}
    .selected{border: 1px solid black;}
</style>
<script type="text/javascript"><!--
    var selected_pnt = 3;
    function rollTo(pnt_to_select) {
        if (selected_pnt != pnt_to_select) {
            document.getElementById("id"+selected_pnt).className = "plain";
            document.getElementById("id"+pnt_to_select).className = "selected";
            selected_pnt = pnt_to_select;
        }
 }
//-->
</script>
</head>
<body>
    <div onclick="rollTo(1);" class="plain" id="id1">First</div>
    <div onclick="rollTo(2);" class="plain" id="id2">Second</div>
    <div onclick="rollTo(3);" class="selected" id="id3">Third</div>
    <div onclick="rollTo(4);" class="plain" id="id4">Fourth</div>
    <div onclick="rollTo(5);" class="plain" id="id5">Fifth</div>
</body>
</html>

  • 0


Оформление форума – IPBSkins.ru