Swap image without name tag.

[Joachim]

Hi.

I have a function that swap images. But in the image element i use the tag
"name" to give name that i send to my java script function:

<img src="greensmiley.jpg" name="smiley" alt="gubbe" onmouseover="swapImage('smiley',
'CoolSmiley.jpg')" onmouseout="swapImage('smiley','greensmiley.jpg')" />

But to have a valid xhtml1.1 document you cant use the "name" tag. I've tried
with the id tag but then my function dont work. Is there any other tag to
use? Or how do you solve this?

Best regards Joachim

 

[Richard Cornford]

I have a function that swap images. But in the image element
i use the tag "name"

It is an attribute not a tag.

to give name that i send to my java script function:

<img src="greensmiley.jpg" name="smiley" alt="gubbe"
onmouseover="swapImage('smiley', 'CoolSmiley.jpg')"
onmouseout="swapImage('smiley','greensmiley.jpg')" />

But to have a valid xhtml1.1 document you cant use the
"name" tag. I've tried with the id tag but then my
function dont work.

<snip>

Then you change the function so that it does work. In an XHTML DOM it
should be possible to reference an IDed IMG element through the -
document.images - collection, or use document.getElementById to retrieve
a reference to it.

Richard.

 

[marss]

Joachim напиÑав:

Hi.

I have a function that swap images. But in the image element i use the tag
"name" to give name that i send to my java script function:

<img src="greensmiley.jpg" name="smiley" alt="gubbe" onmouseover="swapImage('smiley',
'CoolSmiley.jpg')" onmouseout="swapImage('smiley','greensmiley.jpg')" />

But to have a valid xhtml1.1 document you cant use the "name" tag. I've tried
with the id tag but then my function dont work. Is there any other tag to
use? Or how do you solve this?

You can use "this" keyword in the event handler. "this" is the object
captured event.

html:
<img onmouseover="swapImage(this, 'CoolSmiley.jpg')"
onmouseout="swapImage(this,'greensmiley.jpg')" ....

javascript:
function swapImage(sender, imgSrc){
sender.src = imgSrc;
}

Or, more simpler:
<img onmouseover="this.src='CoolSmiley.jpg';"
onmouseout="this.src='greensmiley.jpg';" ....

 

[Thomas 'PointedEars' Lahn]

I have a function that swap images. But in the image element i use the tag
"name" to give name that i send to my java script function:

"java script"?

<img src="greensmiley.jpg" name="smiley" alt="gubbe"
onmouseover="swapImage('smiley', 'CoolSmiley.jpg')"
onmouseout="swapImage('smiley','greensmiley.jpg')" />

But to have a valid xhtml1.1 document you cant use the "name" tag.

Certainly you don't need or want XHTML 1.1 these times. And most certainly
you do not even need or want XHTML these times. Search the archives.


PointedEars

 

[Randy Webb]

Thomas 'PointedEars' Lahn said the following on 4/28/2006 9:12 AM:

"java script"?

Yes, moron, that is what he said. Your overly pedantic idiotic behavior
is displaying itself again.

<URL:http://pointedears.de/hoverMe/>

And then don't.

Certainly you don't need or want XHTML 1.1 these times. And most certainly
you do not even need or want XHTML these times. Search the archives.

Finally, something that makes sense came from you.