Menu
Hi,
I am trying to create a page so that when the user clicks a button (i.e. Lunch menu) it calls up the lunch.htm page and places it in a specific div, lets call it main.
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “
<html xmlns=”
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>crmenuonlline</title>
<style type=”text/css”>
#wrapper {
overflow:auto;
width:960px;
margin-right:auto;
margin-left:auto;
margin-top:50px;
}
#banner {
float:left;
background-color:red;
color:blue;
width:300px;
height:160px;
clear:both;
}
#restuarant {
float:right;
background-color:#00FF33;
width:660px;
height:160px;
}
#nav {
width: 100%;
float: left;
margin: 0 0 3em 0;
padding: 0;
list-style: none;
background-color: #f2f2f2;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc; }
#nav li {
float: left; }
#nav li a {
display: block;
padding: 8px 15px;
text-decoration: none;
font-weight: bold;
color: #069;
border-right: 1px solid #ccc; }
#nav li a:hover {
color: #c00;
background-color: #fff;
#main {
float:left;
width:960px;
height:auto;
}
</style>
</head>
<body>
<div id=”wrapper”>
<div id=”banner”>CRmenuOnline.com</div>
<div id=”restuarant”>Rest Picture goes here</div>
<div id=”menu”>
<ul id=”nav”>
<li><a href=”#lunch.htm”>Lunch</a></li>
<li><a href=”#”>Dinner</a></li>
<li><a href=”#”>Appetizers</a></li>
<li><a href=”#”>Hours</a></li>
<li><a href=”#”>Location</a></li>
<li><a href=”#”>Simmilar Restaurants</a></li>
</ul>
</div>
<div id=”main”>Menu goes here</div>
</div>
</body>
</html>
What would be the best way to call up the web page using client side?
Javascript, PHP?