onclick that loads image

This site is best viewed in a modern browser with JavaScript enabled.

alann

Guys,

I need some help. I am trying to figure out how to create a function that has an onclick that when the link is clicked, the function will load an image. This is basically a tracking pixel for third party tracking. Its a request from the client.

The code that the onclick will go on is below:

<a href="tel://1-888-123-4563" onClick="load(''); return false;" class="link">Call (888) 123-4563Now To Order<sup>&dagger;</sup></a>

thanks for the help.

toicontien

You can create an image and append it to the document:

function load(url) {
	if (!load.images) {
		load.images = document.createElement("div");
		load.images.style.display = "none";
		document.body.appendChild(load.images);
	}

var image = document.createElement("img");
image.src = url;
load.images.appendChild(image);
image = null;
}

load.images = null;

alann

But this isn't controlled by an onclick event set inside of the anchor tag, right?

toicontien

You will have to call this function from inside an onclick event handler.