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

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

02.04.2013, 10:40. Показов 1598. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Видеокарта простаивает ночами? Вот 4 проекта, которые загрузят её наукой
Programma_Boinc 10.04.2026
Видеокарта простаивает ночами? Вот 4 проекта, которые загрузят её наукой Если на Windows стоит дискретная NVIDIA или AMD — можно отдать её вычислительную мощность реальным исследованиям. . . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru