I have recently downloaded a script that does not display as the demo does.
I tappears on my site incorrectly an I am looking at a way to remedy this matter.
PHP Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Index</title>
<meta name="KEYWORDS" content=""Gauteng North Junior Golf Foundation"">
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1,Transition=3)">
<meta name="GENERATOR" content="Created by BlueVoda">
<style type="text/css">
div#container
{
width: 878px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body
{
text-align: center;
margin: 0;
}
</style>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<style type="text/css">
/*Menu Links*/
/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/
#menu1 a {color:black;background-color:white;text-decoration:none;text-indent:1ex;}
#menu1 a:active {color:black;text-decoration:none;}
#menu1 a:hover {color:black;background-color:#FFFF99}
#menu1 a:visited {color:black;text-decoration:none;}
#menu2 a {color:navy;background-color:white;text-decoration:none;text-indent:1ex;}
#menu2 a:active {color:blue;text-decoration:none;}
#menu2 a:visited {color:blue;text-decoration:none;}
#menu2 a:hover {color:navy;background-color:#f0fea8}
#menu3 a { /*Menu3 Links*/
color:black;
background-color:white;
text-decoration:none;
text-indent:1ex;
}
#menu3 a:hover {
color:black;background-color:#FFFF99;
}
#menu3 a:active {color:black;text-decoration:none;}
#menu3 a:visited {color:black;text-decoration:none;}
/*End Menu Links*/
</style>
<script src="mmenu.js" type="text/javascript"></script>
<script src="menuItems.js" type="text/javascript">
/***********************************************
* Omni Slide Menu script - © John Davenport Scheuer: http://home.comcast.net/~jscheuer1/
* very freely adapted from Dynamic-FX Slide-In Menu (v 6.5) script- by maXimus
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code
***********************************************/
</script>
<script type="text/javascript">
<!--
function SwapImage()
{
var doc=document, args=arguments;
doc.$imgSwaps = new Array();
for(var i=2; i<args.length; i+=2)
{
var elem=FindObject(args[i]);
if(elem)
{
doc.$imgSwaps[doc.$imgSwaps.length]=elem;
elem.$src=elem.src;
elem.src=args[i+1];
}
}
}
// -->
</script>
<script type="text/javascript">
<!--
function FindObject(id, doc)
{
var child, elem;
if(!doc)
doc=document;
if(doc.getElementById)
elem=doc.getElementById(id);
else
if(doc.layers)
child=doc.layers;
else
if(doc.all)
elem=doc.all[id];
if(elem)
return elem;
if(doc.id==id || doc.name==id)
return doc;
if(doc.childNodes)
child=doc.childNodes;
if(child)
{
for(var i=0; i<child.length; i++)
{
elem=FindObject(id,child[i]);
if(elem)
return elem;
}
}
var frm=doc.forms;
if(frm)
{
for(var i=0; i<frm.length; i++)
{
var elems=frm[i].elements;
for(var j=0; j<elems.length; j++)
{
elem=FindObject(id,elems[i]);
if(elem) return elem;
}
}
}
return null;
}
// -->
</script>
<style type="text/css">
a.style1:link {color: #0000FF;}
a.style1:visited {color: #800080;text-decoration: underline;}
a.style1:active {color: #FF0000;text-decoration: underline;}
a.style1:hover {color: #0000FF;text-decoration: underline;}
a.style2:link {color: #0000FF;}
a.style2:visited {color: #800080;text-decoration: underline;}
a.style2:active {color: #FF0000;text-decoration: underline;}
a.style2:hover {color: #0000FF;text-decoration: underline;}
a.style3:link {color: #FFFF00;background: #009300;text-decoration: none;}
a.style3:visited {color: #800080;text-decoration: underline;}
a.style3:active {color: #FF0000;text-decoration: underline;}
a.style3:hover {color: #0000FF;text-decoration: underline;}
</style>
</head>
<body bgcolor="#FFFFFF" text="#0404CB" style="scrollbar-face-color:#D4D0C8;scrollbar-arrow-color:#0000FF;scrollbar-3dlight-color:#D4D0C8;scrollbar-darkshadow-color:#404040;scrollbar-highlight-color:#FFFFFF;scrollbar-shadow-color:#808080;scrollbar-track-color:#D4D0C8;"
>
</form>
<div id="container">
<div id="bv_" style="position:absolute;left:0px;top:105px;width:900px;height:430px;z-index:0" align="left">
<img src="bv01462.gif" id="Shape4" align="top" alt="" border="0" width="900" height="430"></div>
<div id="bv_" style="position:absolute;left:15px;top:0px;width:870px;height:100px;z-index:1" align="left">
<img src="bv01055.gif" id="" align="top" alt="" border="0" width="870" height="100"></div>
<div id="bv_" style="position:absolute;left:165px;top:15px;width:570px;height:510px;z-index:2" align="left">
<img src="bv01434.gif" id="Shape2" align="top" alt="" border="0" width="570" height="510"></div>
<img src="saflag_anim.gif" id="" alt="PROUDLY SOUTH AFRICAN" align="top" border="2" width="71" height="51" style="position:absolute;left:795px;top:15px;width:71px;height:51px;border-color:#FFFFFF;z-index:3">
<div id="bv_" style="position:absolute;left:215px;top:45px;width:485px;height:24px;z-index:4" align="left">
<font style="font-size:21px" color="#FFFFFF" face="Arial"><b>GAUTENG NORTH JUNIOR GOLF FOUNDATION</b></font></div>
<img src="Daisy.jpg" id="" alt="Gauteng North Daisy" align="top" border="0" width="55" height="70" style="position:absolute;left:35px;top:15px;width:55px;height:70px;z-index:5">
<div id="bv_" style="position:absolute;left:35px;top:415px;width:100px;height:100px;z-index:6" align="left">
<script language="JavaScript" type="text/javascript">
<!--
var nRotateIndex36 = 1;
var strRotateImage36 = new Array(1);
strRotateImage36[1] = "SAJGF.jpg";
var strRotateURL36 = new Array(1);
strRotateURL36[1] = "";
var strRotateTarget36 = new Array(1);
strRotateTarget36[1] = "";
function getImage36()
{
nRotateIndex36 = nRotateIndex36 + 1;
if (nRotateIndex36 > 1)
nRotateIndex36 = 1;
eval("document.ImageRotate36.src = strRotateImage36[" + nRotateIndex36+ "]");
setTimeout("getImage36();", 5000);
}
function onImageRotate36Click()
{
if (strRotateTarget36[nRotateIndex36] == "")
{
targetwin = "_self";
}
else
{
targetwin = strRotateTarget36[nRotateIndex36];
}
eval("window.open(url = strRotateURL36[" + nRotateIndex36 + "],'"+ targetwin +"');");
}
// -->
</script>
<a href="#" onClick="onImageRotate36Click();return false;">
<img src="SAJGF.jpg" id="RotatingImage1" border="0" align="top" alt="" width="100" height="100" name="ImageRotate36"></a>
<script language="JavaScript" type="text/javascript">
<!--
getImage36();
// -->
</script>
</div>
<div id="bv_" style="position:absolute;left:25px;top:115px;width:134px;height:110px;z-index:7" align="center">
<table border="0" cellpadding="0" cellspacing="0" id="NavigationBar1">
<tr>
<td align="left" valign="top" width="134" height="22"><a href="<A href="http://www.gnjgf.co.za/calendar.php"><img">http://www.gnjgf.co.za/calendar.php"><img id="bv01456" src="bv01456.gif" alt="Golf Calendar" title="Golf Calendar" align="top" border="0" width="134" height="22" onmouseover="SwapImage(1,0,'bv01456','bv01456_over.gif')" onmouseout="SwapImage(0,0,'bv01456','bv01456.gif')"></a></td>
</tr>
<tr>
<td align="left" valign="top" width="134" height="22"><a href="<A href="http://www.brabysmaps.co.za/brabys/directions.asp"><img">http://www.brabysmaps.co.za/brabys/directions.asp"><img id="bv01458" src="bv01458.gif" alt="How to get from A to B" title="How to get from A to B" align="top" border="0" width="134" height="22" onmouseover="SwapImage(1,0,'bv01458','bv01458_over.gif')" onmouseout="SwapImage(0,0,'bv01458','bv01458.gif')"></a></td>
</tr>
<tr>
<td align="left" valign="top" width="134" height="22"><a href="<A href="http://www.gnjgf.co.za/sagfpresentation.php"><img">http://www.gnjgf.co.za/sagfpresentation.php"><img id="bv01468" src="bv01468.gif" alt="Frequently asked questions" title="Frequently asked questions" align="top" border="0" width="134" height="22" onmouseover="SwapImage(1,0,'bv01468','bv01468_over.gif')" onmouseout="SwapImage(0,0,'bv01468','bv01468.gif')"></a></td>
</tr>
<tr>
<td align="left" valign="top" width="134" height="22"><a href="<A href="http://www.sa-venues.com/accommodation_south_africa.htm"><img">http://www.sa-venues.com/accommodation_south_africa.htm"><img id="bv01459" src="bv01459.gif" alt="Places to Stay" title="Places to Stay" align="top" border="0" width="134" height="22" onmouseover="SwapImage(1,0,'bv01459','bv01459_over.gif')" onmouseout="SwapImage(0,0,'bv01459','bv01459.gif')"></a></td>
</tr>
<tr>
<td align="left" valign="top" width="134" height="22"><a href="<A href="http://www.randa.org/index.cfm?action=rules.rulessub.rulespage"><img">http://www.randa.org/index.cfm?action=rules.rulessub.rulespage"><img id="bv01457" src="bv01457.gif" alt="R & A Rules" title="R & A Rules" align="top" border="0" width="134" height="22" onmouseover="SwapImage(1,0,'bv01457','bv01457_over.gif')" onmouseout="SwapImage(0,0,'bv01457','bv01457.gif')"></a></td>
</tr>
</table>
</div>
<div id="bv_" style="position:absolute;left:740px;top:115px;width:134px;height:88px;z-index:8" align="center">
<table border="0" cellpadding="0" cellspacing="0" id="NavigationBar2">
<tr>
<td align="left" valign="top" width="134" height="22"><a href="<A href="http://www.asiantour.com"><img">http://www.asiantour.com"><img id="bv01464" src="bv01464.gif" alt="Asian Tour" title="Asian Tour" align="top" border="0" width="134" height="22" onmouseover="SwapImage(1,0,'bv01464','bv01464_over.gif')" onmouseout="SwapImage(0,0,'bv01464','bv01464.gif')"></a></td>
</tr>
<tr>
<td align="left" valign="top" width="134" height="22"><a href="<A href="http://www.europeantour.com/"><img">http://www.europeantour.com/"><img id="bv01463" src="bv01463.gif" alt="European Tour" title="European Tour" align="top" border="0" width="134" height="22" onmouseover="SwapImage(1,0,'bv01463','bv01463_over.gif')" onmouseout="SwapImage(0,0,'bv01463','bv01463.gif')"></a></td>
</tr>
<tr>
<td align="left" valign="top" width="134" height="22"><a href="<A href="http://www.sunshinetour.com/"><img">http://www.sunshinetour.com/"><img id="bv01465" src="bv01465.gif" alt="Sunshine Tour" title="Sunshine Tour" align="top" border="0" width="134" height="22" onmouseover="SwapImage(1,0,'bv01465','bv01465_over.gif')" onmouseout="SwapImage(0,0,'bv01465','bv01465.gif')"></a></td>
</tr>
<tr>
<td align="left" valign="top" width="134" height="22"><a href="<A href="http://www.pgatour.com/"><img">http://www.pgatour.com/"><img id="bv01469" src="bv01469.gif" alt="US PGA Tour" title="US PGA Tour" align="top" border="0" width="134" height="22" onmouseover="SwapImage(1,0,'bv01469','bv01469_over.gif')" onmouseout="SwapImage(0,0,'bv01469','bv01469.gif')"></a></td>
</tr>
</table>
</div>
<div id="bv_" style="position:absolute;left:750px;top:500px;width:134px;height:22px;z-index:9" align="center">
<table border="0" cellpadding="0" cellspacing="0" id="NavigationBar3">
<tr>
<td align="left" valign="top" width="134" height="22"><a href="<A href="http://www.gnjgf.co.za/contactus.html"><img">http://www.gnjgf.co.za/contactus.html"><img id="bv01467" src="bv01467.gif" alt="FEED BACK" title="FEED BACK" align="top" border="0" width="134" height="22" onmouseover="SwapImage(1,0,'bv01467','bv01467_over.gif')" onmouseout="SwapImage(0,0,'bv01467','bv01467.gif')"></a></td>
</tr>
</table>
</div>
<div id="bv_" style="position:absolute;left:750px;top:475px;width:134px;height:22px;z-index:10" align="center">
<table border="0" cellpadding="0" cellspacing="0" id="NavigationBar4">
<tr>
<td align="left" valign="top" width="134" height="22"><a href="<A href="http://www.gnjgf.co.za"><img">http://www.gnjgf.co.za"><img id="bv01476" src="bv01476.gif" alt="HOME" title="HOME" align="top" border="0" width="134" height="22" onmouseover="SwapImage(1,0,'bv01476','bv01476_over.gif')" onmouseout="SwapImage(0,0,'bv01476','bv01476.gif')"></a></td>
</tr>
</table>
</div>
<div id="bv_" style="position:absolute;left:195px;top:30px;width:525px;height:15px;z-index:11" align="left">
<style type="text/css">
/*Eric Meyer's based CSS tab*/
#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 10px Arial;
}
#tablist li{
list-style: none;
display: inline;
margin: 0;
}
#tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}
#tablist li a:link, #tablist li a:visited{
color: navy;
}
#tablist li a:hover{
color: #000000;
background: #C1C1FF;
border-color: #227;
}
#tablist li a.current{
background: lightyellow;
}
</style>
<script type="text/javascript">
/***********************************************
* Tabbed Document Viewer script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
var selectedtablink=""
var tcischecked=false
function handlelink(aobject){
selectedtablink=aobject.href
tcischecked=(document.tabcontrol && document.tabcontrol.tabcheck.checked)? true : false
if (document.getElementById && !tcischecked){
var tabobj=document.getElementById("tablist")
var tabobjlinks=tabobj.getElementsByTagName("A")
for (i=0; i<tabobjlinks.length; i++)
tabobjlinks[i].className=""
aobject.className="current"
document.getElementById("tabiframe").src=selectedtablink
return false
}
else
return true
}
function handleview(){
tcischecked=document.tabcontrol.tabcheck.checked
if (document.getElementById && tcischecked){
if (selectedtablink!="")
window.location=selectedtablink
}
}
</script><form name="Form1" method="GET" action="" enctype="text/plain" id="Form1" <ul id="tablist">
<li><a class="current" href="http://www.google.com" onClick="return handlelink(this)">CONSTITUTION</a></li>
<li><a href="http://www.yahoo.com" onClick="return handlelink(this)">HOUSE HOLD RULES</a></li>
<li><a href="http://www.msn.com" onClick="return handlelink(this)">CODE OF CONDUCT</a></li>
<li><a href="http://www.news.com" onClick="return handlelink(this)">News.com</a></li>
<li><a href="http://www.dynamicdrive.com" onClick="return handlelink(this)">Dynamic Drive</a></li>
</ul>
<iframe id="tabiframe" src="http://www.google.com" width="98%" height="350px"></iframe>
<form name="tabcontrol" style="margin-top:0">
<input name="tabcheck" type="checkbox" onClick="handleview()"> Open tab links in browser window instead.>
</form>
</div>
</div>
</body>
</html>
07-28-2007, 06:10 AM
Tabbed Document veiwer 
