С Новым годом! Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.86/7: Рейтинг темы: голосов - 7, средняя оценка - 4.86
0 / 0 / 0
Регистрация: 22.01.2013
Сообщений: 60
1

Выделение пункта меню

02.04.2013, 10:40. Показов 1458. Ответов 6
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
HTML5
1
2
3
4
5
6
7
8
<div id="menu">
        <div class="link"><a href="http://1">1</a></div>
        <div class="link"><a href="http://2">2</a></div>
        <div class="link"><a href="http://3">3</a></div>
        <div class="link"><a href="http://4">4</a></div>
        <div class="link"><a href="http://5">5</a></div>
        <div class="clr"></div>
        </div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
.link a {
color:#fff;
margin-left:50px;
vertical-align:middle;
float:left;
padding:10px 0;
-webkit-border-radius:7px;
-moz-border-radius:7px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;}
 
.link a:hover {color: #000;text-decoration: underline;}
В шаблоне есть папка JS.

Подскажите, как сделать, чтобы выбранный пункт меню был другого стиля до перехода на следующую страницу. готовые варианты, которые нагуглил - не работают.
0
IT_Exp
Эксперт
8794 / 1073 / 104
Регистрация: 17.06.2006
Сообщений: 12,602
Блог
02.04.2013, 10:40
Ответы с готовыми решениями:

Выделение картинкой пункта меню
Привет всем ! подскажите пожалуйста как реализовать такую вот штуку ? Имеется меню горизонтальное...

Выделение активного пункта меню
Доброй ночи. Есть скрипт на jquery, выделение активного пункта меню, он работает. Мне нужно чтобы...

JQuery выделение активного пункта меню
Есть меню &lt;div id=&quot;menu&quot;&gt; &lt;ul&gt; &lt;li class=&quot;current_page_item&quot;&gt;Home&lt;/li&gt; &lt;li...

Выделение активного пункта меню - jQuery
все ищу ищу готовый вариант, разобраться в jQuery - могу только поменять классы, а с регулярными...

6
странник
810 / 481 / 108
Регистрация: 28.05.2012
Сообщений: 1,518
Записей в блоге: 2
02.04.2013, 13:31 2
Javascript
1
2
3
$('.link a').click(function(){
  $(this).css({'color':'#000','text-decoration':'underline'});
});
0
0 / 0 / 0
Регистрация: 22.01.2013
Сообщений: 60
02.04.2013, 13:48  [ТС] 3
Цитата Сообщение от Donald28 Посмотреть сообщение
Javascript
1
2
3
$('.link a').click(function(){
  $(this).css({'color':'#000','text-decoration':'underline'});
});
Скопипастил в файл с расширением htc, но ничего не изменилось. Я первый раз касаюсь JS...

PHP
1
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/iepngfix_tilebg.js" type="text/javascript"></script>
Вложения
Тип файла: rar JS.rar (14.3 Кб, 3 просмотров)
0
странник
810 / 481 / 108
Регистрация: 28.05.2012
Сообщений: 1,518
Записей в блоге: 2
02.04.2013, 13:54 4
а библиотека jQuery подключена?
0
0 / 0 / 0
Регистрация: 22.01.2013
Сообщений: 60
02.04.2013, 14:11  [ТС] 5
Цитата Сообщение от Donald28 Посмотреть сообщение
а библиотека jQuery подключена?
PHP
1
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/iepngfix_tilebg.js" type="text/javascript"></script>
вот строка , если вы про это
0
Почетный модератор
Эксперт HTML/CSSЭксперт PHP
16844 / 6724 / 880
Регистрация: 12.06.2012
Сообщений: 19,967
02.04.2013, 14:31 6
Цитата Сообщение от Rupert Посмотреть сообщение
$this->baseurl
используете какой-то фреймворк?

Добавлено через 26 секунд
Цитата Сообщение от Rupert Посмотреть сообщение
iepngfix_tilebg.js
вы уверены, что это именно jquery?
0
0 / 0 / 0
Регистрация: 22.01.2013
Сообщений: 60
02.04.2013, 15:02  [ТС] 7
не уверен. я вообще в этой теме 0

сайт на joomla
а что от меня еще требуется? какие файлы

Вот еще в корне файл htc
Javascript
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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<public:component>
<script type="text/javascript">
 
// IE5.5+ PNG Alpha Fix v2.0 Alpha
// (c) 2004-2009 Angus Turnbull [url]http://www.twinhelix.com[/url]
 
// This is licensed under the GNU LGPL, version 2.1 or later.
// For details, see: [url]http://creativecommons.org/licenses/LGPL/2.1/[/url]
 
var IEPNGFix = window.IEPNGFix || {};
IEPNGFix.data = IEPNGFix.data || {};
 
 
// CONFIG: blankImg is the path to blank.gif, *relative to the HTML document*.
// Try either:
// * An absolute path like:  '/images/blank.gif'
// * A path relative to this HTC file like:  thisFolder + 'blank.gif'
var thisFolder = document.URL.replace(/(\\|\/)[^\\\/]*$/, '/');
IEPNGFix.blankImg = thisFolder + 'images/blank.gif';
 
 
IEPNGFix.fix = function(elm, src, t) {
    // Applies an image 'src' to an element 'elm' using the DirectX filter.
    // If 'src' is null, filter is disabled.
    // Disables the 'hook' to prevent infinite recursion on setting BG/src.
    // 't' = type, where background tile = 0, background = 1, IMG SRC = 2.
 
    var h = this.hook.enabled;
    this.hook.enabled = 0;
 
    var f = 'DXImageTransform.Microsoft.AlphaImageLoader';
        src = (src || '').replace(/\(/g, '%28').replace(/\)/g, '%29');
 
    if (
        src && !(/IMG|INPUT/.test(elm.nodeName) && (t != 2)) &&
        elm.currentStyle.width == 'auto' && elm.currentStyle.height == 'auto'
    ) {
        if (elm.offsetWidth) {
            elm.style.width = elm.offsetWidth + 'px';
        }
        if (elm.clientHeight) {
            elm.style.height = elm.clientHeight + 'px';
        }
        if (elm.currentStyle.display == 'inline') {
            elm.style.display = 'inline-block';
        }
    }
 
    if (t == 1) {
        elm.style.backgroundImage = 'url("' + this.blankImg + '")';
    }
    if (t == 2) {
        elm.src = this.blankImg;
    }
 
    if (elm.filters[f]) {
        elm.filters[f].enabled = src ? true : false;
        if (src) {
            elm.filters[f].src = src;
        }
    } else if (src) {
        elm.style.filter = 'progid:' + f + '(src="' + src +
            '",sizingMethod="' + (t == 2 ? 'scale' : 'crop') + '")';
    }
 
    this.hook.enabled = h;
};
 
 
IEPNGFix.process = function(elm, init) {
    // Checks the onpropertychange event (on first 'init' run, a fake event)
    // and calls the filter-applying-functions.
 
    if (
        !/MSIE (5\.5|6)/.test(navigator.userAgent) ||
        typeof elm.filters == 'unknown'
    ) {
        return;
    }
    if (!this.data[elm.uniqueID]) {
        this.data[elm.uniqueID] = {
            className: ''
        };
    }
    var data = this.data[elm.uniqueID],
        evt = init ? { propertyName: 'src,backgroundImage' } : event,
        isSrc = /src/.test(evt.propertyName),
        isBg = /backgroundImage/.test(evt.propertyName),
        isPos = /width|height|background(Pos|Rep)/.test(evt.propertyName),
        isClass = !init && ((elm.className != data.className) &&
            (elm.className || data.className));
    if (!(isSrc || isBg || isPos || isClass)) {
        return;
    }
    data.className = elm.className;
    var blank = this.blankImg.match(/([^\/]+)$/)[1],
        eS = elm.style,
        eCS = elm.currentStyle;
 
    // Required for Whatever:hover - erase set BG if className changes.
    if (
        isClass && (eS.backgroundImage.indexOf('url(') == -1 ||
        eS.backgroundImage.indexOf(blank) > -1)
    ) {
        return setTimeout(function() {
            eS.backgroundImage = '';
        }, 0);
    }
 
    // Foregrounds.
    if (isSrc && elm.src && { IMG: 1, INPUT: 1 }[elm.nodeName]) {
        if ((/\.png/i).test(elm.src)) {
            if (!elm.oSrc) {
                // MM rollover compat
                elm.oSrc = elm.src;
            }
            this.fix(elm, elm.src, 2);
        } else if (elm.src.indexOf(blank) == -1) {
            this.fix(elm, '');
        }
    }
 
    // Backgrounds.
    var bgSrc = eCS.backgroundImage || eS.backgroundImage;
    if ((bgSrc + elm.src).indexOf(blank) == -1) {
        var bgPNG = bgSrc.match(/url[("']+(.*\.png[^\)"']*)[\)"']/i);
        if (bgPNG) {
            if (this.tileBG && !{ IMG: 1, INPUT: 1 }[elm.nodeName]) {
                this.tileBG(elm, bgPNG[1]);
                this.fix(elm, '', 1);
            } else {
                if (data.tiles && data.tiles.src) {
                    this.tileBG(elm, '');
                }
                this.fix(elm, bgPNG[1], 1);
                this.childFix(elm);
            }
        } else {
            if (data.tiles && data.tiles.src) {
                this.tileBG(elm, '');
            }
            this.fix(elm, '');
        }
    } else if ((isPos || isClass) && data.tiles && data.tiles.src) {
        this.tileBG(elm, data.tiles.src);
    }
 
    if (init) {
        this.hook.enabled = 1;
        elm.attachEvent('onpropertychange', this.hook);
    }
};
 
 
IEPNGFix.childFix = function(elm) {
    // "hasLayout" fix for unclickable children inside PNG backgrounds.
    var tags = [
            'a',
            'input',
            'select',
            'textarea',
            'button',
            'iframe',
            'object'
        ],
        t = tags.length,
        tFix = [];
    while (t--) {
        var pFix = elm.all.tags(tags[t]),
            e = pFix.length;
        while (e--) {
            tFix.push(pFix[e]);
        }
    }
    t = tFix.length;
    if (t && (/relative|absolute/i).test(elm.currentStyle.position)) {
        alert('IEPNGFix: Unclickable children of element:' +
            '\n\n<' + elm.nodeName + (elm.id && ' id=' + elm.id) + '>');
    }
    while (t--) {
        if (!(/relative|absolute/i).test(tFix[t].currentStyle.position)) {
            tFix[t].style.position = 'relative';
        }
    }
};
 
 
IEPNGFix.hook = function() {
    if (IEPNGFix.hook.enabled) {
        IEPNGFix.process(element, 0);
    }
};
 
 
IEPNGFix.process(element, 1);
 
</script>
</public:component>
0
02.04.2013, 15:02
BasicMan
Эксперт
19315 / 2622 / 84
Регистрация: 17.02.2009
Сообщений: 10,364
Блог
02.04.2013, 15:02
Помогаю со студенческими работами здесь

Доделать выделение активного пункта меню
Доброго времени суток! Я организовал подсветку активного пункта меню. Но не выхоит сделать такую...

Выделение пункта меню в зависимости от текущей страницы
Доброго времени суток. Делаю сайт Код выложить не смогу, т.к он в бит в шаблон и его сложно...

Подсветка активного пункта меню
У меня есть многоуровневое меню на сайте, и я написал скрипт что бы подсвечивало активный пункт...

Прокрутка страницы до нужного пункта меню
незнаю куда задать вопрос, т.к не уверен как это работает.. вообщем заинтересовал вот такой шаблон...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Блоги программистов
Обновление сайта www.historian.b­y
Reglage 05.01.2025
Обещал подвести итоги 2024 года для сайта. Однако начну с того, что изменилось за неделю. Добавил краткий урок по последовательности действий при анализе вредоносных файлов и значительно улучшил урок. . .
Как использовать GraphQL в C# с HotChocolate
Programming 05.01.2025
GraphQL — это современный подход к разработке API, который позволяет клиентам запрашивать только те данные, которые им необходимы. Это делает взаимодействие с API более гибким и эффективным по. . .
Модель полного двоичного суматора с помощью логических операций (python)
AlexSky-coder 04.01.2025
def binSum(x:list, y:list): s=^y] p=x and y for i in range(1,len(x)): s. append((x^y)^p) p=(x and y)or(p and (x or y)) return s x=list() y=list()
Это мы не проходили, это нам не задавали...(аси­хронный счётчик с управляющим сигналом задержки).
Hrethgir 04.01.2025
Асинхронный счётчик на сумматорах (шестиразрядный по числу диодов на плате, но наверное разрядов будет больше - восемь или шестнадцать, а диоды на старшие), так как триггеры прошли тестирование и. . .
Руководство по созданию бота для Телеграм на Python
IT_Exp 04.01.2025
Боты для Телеграм представляют собой автоматизированные программы, которые выполняют различные задачи, взаимодействуя с пользователями через интерфейс мессенджера. В данной статье мы рассмотрим,. . .
Применение компонентов PrimeVue в Vue.js 3 на TypeScript
BasicMan 04.01.2025
Введение в PrimeVue и настройка окружения PrimeVue представляет собой мощную библиотеку компонентов пользовательского интерфейса для Vue. js 3, которая предоставляет разработчикам богатый набор. . .
Как стать Senior developer
cpp_developer 04.01.2025
В современной индустрии разработки программного обеспечения позиция Senior Developer представляет собой не просто следующую ступень карьерной лестницы, а качественно новый уровень профессионального. . .
Что известно о дате выхода Windows 12 и чего от нее ждать
IT_Exp 04.01.2025
В мире технологий постоянно происходят изменения, и операционные системы не являются исключением. Windows 11, выпущенная в октябре 2021 года, принесла множество инноваций и улучшений, но. . .
Что новенького в .NET Core 9
Programming 04.01.2025
Обзор ключевых изменений в . NET Core 9 Платформа . NET Core продолжает активно развиваться, и версия 9 представляет собой значительный шаг вперед в эволюции этой технологии. Новый релиз. . .
Инструкция по установке python3.13.1 в Debian 12
AlexSky-coder 03.01.2025
sudo apt update sudo apt install build-essential zlib1g-dev libncurses5-dev libgdbm-dev libnss3-dev libssl-dev libreadline-dev libffi-dev wget. . .
Затестил триггеры. архив проекта прилагаю с GOA файлами в настройках архиватора проектов.
Hrethgir 03.01.2025
В этот раз нет закольцованности, потому что от неё только глюки, как я понял, логика не вырезанная. Триггеры очень быстрые если верить измерениям с помощью анализатора от Gowin. Есть ещё регистры,. . .
Python в помощь DevOps
IT_Exp 03.01.2025
Причины использования Python в работе DevOps Python стал неотъемлемой частью мира DevOps, и это не случайно. Этот язык программирования обладает множеством преимуществ, которые делают его. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru