Method for showing text once clicked on image

Hi experts!

Another one immediately needed : a method to show text once clicked on an image.

Thanks again
tha_mastaAsked:
Who is Participating?
 
oubelkasConnect With a Mentor Commented:
Haha, beat me on this one! :)

Here this code is what you need.

<html>
<head>
<title> show my text </title>
<script language="javascript">
<!--
with (document)
{
   write("<STYLE TYPE='text/css'>");
   if (navigator.appName == 'Microsoft Internet Explorer')
   {
     write(".hiddentext {display:none}  .outline {cursor:hand; text-decoration:underline}");
   }
   write("</STYLE>");
}

function expandIt(text)
{
      if (navigator.appName == 'Microsoft Internet Explorer')
      {
          text.style.display = (text.style.display == "block" )
            ? "none"
          : "block";
      }
      else return;
}
// -->
</script>

<body>

<A HREF="" TARGET="main" onClick="expandIt(myText); return false;" CLASS="outline"><IMG SRC="index4.jpg" NAME="my_image" BORDER="0"></A>
<DIV ID="myText" CLASS="hiddentext">
this text expands after clicked on the image
</DIV>

</body>
</html>

Joseph
0
 
oubelkasCommented:
mmm, instead of index4.jpg of course use one of your own images.

Joseph
0
 
tha_mastaAuthor Commented:
Thanks! It works great!
0
All Courses

From novice to tech pro — start learning today.