D
Dafydd
I have the following Script in my web page reduce to two pages.
<script>
function details()
{
document.getElementById('details').style.visibility='visible';
document.getElementById('capabilities').style.visibility='hidden';
}
function capabilities()
{
document.getElementById('details').style.visibility='hidden';
document.getElementById('capabilities').style.visibility='visible';
}
</script>
With the following HTML code..
<table id="Menu" border="1" width="100%">
<tr>
<td><a href="#" onclick="details()">Details</a></td>
<td><a href="#" onclick="capabilities()">Capabilities</a></td>
</tr>
</table>
<div id="details" style="position:absolute; visibility:visible;">
<table border="0"><caption>DETAILS</caption>
<tr><td>Name:</td><td>Enter name</td></tr>
<tr><td>Email:</td><td><a
href="mailto:[email protected]">EmailName</a></td></tr>
<tr><td>D.O.B:</td><td>Date of Birth</td></tr>
</table>
</div>
<div id="capabilities" style="position:absolute; visibility:hidden;">
<table border ="0"><caption>CAPABILITIES</caption>
<tr><td>Java Script</td><tr>
<tr><td>Java Script</td><tr>
<tr><td>Langauges</td><tr>
</table>
</div>
What I am trying to do is create a CV where you turn the pages without
reloading the web page. I have successfully done this using the code
above but the links don't work in Internet Explorer until I have gone
through all the pages. Netscape and Opera Works Fine!
The above consists of two pages for convience but my final site will
be approx 6 to 7 pages long.
Can anybody help get the links working on loading up 1st time without
having to go through all the pages or is there a bug with IE?
Many Thanks
Dafydd
<script>
function details()
{
document.getElementById('details').style.visibility='visible';
document.getElementById('capabilities').style.visibility='hidden';
}
function capabilities()
{
document.getElementById('details').style.visibility='hidden';
document.getElementById('capabilities').style.visibility='visible';
}
</script>
With the following HTML code..
<table id="Menu" border="1" width="100%">
<tr>
<td><a href="#" onclick="details()">Details</a></td>
<td><a href="#" onclick="capabilities()">Capabilities</a></td>
</tr>
</table>
<div id="details" style="position:absolute; visibility:visible;">
<table border="0"><caption>DETAILS</caption>
<tr><td>Name:</td><td>Enter name</td></tr>
<tr><td>Email:</td><td><a
href="mailto:[email protected]">EmailName</a></td></tr>
<tr><td>D.O.B:</td><td>Date of Birth</td></tr>
</table>
</div>
<div id="capabilities" style="position:absolute; visibility:hidden;">
<table border ="0"><caption>CAPABILITIES</caption>
<tr><td>Java Script</td><tr>
<tr><td>Java Script</td><tr>
<tr><td>Langauges</td><tr>
</table>
</div>
What I am trying to do is create a CV where you turn the pages without
reloading the web page. I have successfully done this using the code
above but the links don't work in Internet Explorer until I have gone
through all the pages. Netscape and Opera Works Fine!
The above consists of two pages for convience but my final site will
be approx 6 to 7 pages long.
Can anybody help get the links working on loading up 1st time without
having to go through all the pages or is there a bug with IE?
Many Thanks
Dafydd