Adding Events to newly created controls question...

[xxbmichae1]

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.....tha nks
in advance for any assistance...

var imgf = document.create Element("img");
imgf.src = "../files/img.gif";
imgf.style.curs or = "pointer";
imgf.style.bord er = "1px solid blue";
imgf.title = "Date selector";

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

imgf.onMouseOve r = "this.style.bac kground='blue'; ";
imgf.onMouseOve r = "this.style.bac kground='';";
Thanks again!

Michael

[Mick White]

xx********@supe rgambler.com 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.....tha nks
in advance for any assistance...

var imgf = document.create Element("img");
imgf.src = "../files/img.gif";
imgf.style.curs or = "pointer";
imgf.style.bord er = "1px solid blue";
imgf.title = "Date selector";

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

imgf.onMouseOve r = "this.style.bac kground='blue'; ";
imgf.onMouseOve r = "this.style.bac kground='';";

imgf.onmouseove r = function(){this .style.backgrou ndColor='blue'; }

Mick

[xxbmichae1]

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]

Mick White wrote:

imgf.onmouseove r = function(){this .style.backgrou ndColor='blue'; }

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

imgf.onmouseove r = function(){this .parentNode.sty le.backgroundCo lor='blue';}

Mick

[Mick White]

xx********@supe rgambler.com 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]

Mick White wrote:

Mick White wrote:

imgf.onmouseove r = function(){this .style.backgrou ndColor='blue'; }

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

imgf.onmouseove r =
function(){this .parentNode.sty le.backgroundCo lor='blue';}

Caveat: The image needs to be appended to its parent before you may
reference the parentNode.
Mick

[xxbmichae1]

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.clas s = "classname" ;

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

Thanks

Michael

[web.dev]

xx********@supe rgambler.com 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.clas s = "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

[Thomas 'PointedEars' Lahn]

xx********@supe rgambler.com 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.clas s = "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/>

[xxbmichae1]

thanks!