klik opteller javascript
ik heb een vraagje over javascript,
ik heb een clickcounter gemaakt maar nu weet ik niet meer hoe ik doe reset, en hoe ik er voor zorg dat die op elke pagina geklikt kan worden zonder dat die het allemaal optelt bij elkaar,
want nu is het zo als ik op de "index.php" klik dan telt die ook op de "New-Music.php" op..
is er iets dat ik misschien verkeerd doe of vergeet ik iets in het volgende script:
<!DOCTYPE html>
<html>
<head>
<script>
function clickCounter()
{
if(typeof(Storage)!=="undefined")
{
if (localStorage.clickcount)
{
localStorage.clickcount=Number(localStorage.clickcount)+1;
}
else
{
localStorage.clickcount=1;
}
document.getElementById("result").innerHTML=" " + localStorage.clickcount + " - Todays Downloads.";
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
}
}
</script>
</head>
<body>
<p><button onclick="clickCounter()" type="button">Download</button></p>
<div id="result"></div>
</body>
</html>
Gewijzigd op 29/01/2013 15:43:21 door Vincent berger
Code (php)
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
40
41
42
43
44
45
46
47
48
49
50
51
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
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html>
<head>
<script>
function clickCounter()
{
if(typeof(Storage)!=="undefined")
{
if (localStorage.clickcount)
{
localStorage.clickcount=Number(localStorage.clickcount)+1;
}
else
{
localStorage.clickcount=1;
}
document.getElementById("result").innerHTML=" " + localStorage.clickcount + " - Todays Downloads.";
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
}
}
function clickcleaner()
{
if(typeof(Storage)!=="undefined")
{
if (localStorage.clickcount)
{
localStorage.clickcount=Number(localStorage.clickcount)*0;
}
else
{
localStorage.clickcount=1;
}
document.getElementById("result").innerHTML=" " + localStorage.clickcount + " - Todays Downloads.";
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
}
}
</script>
</head>
<body>
<p><button onclick="clickCounter()" type="button">Download</button></p>
<button onclick="clickcleaner()" type="button">reset</button>
<div id="result"></div>
</body>
</html>
<html>
<head>
<script>
function clickCounter()
{
if(typeof(Storage)!=="undefined")
{
if (localStorage.clickcount)
{
localStorage.clickcount=Number(localStorage.clickcount)+1;
}
else
{
localStorage.clickcount=1;
}
document.getElementById("result").innerHTML=" " + localStorage.clickcount + " - Todays Downloads.";
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
}
}
function clickcleaner()
{
if(typeof(Storage)!=="undefined")
{
if (localStorage.clickcount)
{
localStorage.clickcount=Number(localStorage.clickcount)*0;
}
else
{
localStorage.clickcount=1;
}
document.getElementById("result").innerHTML=" " + localStorage.clickcount + " - Todays Downloads.";
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
}
}
</script>
</head>
<body>
<p><button onclick="clickCounter()" type="button">Download</button></p>
<button onclick="clickcleaner()" type="button">reset</button>
<div id="result"></div>
</body>
</html>
http://jsbin.com/afukev/1
Maar het is slimmer om een klik opslaan in je database of zoiets.
Gewijzigd op 29/01/2013 15:01:33 door Keizer Webdesign
Robert-Jan K op 29/01/2013 15:00:50:
De reset knop:
http://jsbin.com/afukev/1
Maar het is slimmer om een klik opslaan in je database of zoiets.
Code (php)
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
40
41
42
43
44
45
46
47
48
49
50
51
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
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html>
<head>
<script>
function clickCounter()
{
if(typeof(Storage)!=="undefined")
{
if (localStorage.clickcount)
{
localStorage.clickcount=Number(localStorage.clickcount)+1;
}
else
{
localStorage.clickcount=1;
}
document.getElementById("result").innerHTML=" " + localStorage.clickcount + " - Todays Downloads.";
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
}
}
function clickcleaner()
{
if(typeof(Storage)!=="undefined")
{
if (localStorage.clickcount)
{
localStorage.clickcount=Number(localStorage.clickcount)*0;
}
else
{
localStorage.clickcount=1;
}
document.getElementById("result").innerHTML=" " + localStorage.clickcount + " - Todays Downloads.";
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
}
}
</script>
</head>
<body>
<p><button onclick="clickCounter()" type="button">Download</button></p>
<button onclick="clickcleaner()" type="button">reset</button>
<div id="result"></div>
</body>
</html>
<html>
<head>
<script>
function clickCounter()
{
if(typeof(Storage)!=="undefined")
{
if (localStorage.clickcount)
{
localStorage.clickcount=Number(localStorage.clickcount)+1;
}
else
{
localStorage.clickcount=1;
}
document.getElementById("result").innerHTML=" " + localStorage.clickcount + " - Todays Downloads.";
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
}
}
function clickcleaner()
{
if(typeof(Storage)!=="undefined")
{
if (localStorage.clickcount)
{
localStorage.clickcount=Number(localStorage.clickcount)*0;
}
else
{
localStorage.clickcount=1;
}
document.getElementById("result").innerHTML=" " + localStorage.clickcount + " - Todays Downloads.";
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
}
}
</script>
</head>
<body>
<p><button onclick="clickCounter()" type="button">Download</button></p>
<button onclick="clickcleaner()" type="button">reset</button>
<div id="result"></div>
</body>
</html>
http://jsbin.com/afukev/1
Maar het is slimmer om een klik opslaan in je database of zoiets.
ok Merci ! hoe zorg ik ervoor dat ik voor elke click een andere count krijg
Bv. overal vervangen door localStorage.clickcount_index; localStorage.clickcount_newMusic; ... afhankelijk van de pagina
PS. wil je aub de topic titel aanpassen? javascript ipv. java
Gewijzigd op 29/01/2013 15:17:58 door Kris Peeters
ja oke die snap ik wel, maar mijn bedoeling is voor elke klik op dezelfde pagina een andere counter
Dan geef je de naam mee als parameter van de functie.
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
function clickCounter(clickname)
{
if(typeof(Storage)!=="undefined")
{
if (localStorage.clickname)
{
localStorage.clickname=Number(localStorage.clickname)+1;
}
...
{
if(typeof(Storage)!=="undefined")
{
if (localStorage.clickname)
{
localStorage.clickname=Number(localStorage.clickname)+1;
}
...
En dan geef je die naam mee; bij het element.
<button onclick="clickCounter('download')" type="button">Download</button>
<button onclick="clickCounter('new_music')" type="button">New Music</button>
Zo?
(ik heb het zelf niet getest)
Toevoeging op 29/01/2013 15:33:15:
JAVA is geen JavaScript.. Je titel klopt niet.
hoe moet ik de topic naam verandere dan ?
Eerste bericht bewerken....
Heeft dat geholpen, die laatste code van mij?
Kris Peeters op 29/01/2013 15:26:47:
O ja, verschillende knoppen op de zelfde pagina.
Dan geef je de naam mee als parameter van de functie.
En dan geef je die naam mee; bij het element.
<button onclick="clickCounter('download')" type="button">Download</button>
<button onclick="clickCounter('new_music')" type="button">New Music</button>
Zo?
(ik heb het zelf niet getest)
Dan geef je de naam mee als parameter van de functie.
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
function clickCounter(clickname)
{
if(typeof(Storage)!=="undefined")
{
if (localStorage.clickname)
{
localStorage.clickname=Number(localStorage.clickname)+1;
}
...
{
if(typeof(Storage)!=="undefined")
{
if (localStorage.clickname)
{
localStorage.clickname=Number(localStorage.clickname)+1;
}
...
En dan geef je die naam mee; bij het element.
<button onclick="clickCounter('download')" type="button">Download</button>
<button onclick="clickCounter('new_music')" type="button">New Music</button>
Zo?
(ik heb het zelf niet getest)
neej dat pakt die niet ...
Toevoeging op 29/01/2013 15:58:14:
neej dat pakt die niet ...
[/quote]
ik moet gewoon clickname - clickname blijven houden toch ?
Met getters en setters
Dit werkt wel.
Code (php)
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
40
41
42
43
44
45
46
47
48
49
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
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html>
<head>
<script>
function clickCounter(clickname)
{
if(typeof(Storage)!=="undefined")
{
if (localStorage.getItem(clickname))
{
localStorage.setItem(clickname, Number(localStorage.getItem(clickname)) + 1);
}
else
{
localStorage.setItem(clickname, 1);
}
document.getElementById("result").innerHTML= clickname +": " + localStorage.getItem(clickname) + " - Todays Downloads.";
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
}
}
function clickcleaner(clickname)
{
if(typeof(Storage)!=="undefined")
{
if (localStorage.getItem(clickname))
{
localStorage.setItem(clickname, 0);
}
document.getElementById("result").innerHTML= clickname +": " + localStorage.getItem(clickname) + " - Todays Downloads.";
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
}
}
</script>
</head>
<body>
<button onclick="clickCounter('video')" type="button">video</button>
<button onclick="clickcleaner('video')" type="button">reset</button> video
<br>
<button onclick="clickCounter('music')" type="button">music</button>
<button onclick="clickcleaner('music')" type="button">reset</button> music
<div id="result"></div>
</body>
</html>
<html>
<head>
<script>
function clickCounter(clickname)
{
if(typeof(Storage)!=="undefined")
{
if (localStorage.getItem(clickname))
{
localStorage.setItem(clickname, Number(localStorage.getItem(clickname)) + 1);
}
else
{
localStorage.setItem(clickname, 1);
}
document.getElementById("result").innerHTML= clickname +": " + localStorage.getItem(clickname) + " - Todays Downloads.";
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
}
}
function clickcleaner(clickname)
{
if(typeof(Storage)!=="undefined")
{
if (localStorage.getItem(clickname))
{
localStorage.setItem(clickname, 0);
}
document.getElementById("result").innerHTML= clickname +": " + localStorage.getItem(clickname) + " - Todays Downloads.";
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
}
}
</script>
</head>
<body>
<button onclick="clickCounter('video')" type="button">video</button>
<button onclick="clickcleaner('video')" type="button">reset</button> video
<br>
<button onclick="clickCounter('music')" type="button">music</button>
<button onclick="clickcleaner('music')" type="button">reset</button> music
<div id="result"></div>
</body>
</html>
ongetwijfelt dat ik meer phphulp topics maak !
een beter forum dat dit kan je niet krijgen !
Misschien nog slim of dit er in te zetten anders spring het er ineens tussen.
Kris Peeters op 29/01/2013 16:13:01:
Okay, lichtjes anders plan.
Met getters en setters
Dit werkt wel.
Met getters en setters
Dit werkt wel.
Quote:
dat werkt zeker wel !
zo zo thx man ik kom er nu achter dat ik dat voor alles kan gebruiken !
zoals: likebutton, pageviews, downloadcount, linkcount, enz !
dat werkt zeker wel !
zo zo thx man ik kom er nu achter dat ik dat voor alles kan gebruiken !
zoals: likebutton, pageviews, downloadcount, linkcount, enz !