Hiding the image if the gateway goes down - Event Date: 12 Apr 2007 - 13 Apr 2007

Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic

   If the WhosOn gateway went down for any reason (network connectivity for example) or traffic on port 80 was blocked for some reason, then you don't want the broken link showing.

A small modification to the javascript can fix this so the image is hidden until it has full loaded.

Line 80:

document.write("<a target=\"_blank\" href=\""+sWOChatstart+"\" onclick=\"javascript:window.open('"+sWOChatstart+"','new_win','width=484,height=361');return false;\"><img border=\"0\" src=\""+sWOUrl+"\"><\/a>");

We want to change this to enclose it in a easily hideable div, and add a function to the onload portion of the image.

document.write("<div id='whoson_image_div' style='visibility:hidden;'><a target=\"_blank\" href=\""+sWOChatstart+"\" onclick=\"javascript:window.open('"+sWOChatstart+"','new_win','width=484,height=361');return false;\"><img border=\"0\" src=\""+sWOUrl+"\" onload='sWOImageLoad()'><\/img><\/a><\/div>");

Then we specify the sWOImageLoad function at the bottom of the javascript file:

function sWOImageLoad(){
	// image has loaded let's show it.
	document.getElementById('whoson_image_div').style.visibility = "Visible";}

If the image doesn't load then this function is never called, meaning that the image remains hidden.