Parameters doorgeven aan functie
Code (php)
1
<div><a href="?page=pagina&x=1&y=2"><img src="images/plaatje.gif"/></a></div>
Ik heb zeer weinig ervaring met Javascript.
Vandaar mijn vraag (zal waarschijnlijk erg simpel zijn voor de kenners).
Hoe kan ik de link weghalen en daarvoor in plaats Javascript zetten maar dan dat de parameters page, x en y doorgegeven worden aan een (nog te maken) functie van Javascript. Er moet dan geklikt kunnen worden op de div of op de img, dat maakt mij niet zo uit.
Code (php)
1
<div id="test" style="cursor:pointer; background:#333333; height:40px;"><a id="href" href="?php&test=1">test</a></div>
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
$('#href').css('display','none');
$('#test').click(function(){
var parameter1 = $('#href').attr('href').split('&')[0];
alert(parameter1);
});
$('#test').click(function(){
var parameter1 = $('#href').attr('href').split('&')[0];
alert(parameter1);
});
Gewijzigd op 12/02/2013 02:38:03 door Tim S
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div><a href="?page=pagina&x=1&y=2" class="pointer"><img ...></a></div>
<script>
var pointers = document.getElementsByClassName('pointer');
for (i=-1; pointer = pointers[++$i]; ) {
pointer.onclick = handleClick;
}
function handleClick(e) {
var x = this.href.match(/x=[^&$]*?/)[0];
var y = this.href.match(/y=[^&$]*?/)[0];
myFunction(x, y);
}
</script>
<script>
var pointers = document.getElementsByClassName('pointer');
for (i=-1; pointer = pointers[++$i]; ) {
pointer.onclick = handleClick;
}
function handleClick(e) {
var x = this.href.match(/x=[^&$]*?/)[0];
var y = this.href.match(/y=[^&$]*?/)[0];
myFunction(x, y);
}
</script>