Форум

Евгений_86 · #1 (**permalink**) 11.04.2011, 09:39

всем Дорое время суток!
как можно подсчет количества кликов мыши на объект в jquery
желательно с каким нибудь примером
просто с jquery познакомился не давно

walik · #2 (**permalink**) 11.04.2011, 10:25

Так что ли ?

<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
	$('#myObj').click(function() {
		$('#counter').html(+$('#counter').html()+1);
	});
});
</script>
<style>
#myObj {
	border: 1px;width: 100px;height: 100px;
}
</style>
</head>
<body>
<div id="myObj">Click Me</div>
<div id="counter">0</div>
</body>
</html>

OGS · #3 (**permalink**) 18.11.2011, 22:38

Скажите, а можно результат нажатия отображать в независимом окне, например разбить фреймами и в одном будет ссылка, а во втором счетчик???

Polsaimon · #4 (**permalink**) 15.08.2012, 11:41

Цитата:

<html>
02 <head>
03 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
04 <script type="text/javascript" language="javascript">
05 $(document).ready(function() {
06 $('#myObj').click(function() {
07 $('#counter').html(+$('#counter').html()+1);
08 });
09 });
10 </script>
11 <style>
12 #myObj {
13 border: 1px;width: 100px;height: 100px;
14 }
15 </style>
16 </head>
17 <body>
18 <div id="myObj">Click Me</div>
19 <div id="counter">0</div>
20 </body>
21 </html>

Скрипт хороший, а как сделать, чтобы подсчет сохранялся, а не сбрасывался при перезагрузки страницы?

ksa · #5 (**permalink**) 15.08.2012, 11:55

Сообщение от Polsaimon

а как сделать, чтобы подсчет сохранялся, а не сбрасывался при перезагрузки страницы?

Использовать куки или таки базу данных...

bes · #6 (**permalink**) 15.08.2012, 12:08

Сообщение от Евгений_86

как можно подсчет количества кликов мыши на объект в jquery

можно узнать как вы это будете использовать
PS: спросил человека, который последнее сообщение оставил в 2011 году

Polsaimon · #7 (**permalink**) 15.08.2012, 12:36

Просто нужно, чтобы на сайте в статьях была кнопка, "Мне нравится" с подсчетом нажатий и сохранением этих подсчетов на каждой странице, этот скрипт подходит, только не сохраняет подсчет, а как сделать не знаю, т.к. с jqwery не знаком.
Может кто знает как дописать? Помогите, пожалуйста!

Deff · #8 (**permalink**) 15.08.2012, 12:57

Polsaimon,
Чтобы сохранять для всех - необходимо отправлять данные - Аяксом или скрытой формой на сервер, который увеличивает счетчик, - Тогда удобнее итоговую цифру подсчета результатов выводить либо мелким фреймом с отдельной страницы сайта(либо JSON файлом)
Куки и Storage - не спасают... поскольку они изолировано находятся на каждом пользователе

bes · #9 (**permalink**) 15.08.2012, 12:59

juery в принципе не нужен

<button class="but">+</button>
<span id="span"></span>

<script>
window.onload = function () {
	span = document.getElementById('span');
	var count = 0; //сюда записываем текущее значение
	span.innerHTML = count; 
	
	document.body.onclick = function (e) {
		e = e || event;
		var target = e.target || e.srcElement;
		if (target.className == 'but') {
			count++;
			//здесь отсылаем новые данные на сервер, при удачном ответе обновляем содержимое span
			span.innerHTML = count;
		}
	}
}
</script>

Polsaimon · #10 (**permalink**) 15.08.2012, 13:06

Получается также, при перезагрузке страницы, подсчет обнуляется, наверное запись должна либо в базу уходить, либо в файл, я так думаю

Форум

Справочник

Discord чат

Курсы javascript