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]

Joachim wrote:

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]

Joachim wrote:

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')" />
<URL:http://pointedears.de/hoverMe/>
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
--
realism: HTML 4.01 Strict
evangelism: XHTML 1.0 Strict
madness: XHTML 1.1 as application/xhtml+xml
-- Bjoern Hoehrmann

[Randy Webb]

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

Joachim wrote:

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"?

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

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

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

And then don't.

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.

Finally, something that makes sense came from you.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/