Script for clickOn() text will change the image

[R .sourav nayak]

Hi,
i need to implement the following on my page - by clicking on the text will swap the image. For example- i have a text and image1. By clicking on text my image1 will change to image2 .and again when i will click on text ,the image2 will return back to image1.

could some one provide me the javascript function or some good link,so that i can do the avobe
thanks in advance

[Bear Bibeault]

1) Establish an event handler for the click event on the text element.

2) In the handler, set the src attribute of the image element to the desired value.

[R .sourav nayak]

hi ,
thanks for the response. I have created an onClick() method on my text.But could you please tell me how do i set the src attribut to the imgae.

[Bear Bibeault]

Are you familiar with document.getElementById()?

[R .sourav nayak]

hi,
i wanted you to have a look to my html code. but not able to send the html related code over this.Could you tell me how to do that. below is my function

 function ChgImage()
{
   var MyElement = document.getElementById("MyImage");
   MyElement.value ="/images/cca_reporting/arrow_side_23x23.png" 
 
   return true;
}   
 

 

[Eric Pascarello]

When you set an image tag you set the src

<img id="foo" src="foo.gif"/>

So why are you setting the value, when the src property is what you are after?

Eric

[R .sourav nayak]

Hi Eric,
thanks for your replay . I am able swap the image while clicking on the image itself. But i wanted to swap the image when i click on a text beside the image.Coule you tell me how to do that.

thanks in advance

[Eric Pascarello]

Add onclick on the text. Surround it in a span tag?

Eric

[Bear Bibeault]

Originally posted by R .sourav nayak:
But i wanted to swap the image when i click on a text beside the image.Coule you tell me how to do that.

Did you not read my first reply?

[R .sourav nayak]

thanks for the reply and its working now for me