contare i click su un immagine (jquery)

**Mattia Vio** · 23-07-2012, 22:42

ciao a tutti,
quello che vorrei ovviamente non è il codice (per quello mi arrangio ci mancherebbe

)
ma sapere se esiste gia un plugin di jquery che mi permette di contare i click su un immagine ...
vi spiego cosa vorrei ottenere e quello che ho gia pensato :

questo javascript mi serve per contare ad esempio il numero di palloncini su una foto
io metto l'immagine dentro un div e conto il numero di volte che quel div viene cliccato in qualche modo.
affianco al div con l'immagine ci sarà ad esempio una tabella con :
numero palloncini rossi | click sui palloncini rossi
numero palloncini verdi | click sui palloncini verdi

esiste già un plugin del genere ?

senno me lo faccio insomma ma se potevo risparmiarmi una mezz'oretta ero ben contento

chiedetemi se non sono stato abbastanza chiaro e grazie per il tempo dedicatomi

**RoTeam** · 23-07-2012, 23:04

Originariamente inviato da Mattia Vio
ciao a tutti,
quello che vorrei ovviamente non è il codice (per quello mi arrangio ci mancherebbe

)
ma sapere se esiste gia un plugin di jquery che mi permette di contare i click su un immagine ...
vi spiego cosa vorrei ottenere e quello che ho gia pensato :

questo javascript mi serve per contare ad esempio il numero di palloncini su una foto
io metto l'immagine dentro un div e conto il numero di volte che quel div viene cliccato in qualche modo.
affianco al div con l'immagine ci sarà ad esempio una tabella con :
numero palloncini rossi | click sui palloncini rossi
numero palloncini verdi | click sui palloncini verdi

esiste già un plugin del genere ?

senno me lo faccio insomma ma se potevo risparmiarmi una mezz'oretta ero ben contento

chiedetemi se non sono stato abbastanza chiaro e grazie per il tempo dedicatomi

E' piuttosto facile da fare basta basarsi sull'evento del click e incrementare determinate
variabili, non credo ci siano simili plugin

**Mattia Vio** · 23-07-2012, 23:17

hola

si mentre scrivevo alla fine ho pensato che facevo prima a farlo che a aspettare risposta

ora sto cercando il modo per aggiungere un <tr> quando uno schiaccia un bottone .. questione di minuti .. l'ora tarda non aiuta .. sarà qualcosa tipo .html(eccc....

**Mattia Vio** · 23-07-2012, 23:23

cosa forse un po' piu hard ...
lasciare un puntino colorato sull'immagine nel punto in cui clicco ?

devo salvare le coordinate e metterci un immagine sopra ?

**Mattia Vio** · 24-07-2012, 01:39

ciao a tutti,

questo è il codice che ho fatto per ora :

<!doctype html public "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
<title>testCounter</title>
<script type="text/javascript" src="javascript/jquery-1.7.2.min.js"></script>
</head>
<body>
<div id="image_div">
[img]immagini/test.jpg[/img]
</div>
<script type="text/javascript">
function countThis(id){
var count = 0;
$("#image_div").click(function() {
count++;
$("#"+ id).html(count);
});
};
</script>
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
type: "GET",
url: "lista_specie/specie.xml",
dataType: "xml",
success: function(xml) {
$(xml).find('specie').each(function(){
var name = $(this).find('nome').text();
var funcName = 'count_'+ name;
window[funcName]=function() {
var count = 0;
$("#image_div").click(function(){
count++;
$("#counter_"+name).html(count);
});
};
$('<tr></tr>').html('<td id="'+name+'">'+name+'</td><td id="counter_'+name+'" onClick="'+funcName+'()">0</td>').appendTo('#name_and_count');
});
}
});
});
</script>

<table id="name_and_count" border="1px solid black">
<tr>
<td>Specie</td>
<td>Conteggio</td>
</tr>
</table>

<input type="button" onClick="$('#name_and_count tr:last').after('<tr><td></td><td></td></tr>');" value="aggiungi riga"/>
</body>
</html>

ora riesce a creare la tabella dal file xml e fin la tutto apposto.
riesce anche a far partire i counter quando clicco sulla seconda td e aumenta effettivamente il conteggio ...
il problema è che esempio :

Specie | conteggio click sull'img
specie1 | 45
specie2 | 0

quando clicco su 0 di specie2 parte effettivamente a contare solo che continua a sommarlo anche al 45 della specie1 ... mi serve un modo di, una volta cliccato su un altro tr, interrompere il conteggio del primo tr

**Xinod** · 24-07-2012, 01:59

continua in una sola discussione, questa

Discussione: contare i click su un immagine (jquery)

Strumenti discussione

Ricerca discussione

Visualizza

contare i click su un immagine (jquery)

Re: contare i click su un immagine (jquery)

javascript counter stop counting

Permessi di invio