Q for any HTML gurus

Suicide Junkie · #1 February 2nd, 2002, 07:53 AM

Simply:
Is there an easy way to put up an alternate image in case the first try fails? Or even make it look as though that happened?

EG: Make an "Online"/"Offline" image using HTML, to indicate whether some remote site is reachable?

gigablaze · #2 February 2nd, 2002, 11:43 AM

Not that I know of, use the alt value to tell what it should be. Now you could php to do it, maybe even javascript. But I'm not sure about javascript, I've never try it.

tesco samoa · #3 February 2nd, 2002, 05:02 PM

yea.

You could set up a script to ping the remote site.

and just use a simple if statement with the images.

just use vb script or javascript or asp or any pearl or any of the other ones.

Your looking at less than 10 lines. Or as a seperate page of code and just put the link to it in the include div

I should throw XML in there since that is the buzz word of 2002

Suicide Junkie · #4 February 2nd, 2002, 08:33 PM

After searching widely for samples, and rejecting a number of solutions that were quite restrictive, I settled on a homemade solution.

The "Offline" image is replaced by a simple red line, but the system works in both Netscape & IE, and probably any browser that supports images.

I'm a little disappointed that the alternate images didn't pan out, though.

Fyron · #5 February 2nd, 2002, 11:15 PM

I have an idea. Make a table cell where you want the on/off line images to go. Make the offline image be the background of that cell. Then, have the Online image load there. If the server is Online, the image loads. If not, it doesn't load and you see the offline message.

disabled · #6 February 3rd, 2002, 05:05 AM

That is how John Beech does it and I will also be using that style for my race styles at SE.org

Suicide Junkie · #7 February 3rd, 2002, 05:28 PM

That looks great!

Is there any way to erase the border around the broken image?

Gaurav · #8 February 3rd, 2002, 06:16 PM

quote:
Originally posted by suicide_junkie:
Is there any way to erase the border around the broken image?

If the border is around the img, add border=0 as a property of the <img> tag. If it is around the table, do the same with the <table> tag. If it is around a table cell, add a "border-width: 0" style attribute to the <td> tag. Otherwise, post a url so I can see what the problem is.

Suicide Junkie · #9 February 3rd, 2002, 06:26 PM

Homepage/Imagepack

When the "Online" image is broken, I get the box.
I have set the Height & width so I don't get the stupid "X" or torn icons, but I still get an image border.

Gaurav · #10 February 3rd, 2002, 10:12 PM

SJ, I looked at your HTML code, you have a <table> within the <table>, the one whose <td> tag has the BACKGROUND property set. Add "BORDER=0" as a property to the inner <table> tag.