ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Кликнутый элемент
5 сообщений из 5, страница 1 из 1
Кликнутый элемент
    #38602540
Sabyrov.Talgat
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Sabyrov.Talgat
Гость
в <div> есть несколько записей.

<div>
<a class="page">1</a>
<a class="page">2</a>
<a class="page">3</a>
<a class="page">4</a>
<a class="page">5</a>
<a class="page">6</a>
.............
<a>100</a>
</div>

Если кликнуть на одну из них, то задний фон кликнутой записи должен стать белым, т.е должно означать что пользователь находиться на этой странице.
Как это сделать с помощью JavaScript?
...
Рейтинг: 0 / 0
02.04.2014, 08:25
| Ответить | Цитировать | Написать  
Кликнутый элемент
    #38602548
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Sabyrov.TalgatКак это сделать с помощью JavaScript?
Как вариант...

Код: html
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.
<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
div {
	background-color: green;
	border: 1px solid green;
}
a {
	display: block;
}
.on {
	background-color: #ffffff;
}
</style>
<script type='text/javascript'>
$(function (){
	$('.page').click(function (){
		$(this.parentNode).find('.on').removeClass('on');
		$(this).addClass('on');
	});
});
</script>
</head>
<body>
<div>
	<a class="page">1</a>
	<a class="page">2</a>
	<a class="page">3</a>
	<a class="page">4</a>
	<a class="page">5</a>
	<a class="page">6</a>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
02.04.2014, 08:46
| Ответить | Цитировать | Написать  
Кликнутый элемент
    #38602565
Sabyrov.Talgat
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Sabyrov.Talgat
Гость
krvsa,
Здесь подсвечивается только при наводке, а нужно чтоб после нажатий. Ну как Google. Там же листают страницу, и тогда нажатая кнопка подсвечивается.
...
Рейтинг: 0 / 0
02.04.2014, 09:08
| Ответить | Цитировать | Написать  
Кликнутый элемент
    #38602572
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Sabyrov.TalgatЗдесь подсвечивается только при наводке, а нужно чтоб после нажатий.
В моем примере используется событие click. Какая еще "наводка"?
...
Рейтинг: 0 / 0
02.04.2014, 09:16
| Ответить | Цитировать | Написать  
Кликнутый элемент
    #38602673
carrotik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
carrotik
Участник
Sabyrov.Talgat,
... вам пейджинг страниц нужен? .. так плугинов выше крыши
http://www.tripwiremagazine.com/2012/10/jquery-pagination-plugins.html
...
Рейтинг: 0 / 0
02.04.2014, 10:29
| Ответить | Цитировать | Написать  
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Кликнутый элемент
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&tid=1447257]:
 0ms
get settings:
 7ms
get forum list:
 16ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 182ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 28ms
get tp. blocked users:
 1ms
others: 228ms
total:  480ms
созд. / загр.: 480ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]