Tags


<DOCTYPE html>

<html>
<head>

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js”></script&gt;

<script>
$(function() {
$(“#Menu > li a”).each(function() {
var self = $(this);
var href = self.attr(“href”);
self.attr(“href”, “javascript: void(0);”);
self.click(function() {
$(“#Contents”).load(href);
});
});
});
</script>
</head>
<body>
<h1>Select!</h1>
<ul id=”Menu”>
<li><a href=”list.php?id=1″>First</a></li>
<li><a href=”insert.php?id=2″>Second</a></li>
<li><a href=”delete.php?id=3″>Third</a></li>
</ul>
<div id=”Contents”></div>
</body>
</html>

Advertisements