X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Подсветка блока
autotype
autotype
Topic Starter сообщение 21.5.2012, 22:41; Ответить: autotype
Сообщение #1


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

помогите не знаю как сделать и чем проще тем лучше :)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 22.5.2012, 1:12; Ответить: yury_mw
Сообщение #2


Например, так можно сделать
<!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>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Отображение нужного блока при клике.
0 bhtml 1674 10.7.2020, 15:18
автор: -bhtml-
Открытая тема (нет новых ответов) Как средствами CSS сделать высоту блока больше или равной высоте контейнера?
4 S0meT1me 6402 30.7.2014, 9:36
автор: -Den1xxx-
Открытая тема (нет новых ответов) Можно ли поменять размер блока в google adsense
1 -Сергей- 2258 22.1.2014, 15:53
автор: Sosnovskij
Открытая тема (нет новых ответов) Pisces 2 блока
0 m058sw 2981 16.12.2013, 20:14
автор: -m058sw-
Открытая тема (нет новых ответов) Плавное появление блока при наведении курсора
4 Danilkin 17567 4.12.2013, 12:16
автор: -deadonlyone-


 



RSS Текстовая версия Сейчас: 25.4.2024, 17:03
Дизайн