меню свойство только к активным пунктам .click

@vudd2007 · Регистрация: 19.02.2013

Студворк — интернет-сервис помощи студентам

если у меня меню, в котором я хочу нажимать кнопки, но чтобы активная была только та, на которую я последнюю нажал, ну чтобы свойства применялись к ней, а с соседних возвращались(становились прежними)
это javascript? или есть чтото попроще??

@Soldado · 20.05.2013, 16:52

Нужно получать адрес из адресной строки и сравнивать с адресами всех ссылок и при совпадении все ссылки делать неактивными, а совпавшую активной. Пример
Давайте Ваше меню сюда - html-код

@vudd2007 · 20.05.2013, 17:37 **[ТС]**

вот такое : http://jsbin.com/ebewub/1/

если есть теория, давайте

с удовольствием почитаю

может какието есть углубленные курсы, сайты с JQuery с примерами

Добавлено через 18 минут
и да, мне же нужно без перехода

просто меню с помощью анимации переносится в левый край, и расскрывается и стоит там, пока ты не выберешь новый пункт

Добавлено через 17 минут
вот как здесь http://ruseller.com/lessons/le... index.html топовое меню

@Soldado · 20.05.2013, 19:48

Вот пример подсветки кликнутой ссылки. При клике по любому li для всех li удаляется класс active, а кликнутому li этот класс добавляется. Для этого класса в сss свойствах прописывается желаемый цвет фона.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $('.topmenu ul li').click(function(){
    $('.topmenu ul li').removeClass('active');
    $(this).addClass('active');
    
 });
 
});/*end  ready*/
</script>
</head>
<style>
ul li {
    -moz-user-select: none;   
    border:1px solid black;
    display:table-cell;
    height:12px;
    width:113px;
    font-size:.6em;
    color:#FFF;
    font-weight:bolder;
    text-align:center;
    cursor:pointer;
    transition:all .2s;
    
}
.active{
    background-color:#6347e4; 
}
</style>
<body>
  
    <div class="topmenu" style="display:table;position:absolute;top:70px;left:33px;width:810px;height:14px;background:rgba(0,255,255,.6);border-radius:1px;">
        <ul style="display:table-row;list-style:none;">
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
            <li>Item 4</li>
            <li>Item 5</li>
            <li>Item 6</li>
            <li>Item 7</li>
        </ul>
    </div>
  
</body>
</html>

Что касается теории, то вот сайт с примерами

@vudd2007 · 20.05.2013, 19:56 **[ТС]**

Спасибо большое)

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

@vudd2007 0 / 0 / 1 Регистрация: 19.02.2013 Сообщений: 28

	меню свойство только к активным пунктам .click 20.05.2013, 16:37. Показов 833. Ответов 4 Метки нет (Все метки) если у меня меню, в котором я хочу нажимать кнопки, но чтобы активная была только та, на которую я последнюю нажал, ну чтобы свойства применялись к ней, а с соседних возвращались(становились прежними) это javascript? или есть чтото попроще?? 0

@Soldado 901 / 833 / 198 Регистрация: 28.06.2012 Сообщений: 1,607 Записей в блоге: 4
	20.05.2013, 16:52
	Нужно получать адрес из адресной строки и сравнивать с адресами всех ссылок и при совпадении все ссылки делать неактивными, а совпавшую активной. Пример Давайте Ваше меню сюда - html-код 1

@vudd2007 0 / 0 / 1 Регистрация: 19.02.2013 Сообщений: 28
	20.05.2013, 17:37 [ТС]
	вот такое : http://jsbin.com/ebewub/1/ если есть теория, давайте с удовольствием почитаю может какието есть углубленные курсы, сайты с JQuery с примерами Добавлено через 18 минут и да, мне же нужно без перехода просто меню с помощью анимации переносится в левый край, и расскрывается и стоит там, пока ты не выберешь новый пункт Добавлено через 17 минут вот как здесь http://ruseller.com/lessons/le... index.html топовое меню 0

@vudd2007 0 / 0 / 1 Регистрация: 19.02.2013 Сообщений: 28
	20.05.2013, 19:56 [ТС]
	Спасибо большое) 0