Okay heres a little example of what i'm talking about
This is for IE browsers.
---------------
Page1
----------------
<html>
<head>
<title>Go</title>
<script language="javascript">
function hide(){
parent.FrameName.document.all.Word1.style.visibility="hidden"
}
function show(){
parent.FrameName.document.all.Word1.style.visibility="visible"
}
window.onload=hide
</script>
</head>
<body>
<input type="button" value=" - Add A Word - " onclick="show()">
<BR>
<input type="button" value=" - Take Away the Word - " onclick="hide()">
</body>
</html>
------------------------
Page2
------------------------
<html>
<head>
<title></title>
</head>
<body>
<div id="Word1">Welcome</div>
</body>
</html>
------------------
The Frame Page
------------------
<html>
<head>
<title>The Font Helper</title>
</head>
<frameset rows="70%,*">
<frame name="controls" src="Page1.html">
<frame name="FrameName" src="Page2.html">
</frameset>
</html>
--------------
I've named the frame -- FrameName, just so you can see where it all goes.
