Onmouseover doesn't yield expected results.

Javascript & Ajax
#1

I’m trying to use an onmouseover event to change the content of an image tag. So basically, the image tag has a default picture which the user can see when he visits the page. Then on rolling the mouse over this image, I want another image (003.jpg) located on my server in a folder called images, to be displayed in the image tag. So I created this function that should do the job and placed it in the head of my document.
[php]

[/php]

And here is the image tag, located in the body section where I want 003.jpg to be displayed after the event is triggered.

[php]
<img id=‘poster_picture_content’ onmouseover=‘display_pic()’ src=“images/” . $row[‘image’] . “” width=“280” max-height=“308” />
[/php]

Well I’ve been frying my brains, trying to figure out why the code wouldn’t work. Any ideas? Thanks.

#2

First of all sorry about my english.

.innerHTML are the content, is used to change the content of div, tables, etc.

you must delete this
[php]

[/php]

#3

Thank u:) Also getElementbyId shoud by getElementById

#4

Oops, is right.

Sorry

#5

you can also use

  document.getElementById('poster_picture_content').setAttribute('src', 'images/003.jpg');
#6

thanks bluestar, i’d try that.

Sponsor our Newsletter | Privacy Policy | Terms of Service