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

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

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

Студворк — интернет-сервис помощи студентам
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
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,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 class=&quot;&quot;&gt;&lt;a href=&quot;#&quot;&gt;Blog&lt;/a&gt;&lt;/li&gt; &lt;li...

6
странник
 Аватар для Donald28
810 / 481 / 108
Регистрация: 28.05.2012
Сообщений: 1,518
Записей в блоге: 2
02.04.2013, 13:31
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  [ТС]
Цитата Сообщение от 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
странник
 Аватар для Donald28
810 / 481 / 108
Регистрация: 28.05.2012
Сообщений: 1,518
Записей в блоге: 2
02.04.2013, 13:54
а библиотека jQuery подключена?
0
0 / 0 / 0
Регистрация: 22.01.2013
Сообщений: 60
02.04.2013, 14:11  [ТС]
Цитата Сообщение от 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
 Аватар для KOPOJI
16844 / 6724 / 880
Регистрация: 12.06.2012
Сообщений: 19,967
02.04.2013, 14:31
Цитата Сообщение от Rupert Посмотреть сообщение
$this->baseurl
используете какой-то фреймворк?

Добавлено через 26 секунд
Цитата Сообщение от Rupert Посмотреть сообщение
iepngfix_tilebg.js
вы уверены, что это именно jquery?
0
0 / 0 / 0
Регистрация: 22.01.2013
Сообщений: 60
02.04.2013, 15:02  [ТС]
не уверен. я вообще в этой теме 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
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
02.04.2013, 15:02
Помогаю со студенческими работами здесь

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

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

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

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

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


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

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Первый деплой
lagorue 16.01.2026
Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru