Forum:

HTML Pages with CSS and JavaScript

how to check if image is loaded or not

Greenhorn

Posts: 1

posted 15 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I have to get book covers from amazon,librarything,openlibrary through webservice by giving isbn number...am getting book covers..but i have to check if amazon image is loaded or not..if amazon image is not available i have to go check librarything image..n i have to wait until image is loaded..only after loading image i have to check next image...
how do i do it using javascript...
can anyone give me solution...thanks in advance...

Eric Pascarello

author

Posts: 15385

posted 15 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Eric

Trilochan Bharadwaj

Ranch Hand

Posts: 100

posted 15 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Another way would be:

Within your js code, rather than referencing it on HTML element itself ... but the solution provided by other poster also works.

Trilochan

Bear Bibeault

Sheriff

Posts: 67752

173

I like...

posted 15 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Trilochan Bharadwaj wrote: imageElement.addEventListener('onerror',errorHandlerFunction,false);

Except that addEventListener is not cross-browser.

[Asking smart questions] [About Bear] [Books by Bear]

HTML 5 (verified skill)
Skill verified by Jeanne Boyarsky

CSS 3 (verified skill)
Skill verified by Jeanne Boyarsky

JavaScript (verified skill)
Skill verified by Jeanne Boyarsky

Trilochan Bharadwaj

Ranch Hand

Posts: 100

posted 15 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

cross-browser event handling

I can't haggle on which approach is better because I am newbie myself, But If you have some time, you should do a look up on Event Model of W3C and google on "Non Obtrusive javascripting"

Bear Bibeault

Sheriff

Posts: 67752

173

I like...

posted 15 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Being a newbie, I'd highly recommend looking into a library such as jQuery that make cross-browser things like events and Ajax a breeze.

P.S. Please do not post in all uppercase. I have fixed it for you.

[Asking smart questions] [About Bear] [Books by Bear]

Bear Bibeault

Sheriff

Posts: 67752

173

I like...

posted 15 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Trilochan Bharadwaj wrote:But If you have some time, you should do a look up on Event Model of W3C and google on "Non Obtrusive javascripting"

To whom is this addressed?

You'll not find me arguing again Unobtrusive JavaScript; in fact, I wrote a book on it (with respect to jQuery).

[Asking smart questions] [About Bear] [Books by Bear]

Trilochan Bharadwaj

Ranch Hand

Posts: 100

posted 15 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I posted that tag to demonstrate how it cranks me up sometimes when we do things like <body onload="my entire script comes here, so have fun debugging this"></body> or something like that ... All I wanted to show this guy was, there are ways of doing this in a cross browser way and not stick onEvent stuff with js function calls ... I didn't intend to throw it out at you, I apologize if that caused you any concerns. No disrespect

I <3 JQuery! its such a sweet framework (I was a stickler for Dojo for a while, until I got hooked to JQuery, I am still learning it however ... ). What book are we talking about? I wanna get reference under my belt for JQuery, havent found anything handy except for documentation yet.

Trilochan.

Bear Bibeault

Sheriff

Posts: 67752

173

I like...