Link OnClick event

Miroslav Stampar [MCSD.NET / Security+] · Jun 2, 2007

I have a problem that is best described by following code:

<a href="http://www.google.com" onclick="new Image().src=\'http://
www.example.com/process.cgi?p=1\'">Google</a>

I want to call cgi script before a link is clicked. Upper example
works as a standalone (AS IS), but...

But, when I attach onclick event programmaticaly, clicked link loads
to fast so image/CGI script doesn't have time to preload. Do you have
any other solution for this problem?

This is the sample page:

<html>
<head>
<title>getElementById example</title>
</head>

<body>
<div id="here">
<td>
<a href ="http://www.google.com">Google</a>
<a href ="http://www.yahoo.com">Yahoo</a>
</td>
</div>

<script>

function fja()
{
var a = new Image();
a.src='http://www.example.com/process.cgi?p=1';
//alert("bla"); ---- when alert is put CGI manages to be called
}

var elementDiv = document.getElementById('here');
var elementsA = elementDiv.getElementsByTagName('a');

for(var i=0;i<elementsA.length;i++)
{
elementsA.onclick=fja;
//alert(elementsA.href);
}

</script>

</body>
</html>

Peter Michaux · Jun 5, 2007

I have a problem that is best described by following code:

<a href="http://www.google.com" onclick="new Image().src=\'http://www.example.com/process.cgi?p=1\'">Google</a>

I want to call cgi script before a link is clicked. Upper example
works as a standalone (AS IS), but...

But, when I attach onclick event programmaticaly, clicked link loads
to fast so image/CGI script doesn't have time to preload. Do you have
any other solution for this problem?

This seems like a really crazy thing to want to do

This is the sample page:

<html>
<head>
<title>getElementById example</title>
</head>

<body>
<div id="here">
<td>
<a href ="http://www.google.com">Google</a>
<a href ="http://www.yahoo.com">Yahoo</a>
</td>
</div>

Try something like this...

<script>

function fja(url)
{
var a = new Image();
a.src = 'http://www.example.com/process.cgi?p=1';
// I've never used the onload attribute of an image but
// it is supposed to have one.
a.onload = function() {
window.location.href = url;
};
}

var elementDiv = document.getElementById('here');
var elementsA = elementDiv.getElementsByTagName('a');

for(var i=0; i<elementsA.length; i++)
{
elementsA.onclick = function() {
fja(this.href);
return false;
};
}

</script>

</body>
</html>

There are probably more elegant solutions. You could listen to the
body element and see if it is clicked, determine if a link was
clicked, prevent the browsers default behavior of following the link,
load the image and when the image is loaded then follow the link. That
would save doing all this attaching.

Peter

Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button>	1	Apr 22, 2023
Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
Only one table shows up with the information	2	Mar 29, 2023
call CGI inside onclick event of a link	1	Jun 2, 2007
Attach onclick event to links programmatically	1	Jun 2, 2007
Why <link/> is not working?	4	Jan 1, 2020
Google sheets song request	3	Apr 19, 2022
Need Help, Both submit button works same, i need both submit button works differently, the one button override other button	3	Nov 9, 2022

Link OnClick event

Miroslav Stampar [MCSD.NET / Security+]

Peter Michaux

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads