Onclick issues

[mshita]

Hi everyone,

I am trying to construct a div from JS. I want to show some text and an image. When clicking on the image it is supposed to call a JS function that clears the screen and puts other stuff on it. But I can't get the onclick to work. I've tried a few things

function showAbout() {
	clearDisplayDiv();
	displayDiv = displayDiv + "<br><br><br><center>BLA BLA BLA<br><br><p><a id=\"closeButton\" href=\"#\"><img src=\"close.gif\"></a></p></center>";
	document.getElementById("fullView").innerHTML = displayDiv;
	var self = this;
	var closeButton = document.getElementById("closeButton");
	closeButton.onclick = function() {
		 self.selectViewMode();
	};
}

and....

function showAbout() {
	clearDisplayDiv();
	displayDiv = displayDiv + "<br><br><br><center>BLA BLA BLA<br><br><p><img src=\"close.gif\" id=\"closeButton\" onclick=\"selectViewMode();\"></a></p></center>";
	document.getElementById("fullView").innerHTML = displayDiv;
}

But none of these two things work. When clicking on the image, nothing happens. Am I missing something here????

Mounir

[jzferreira]

function showAbout() {
	clearDisplayDiv();
	displayDiv = displayDiv + '<br><br><br><center>BLA BLA BLA<br><br><p><a href="#"><img id="closeButton" src="close.gif" /></a></p></center>";
	document.getElementById("fullView").innerHTML = displayDiv;
	var closeButton = document.getElementById("closeButton");
	closeButton.onclick = function() {
		 selectViewMode();
	};
}

function showAbout() {
	clearDisplayDiv();
	displayDiv = displayDiv + '<br><br><br><center>BLA BLA BLA<br><br><p><img src="close.gif" id="closeButton" onclick="javascript:selectViewMode();"></a></p></center>";
	document.getElementById("fullView").innerHTML = displayDiv;
}