Ask your own question, for FREE!
Computer Science 25 Online
OpenStudy (walters):

HTMl Help required ,I have three buttons that acts as a link on my page and i want to make them to operate in one div called ("keyb") when clicking them.see my code ...

OpenStudy (walters):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <html xmlns=" http://www.w3.org/1999/xhtml "> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Untitled 1</title> <script type="text/javascript"> $(document).ready(function(){ $("#Extra-class").click(function(){ $("#body").load("try.php"); }); }); /* $(function(){ $('#header a ').on('click', function(){ e.preventDefault(); var page_url=$(this).prop('href'); $('#keyb').load(page_url); }); });*/ </script> <style type="text/css"> #keyb{ width:960px; margin: 0 auto; } #container { background-color:#CCFF66; } #container a{ display:inline; } #header ul { list-style: none; display:inline; } #header{ float:right; } .button_a{ text-shadow: rgba(0,0,0,.4) 1px 2px 1px; color:white; font-size: 10px; font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif; text-decoration: none; padding: 7.5px 15px; vertical-align: middle; background-color:red; } .button_a:hover { border-top-color: #28597a; background:aqua color: #ccc; } /* Button A Active */ .button_a:active { border-top-color: #1b435e; background: #1b435e; } .auto-style1 { margin-left: 6px; } </style> </head> <body style="height: 235px"> <div id="container" style="width:1368px; height: 97px;" > <div id="logo" style="background-color:#0099CC;height:93px; width:100px;float:left;"> <img src="Will.jpg" alt="Will Smith" height="93" width="99"> </div> <div id="header" style="width:460px"> <ul style="background-color:#CCFF66"> <a href=" http://www.google.com/ " class="button_a">Student Portal</a> <a href="try.php" class="button_a">Extra-class</a> <a href="#" class="button_a">Affiliate</a> <a href="#" class="button_a">About</a> <a href="#" class="button_a">Home</a> </ul> </div> </div> <div id="keyb" style="background-color:fuchsia; height: 602px; width: 730px;" class="auto-style1"></div> </body> </html>

OpenStudy (walters):

@dumbsearch2 , @slotema

OpenStudy (rsmith6559):

Take a look at http://www.w3schools.com

Can't find your answer? Make a FREE account and ask your own questions, OR help others and earn volunteer hours!

Join our real-time social learning platform and learn together with your friends!
Can't find your answer? Make a FREE account and ask your own questions, OR help others and earn volunteer hours!

Join our real-time social learning platform and learn together with your friends!