Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Кликнутый элемент / 5 сообщений из 5, страница 1 из 1
02.04.2014, 08:25
    #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:46
    #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, 09:08
    #38602565
Sabyrov.Talgat
Sabyrov.Talgat
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Кликнутый элемент
krvsa,
Здесь подсвечивается только при наводке, а нужно чтоб после нажатий. Ну как Google. Там же листают страницу, и тогда нажатая кнопка подсвечивается.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.04.2014, 09:16
    #38602572
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Кликнутый элемент
Sabyrov.TalgatЗдесь подсвечивается только при наводке, а нужно чтоб после нажатий.
В моем примере используется событие click. Какая еще "наводка"?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.04.2014, 10:29
    #38602673
carrotik
carrotik
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Кликнутый элемент
Sabyrov.Talgat,
... вам пейджинг страниц нужен? .. так плугинов выше крыши
http://www.tripwiremagazine.com/2012/10/jquery-pagination-plugins.html
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Кликнутый элемент / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 450ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1447257]:
 0ms
get settings:
 5ms
get forum list:
 19ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 156ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 49ms
get tp. blocked users:
 1ms
others: 200ms
total:  450ms
x
x
Закрыть


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