Image wont hide

Page 1 of 1

[ 5 posts ]

Print view

Previous topic | Next topic

Author

Message

glued_head

Image wont hide

Posted: April 24th, 2009, 5:10 am

Posts: 24

I have two images on my site and each one has a button with the option to hide it. I found the script on the internet and it works fine for the first image, but when i add the second it keep hiding the first picture.

What should i do to hide the second?

Top

wolverine01

Re: Image wont hide

Posted: April 24th, 2009, 5:22 am

Posts: 63

can we see your code?

Top

glued_head

Re: Image wont hide

Posted: April 24th, 2009, 5:28 am

Posts: 24

sure, sorry i forgot it.

<div id="item1"><img src="it1.jpg"></div>
<input type="button" value="hide" 
onClick="document.getElementById('item1').style.display= 'none';">                                        
<div id="item1"><img src="it2.jpg"></div>
<input type="button"  value="hide" 
onClick="document.getElementById('item1').style.display= 'none';">

Top

wolverine01

Re: Image wont hide

Posted: April 24th, 2009, 5:40 am

Posts: 63

the id is to name an element. u should not have two elements with the same id or you will have this problem.

to fix it just change the name, maybe item 2, both on the div tag and also on the get element by id parenthesis. So in the end you will have this,

<div id="item1"><img src="it1.jpg"></div>
<input type="button"  value="hide" 
onClick="document.getElementById('item1').style.display= 'none';">                                        
<div id="item2"><img src="it2.jpg"></div>
<input type="button" value="hide" 
onClick="document.getElementById('item2').style.display= 'none';">

Top

glued_head

Re: Image wont hide

Posted: April 24th, 2009, 5:48 am

Posts: 24

ohhh, i see, thanks!

Top

Page 1 of 1

[ 5 posts ]

FORUMS » Client Side » HTML

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum