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


Пользователь месяца
ShowPrint ShowPrint 1-й за Сентябрь
Очков активности: 283 2 темы, 21 сообщение, 7 баллов репутации
Сайт: ShowPrint.ru
ТОП самых активных за этот месяц
  • Фотография Medvedoc
    #1

    Medvedoc
    Очков активности: 426 8 тем, 47 сообщений, 4 балла репутации

  • Фотография ShowPrint
    #2

    ShowPrint (ShowPrint.ru)
    Очков активности: 165 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #3

    BLIK
    Очков активности: 135 Вне конкурса за определение пользователя месяца

  • Фотография WGN
    #4

    WGN (worldgamenews.com)
    Очков активности: 79.5 Вне конкурса за определение пользователя месяца

  • Фотография Алексей111
    #5

    Алексей111 (xvideo24.ru)
    Очков активности: 66 8 тем, 20 сообщений, 1 балл репутации

  • Фотография Ixman
    #6

    Ixman (o5cat.ru)
    Очков активности: 54 0 тем, 12 сообщений, 3 балла репутации

  • Фотография yuran
    #7

    yuran (yurbol.ru)
    Очков активности: 31.5 1 тема, 18 сообщений, 1 балл репутации

  • Фотография Zevss
    #8

    Zevss (domles43.ru)
    Очков активности: 15 1 тема, 7 сообщений, 1 балл репутации

  • Фотография devpro
    #9

    devpro
    Очков активности: 13.5 0 тем, 9 сообщений, 1 балл репутации

  • Фотография Игорь Ку
    #10

    Игорь Ку (dudesday.ru)
    Очков активности: 13.5 3 темы, 0 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 26.09.2018
  • Яндекс выдача: 16.10.2018
Топ 5 участников по репутации


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

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

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

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

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

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

 

 

  • 0

#2 yury

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

Отправлено 22 May 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