I'm trying to get these:
<div id="navi"><br>
<a href="index.htm">Home</a><br>
<a href ="#" onClick="load_venues(); return false; ">venues</a><br>
<a href ="#" onClick="load_goals(); return false; ">Our Goals</a><br>
<a href ="#" onClick="load_rules(); return false; ">Rule Book</a><br>
<a href ="#" onClick="load_formats(); return false; ">formats</a><br>
<a href ="#" onClick="load_contact(); return false; ">Contact</a></div>
to load into this:
<div id="maindiv" class="divclass"></div>
this is my script:
function load_home(){document.getElementById("maindiv").innerHTML='<object type="text/html" data="home.htm" ></object>';}
function load_venues(){document.getElementById("maindiv").innerHTML='<object type="text/html" data="venues.htm" ></object>';}
function load_goals(){document.getElementById("maindiv").innerHTML='<object type="text/html" data="goals.htm" ></object>';}
function load_rules(){document.getElementById("maindiv").innerHTML='<object type="text/html" data="rules.htm" ></object>';}
function load_formats(){document.getElementById("maindiv").innerHTML='<object type="text/html" data="formats.htm" ></object>';}
function load_contact(){document.getElementById("maindiv").innerHTML='<object type="text/html" data="contact.htm" ></object>';}
I'm not the smartest, but I'm trying.
It'll load into the div correctly, but it doesn't show the entire page that it loads, it'll show a 150x150px box of the content with scrollbars on both y and x axis. I want it to fill a box with these properties.
.divclass {
color: #420F4A;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 380;
line-height: 1.4;
overflow-y: auto;
overflow-x: hidden;
width: 567px;
height: 521px;
}
any advice is welcome :)
The website is http://www.pokerinforsterandtaree.com and if you go to the Contact section, you can see the thing that it's doing.
