«

I'm having a hard time getting this code to work...the onMouseOver and
onMouseOut events don't seem to be firing in IE or Mozilla.....thanks
in advance for any assistance...

var imgf = document.createElement("img");
imgf.src = "../files/img.gif";
imgf.style.cursor = "pointer";
imgf.style.border = "1px solid blue";
imgf.title = "Date selector";

// below is not working at all......

imgf.onMouseOver = "this.style.background='blue';";
imgf.onMouseOver = "this.style.background='';";


Thanks again!

Michael

wrote:

> I'm having a hard time getting this code to work...the onMouseOver and
> onMouseOut events don't seem to be firing in IE or Mozilla.....thanks
> in advance for any assistance...
>
> var imgf = document.createElement("img");
> imgf.src = "../files/img.gif";
> imgf.style.cursor = "pointer";
> imgf.style.border = "1px solid blue";
> imgf.title = "Date selector";
>
> // below is not working at all......
>
> imgf.onMouseOver = "this.style.background='blue';";
> imgf.onMouseOver = "this.style.background='';";
>
imgf.onmouseover = function(){this.style.backgroundColor='blue';}

Mick

Thanks you very much.....looked all over the place for this....is there
a good DOM reference book you know of?? or where info like this is
located?

Thanks again!

Mick White wrote:

>>
> imgf.onmouseover = function(){this.style.backgroundColor='blue';}
>


Oops, makes no sense to assign a background colour to an image

imgf.onmouseover = function(){this.parentNode.style.backgroundColor=' blue';}

Mick

wrote:

> Thanks you very much.....looked all over the place for this....is there
> a good DOM reference book you know of?? or where info like this is
> located?
>
> Thanks again!
>
http://www.mozilla.org/docs/dom/domref/dom_shortIX.html

Mick

Mick White wrote:

> Mick White wrote:
>
>>>
>> imgf.onmouseover = function(){this.style.backgroundColor='blue';}
>>
>
>
> Oops, makes no sense to assign a background colour to an image
>
> imgf.onmouseover =
> function(){this.parentNode.style.backgroundColor=' blue';}
>
Caveat: The image needs to be appended to its parent before you may
reference the parentNode.
Mick

Thanks Mick.....you seem very knowledgable on these things, mind if I
ask you another question.....

I'm trying to set the class of a newly created object

I've tried the following two statements...

imgf.class = "classname";
imgf.style.class = "classname";

This doesn't seem to work, it causes a JavaScript error message......do
you know the correct syntax?

Thanks

Michael

wrote:
> Thanks Mick.....you seem very knowledgable on these things, mind if I
> ask you another question.....
>
> I'm trying to set the class of a newly created object
>
> I've tried the following two statements...
>
> imgf.class = "classname";
> imgf.style.class = "classname";

Correct syntax is as follows:

imgf.className = "classname";

>
> This doesn't seem to work, it causes a JavaScript error message......do
> you know the correct syntax?
>
> Thanks
>
> Michael

wrote:

> I'm trying to set the class of a newly created object
>
> I've tried the following two statements...
>
> imgf.class = "classname";
> imgf.style.class = "classname";
>
> This doesn't seem to work, it causes a JavaScript error message......

"a JavaScript error message" is as bad an error description as any.

> do you know the correct syntax?

<FAQENTRY>

Since `class' is a reserved word in several interfacing languages,
including JS/ECMAScript, it cannot be used for identifiers which is
why the DOM Level 2 HTML ECMAScript binding specifies the `class'
attribute of HTML elements to be accessible through the implemented
`className' attribute of HTMLElement objects.

imgf.className = "classname";

See <http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-213157251>.

</FAQENTRY>

BTW, that is a FAQ here; not covered by the FAQ list[1] yet, however it can
be searched through (Google Groups) archives which is the first thing one
should do before posting.

<http://jibbering.com/faq/#FAQ2_11>


PointedEars
___________
[1] <http://jibbering.com/faq/>

thanks!