small ajax help in ie7 only
<html><head><title></title>
<script language="javascript" type="text/javascript" src="prototype.js"></script>
<script>
mytest = function(){
new Ajax.Updater('content', 'test1.html', { method: 'get' });
}
</script>
<style>
pre {text-indent: 30px}
#tabmenu {
color: #000;
border-bottom: 1px solid black;
margin: 12px 0px 0px 0px;
padding: 0px;
z-index: 1;
padding-left: 10px }
#tabmenu li {
display: inline;
overflow: hidden;
list-style-type: none; }
#tabmenu a, a.active {
color: #aaaaaa;
background: #295229;
font: normal 1em verdana, Arial, sans-serif;
border: 1px solid black;
padding: 2px 5px 0px 5px;
margin: 0px;
text-decoration: none;
cursor:hand; }
#tabmenu a.active {
background: #ffffff;
border-bottom: 3px solid #ffffff; }
#tabmenu a:hover {
color: #fff;
background: #ADC09F; }
#tabmenu a:visited {
color: #E8E9BE; }
#tabmenu a.active:hover {
background: #ffffff;
color: #DEDECF; }
#content {font: 0.9em/1.3em verdana, sans-serif;
text-align: justify;
background: #ffffff;
padding: 20px;
border: 1px solid black;
border-top: none;
z-index: 2; }
#content a {
text-decoration: none;
color: #E8E9BE; }
#content a:hover { background: #aaaaaa; }
</style>
</head>
<body>
<ul id="tabmenu">
<li><a href="javascript:mytest();">test1</a></li>
<li><a href="javascript:mytest();">test1</a></li>
<li><a href="javascript:mytest();">test1</a></li>
</ul>
<div id="content"> </div>
</body>
</html>
[2078 byte] By [fun9] at [2007-11-11 11:57:32] 