Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Подсчет количества кликов мыши на объект в jquery (https://javascript.ru/forum/events/16503-podschet-kolichestva-klikov-myshi-na-obekt-v-jquery.html)

Евгений_86 11.04.2011 09:39

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

walik 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 18.11.2011 22:38

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

Polsaimon 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 15.08.2012 11:55

Цитата:

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

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

bes 15.08.2012 12:08

Цитата:

Сообщение от Евгений_86
как можно подсчет количества кликов мыши на объект в jquery

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

Polsaimon 15.08.2012 12:36

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

Deff 15.08.2012 12:57

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

bes 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 15.08.2012 13:06

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


Часовой пояс GMT +3, время: 09:10.