TheConeHead
Programmer
how do I hide an image without using a style sheet?
<script>
imageName.visibility: hidden;
</script>
<script>
imageName.visibility: hidden;
</script>
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
inline hiding
- Thread starter TheConeHead
- Start date
- Status
take a look at this example and see what you can do with it in your code:
<html>
<head>
<script language="javascript">
function HideUnhide()
{
div1 = document.getElementById('one');
div2 = document.getElementById('two');
if (div1.style.visibility == 'hidden')
{
div1.style.visibility = 'visible';
div2.style.visibility = 'hidden';
}
else
{
div1.style.visibility = 'hidden';
div2.style.visibility = 'visible';
}
}
</script>
</head>
<body>
<div id="one" style="visibility:hidden;"><img name="img1" src="rt_trans.gif" width=10 height=10>I'm visible for now (div1)</div>
<div id="two" style="visibility:visible;"><img name="img1" src="rt_trans.gif" width=10 height=10>I'm visible for now (div2)</div>
<a href="#gonowhere" onclick="HideUnhide()">Click me!
</a>
</body>
</html>
Hope this helps,
Erik <-- My sport: Boomerang throwing !!
!! Many Happy Returns !! -->
<html>
<head>
<script language="javascript">
function HideUnhide()
{
div1 = document.getElementById('one');
div2 = document.getElementById('two');
if (div1.style.visibility == 'hidden')
{
div1.style.visibility = 'visible';
div2.style.visibility = 'hidden';
}
else
{
div1.style.visibility = 'hidden';
div2.style.visibility = 'visible';
}
}
</script>
</head>
<body>
<div id="one" style="visibility:hidden;"><img name="img1" src="rt_trans.gif" width=10 height=10>I'm visible for now (div1)</div>
<div id="two" style="visibility:visible;"><img name="img1" src="rt_trans.gif" width=10 height=10>I'm visible for now (div2)</div>
<a href="#gonowhere" onclick="HideUnhide()">Click me!
</a></body>
</html>
Hope this helps,
Erik <-- My sport: Boomerang throwing !!
!! Many Happy Returns !! -->
- Status