I've spent a good bit of time trying to figure this out, so I figure now it's time to go to the forum. I've trying to make "lifeimage" clickable so I can do other stuff with it, but I can't even seem to get the click event to function. Code is below.
Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Vamp's World</title> <link href="css_style/vamp_style.css" rel="stylesheet" type="text/ css" /> <script type="text/javascript" src="./javascript/jquery.js"></ script> <script type="text/ javascript"> $(document).ready(function() { // JQUERY stuff goes here $('div#menu').hide(); $('#lifeimage').click(function() { $(this).hide(); }); }); </script> </head> <body> <div id="bodybox"> <div id="header"> <div id="logo"></div> <div id="advertise"> <img src="images/snowball.gif" style="width:468px;height:60px;" alt="Example Ad" /> </div><!-- end advertise --> <div id="top_link"> <img src="images/top_menu_01.png" id="lifeimage" style="width:74px;height:34px;border:1px solid green;" alt="Life Menu" /> <a href="#"><img src="images/ top_menu_02.png" id="Image11" style="width:103px;height:34px;border: 0px;margin-left:-5px;" alt="Literature Menu" /></a> <a href="#"><img src="images/ top_menu_03.png" id="Image12" style="width:88px;height:34px;border: 0px;margin-left:-5px;" alt="Poetry Menu" /></a> <a href="#"><img src="images/ top_menu_04.png" id="Image13" style="width:75px;height:34px;border: 0px;margin-left:-5px;" alt="Media Menu" /></a> <a href="#"><img src="images/ top_menu_05.png" id="Image14" style="width:102px;height:34px;border: 0px;margin-left:-5px;" alt="Option 1 Menu" /></a> <a href="#"><img src="images/ top_menu_06.png" id="Image15" style="width:103px;height:34px;border: 0px;margin-left:-5px;" alt="Option 2 Menu" /></ a> </div><!-- end top_link --> </div><!-- end header --> <div id="main_body_box"> <div id="bar"> <img src="images/menu_2.png" alt="menu_2 (7K)" style="border:0px;width:436px;height:25px;" /> </div><!-- end bar --> <div id="content"> <div id="leftframe"> <!-- This is the left menu, which is a stack of books --> <? include("./left_menus/ social_menu.php"); ?> <div id="frame"> <div id="ad_content"> <div style="width:144px;text- align:center"> <object type="application/x- shockwave-flash" data="http://twitter.com/ flash/twitter_badge.swf" width="144" height="176"> <param name="movie" value="http://twitter.com/flash/twitter_badge.swf"; /> <param name="flashvars" value="color1=26112&type=user&id=wtvamp" /> <param name="wmode" value="transparent" /> <param name="allowScriptAccess" value="always" /> <param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer"; /> </object> <a style="font- size: 10px; color: #006666; text-decoration: none" href="http:// twitter.com/WTVamp">follow WTVamp at http://twitter.com</a> </div> </div><!-- end ad_content -- > </div><!-- end frame --> </div><!-- end leftframe --> <div id="body"> <div id="body_content"> <div id="content_heading"> <div id="pg_heading"> <img src="./ images/comingsoon.png" alt="Coming Soon...Vamp's World Returns..." /> </div><!-- end pg_heading --> </div><!-- end content_heading --> <div id="content_main"> <div id="internal_content"> <h2>THE SURROUNDING WATERS</h2> <p> He walked alone on the sandy beach,<br /> and stared off into the distance.<br /> The waves lapping at his feet,<br /> reminding him of someone lost,<br /> of a child taken in by the surrounding water.<br /> <br /> He raised her for eleven years,<br /> and loved her as his only daughter.<br /> As a child she cried screamed,<br /> and cried fearful tears,<br / > at the sight of the cold dark water.<br /> <br /> He told her,<br /> stories he learned as a child,<br /> of sunsets and hidden treasures,<br /> and the surrounding beauty of the water.<br /> <br /> And as she grew older,<br /> he remembered them standing together,<br /> watching the storm hit the rocks below,<br /> and the ocean flew up and came crashing over them,<br /> and she smiled at him under the stormy waters.<br /> <br /> She grew so fond,<br /> of the beach and the surrounding water.<br /> She left him alone one night,<br /> and swam out to see how far it could reach.<br /> She died in the cool black darkness,<br /> of the vast surrounding water.<br /> <br /> And he cries,<br /> whenever he walks along the beach.<br /> Still he does it every night,<br /> just to remind him of her,<br /> of a child taken in by the surrounding water.</p> </div><!-- end internal_content --> </div><!-- end content_main --> <div id="content_footer"></div> </div><!-- body_content --> </div><!-- end body --> </div><!-- end content --> <p class="space">-</p> </div><!-- end main_body_box --> <div id="task_bar" >Copyright ©, 2008 Vamp's World</div> </div><!--end bodybox --> </body> </html>
