在一个框架中怎样用右页面刷新左页面。。。。。。

一个框架，下面是他们的代码(随便test了一个，能说明问题就好)：//frame.html
----------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>frame</title>
</head><frameset cols="80,*" frameborder="NO" border="0" framespacing="0">
  <frame src="left.html" name="leftFrame" scrolling="NO" noresize>
  <frame src="right.html" name="mainFrame">
</frameset>
<noframes><body>
</body></noframes>
</html>//left.html
-------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>left</title>
<script type="text/javascript">
alert("Left-page have reloaded!");
</script>
</head><body>
test
</body>
</html>//right.html
---------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>right</title>
</head>
<script type="text/javascript">
alert("Right-page have reloaded!");
function reloadLeft(){
  var url = "left.html";
  top.parent.leftFrame.location = url;
}
</script>
<body>
<form name="form1" action="right.htm" method="post">
<input type="submit" onClick="reloadLeft()" value="Reload left-page">
</form>
</body>
</html>
就3个页面。我的本意是点right.html中的按钮使left.html刷新，并且必须在right.html页面中的form提交之后，即我点了right.html中的按钮然后表但提交，提交完毕以后left.html页面reload....我加了alert();使页面变化更明白......请高手帮忙.....小弟感激不尽......