Need help in clone html table

bryanpung · June 13th, 2007, 03:26 AM

I have the following html and I'm using some javascript to display content in different tab. Now what I want to achieve is that to copy contetn from one tab to another tab. I'm using DOM to achieve this but it seems like not working. Because the tab that I want to copy is not an active tab, I have the copy control in another tab.

Can anyone help on this? Very much appreciate for your expertise.

Code:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script language="javascript">
// Version control
function CountTR() {
// var iCount = modification.rows.length - 2;
// spanCount.innerText = 'Version ' + parseFloat(SysNumFormat(iCount.toString(), 1)) + 1;
 var iCount = table14.rows.length - 1;
 iCount = parseFloat(SysNumFormat(iCount.toString(), 1)) + 1;
 spanCount.innerText = 'Version ' + iCount;
}
function SysNumFormat(num, dec)
{
 var v = '';
 var n = (num.substr(0, 1) == '-');
 if (n)
  num = num.substr(1);
 if (dec == null)
  dec = 2;
 var i = num.length - 1;
 var j = 0;
 for(;j < dec && i >= 0; i--, j++)
 {
  var l = num.substr(i, 1);
  v = l + v;
 }
 if (j < dec || num.length == dec)
 {
  if (dec == 0)
   v = '0';
  else
  {
   for (; j < dec; j++)
    v = '0' + v;
   v = '0.' + v;
  }
 }
 else
 {
  if (dec != 0)
   v = '.' + v;
  var j = 0;
  for(; i >= 0; i--, j++)
  {
   if (j == 3)
   {
    v = ',' + v;
    j = 0;
   }
   var l = num.substr(i, 1);
   v = l + v;
  }
 }
 return v;
}
</script>
<script language='javascript'>
// Tab content cookies to remember last saved state
var enablepersist="on" //Enable saving state of content structure using session cookies? (on/off)
var collapseprevious="no" //Collapse previously open content when opening present? (yes/no)
var contractsymbol='' 
var expandsymbol='' 

if (document.getElementById){
document.write('<style type="text/css">')
document.write('.switchcontent{display:none;}')
document.write('</style>')
}
function getElementbyClass(rootobj, classname){
var temparray=new Array()
var inc=0
var rootlength=rootobj.length
for (i=0; i<rootlength; i++){
if (rootobj[i].className==classname)
temparray[inc++]=rootobj[i]
}
return temparray
}
function sweeptoggle(ec){
var thestate=(ec=="expand")? "block" : "none"
var inc=0
while (ccollect[inc]){
ccollect[inc].style.display=thestate
inc++
}
revivestatus()
}

function contractcontent(omit){
var inc=0
while (ccollect[inc]){
if (ccollect[inc].id!=omit)
ccollect[inc].style.display="none"
inc++
}
}
function expandcontent(curobj, cid){
var spantags=curobj.getElementsByTagName("SPAN")
var showstateobj=getElementbyClass(spantags, "showstate")
if (ccollect.length>0){
if (collapseprevious=="yes")
contractcontent(cid)
document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="block")? "block" : "none"
if (showstateobj.length>0){ //if "showstate" span exists in header
if (collapseprevious=="no")
showstateobj[0].innerHTML=(document.getElementById(cid).style.display=="block")? contractsymbol : expandsymbol
else
revivestatus()
}
}
}
function revivecontent(){
contractcontent("omitnothing")
selectedItem=getselectedItem()
selectedComponents=selectedItem.split("|")
for (i=0; i<selectedComponents.length-1; i++)
document.getElementById(selectedComponents[i]).style.display="block"
}
function revivestatus(){
var inc=0
while (statecollect[inc]){
if (ccollect[inc].style.display=="block")
statecollect[inc].innerHTML=contractsymbol
else
statecollect[inc].innerHTML=expandsymbol
inc++
}
}
function get_cookie(Name) { 
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { 
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function getselectedItem(){
if (get_cookie(window.location.pathname) != ""){
selectedItem=get_cookie(window.location.pathname)
return selectedItem
}
else
return ""
}
function saveswitchstate(){
var inc=0, selectedItem=""
while (ccollect[inc]){
if (ccollect[inc].style.display=="block")
selectedItem+=ccollect[inc].id+"|"
inc++
}
document.cookie=window.location.pathname+"="+selectedItem
}
function do_onload(){
uniqueidn=window.location.pathname+"firsttimeload"
var alltags=document.all? document.all : document.getElementsByTagName("*")
ccollect=getElementbyClass(alltags, "switchcontent")
statecollect=getElementbyClass(alltags, "showstate")
if (enablepersist=="on" && ccollect.length>0){
document.cookie=(get_cookie(uniqueidn)=="")? uniqueidn+"=1" : uniqueidn+"=0" 
firsttimeload=(get_cookie(uniqueidn)==1)? 1 : 0 //check if this is 1st page load
if (!firsttimeload)
revivecontent()
}
if (ccollect.length>0 && statecollect.length>0)
revivestatus()
}
if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload
if (enablepersist=="on" && document.getElementById)
window.onunload=saveswitchstate
</script>
<script language="javascript">
// Tab content
var enabletabpersistence=1 //enable tab persistence via session only cookies, so selected tab is remembered?
////NO NEED TO EDIT BELOW////////////////////////
var tabcontentIDs=new Object()
function expandcontent(linkobj){
var ulid=linkobj.parentNode.parentNode.id //id of UL element
var ullist=document.getElementById(ulid).getElementsByTagName("li") //get list of LIs corresponding to the tab contents
for (var i=0; i<ullist.length; i++){
ullist[i].className=""  //deselect all tabs
if (typeof tabcontentIDs[ulid][i]!="undefined") //if tab content within this array index exists (exception: More tabs than there are tab contents)
document.getElementById(tabcontentIDs[ulid][i]).style.display="none" //hide all tab contents
}
linkobj.parentNode.className="selected"  //highlight currently clicked on tab
document.getElementById(linkobj.getAttribute("rel")).style.display="block" //expand corresponding tab content
saveselectedtabcontentid(ulid, linkobj.getAttribute("rel"))
}
function expandtab(tabcontentid, tabnumber){ //interface for selecting a tab (plus expand corresponding content)
var thetab=document.getElementById(tabcontentid).getElementsByTagName("a")[tabnumber]
if (thetab.getAttribute("rel"))
expandcontent(thetab)
}
function savetabcontentids(ulid, relattribute){// save ids of tab content divs
if (typeof tabcontentIDs[ulid]=="undefined") //if this array doesn't exist yet
tabcontentIDs[ulid]=new Array()
tabcontentIDs[ulid][tabcontentIDs[ulid].length]=relattribute
}
function saveselectedtabcontentid(ulid, selectedtabid){ //set id of clicked on tab as selected tab id & enter into cookie
if (enabletabpersistence==1) //if persistence feature turned on
setCookie(ulid, selectedtabid)
}
function getullistlinkbyId(ulid, tabcontentid){ //returns a tab link based on the ID of the associated tab content
var ullist=document.getElementById(ulid).getElementsByTagName("li")
for (var i=0; i<ullist.length; i++){
if (ullist[i].getElementsByTagName("a")[0].getAttribute("rel")==tabcontentid){
return ullist[i].getElementsByTagName("a")[0]
break
}
}
}
function initializetabcontent(){
for (var i=0; i<arguments.length; i++){ //loop through passed UL ids
if (enabletabpersistence==0 && getCookie(arguments[i])!="") //clean up cookie if persist=off
setCookie(arguments[i], "")
var clickedontab=getCookie(arguments[i]) //retrieve ID of last clicked on tab from cookie, if any
var ulobj=document.getElementById(arguments[i])
var ulist=ulobj.getElementsByTagName("li") //array containing the LI elements within UL
for (var x=0; x<ulist.length; x++){ //loop through each LI element
var ulistlink=ulist[x].getElementsByTagName("a")[0]
if (ulistlink.getAttribute("rel")){
savetabcontentids(arguments[i], ulistlink.getAttribute("rel")) //save id of each tab content as loop runs
ulistlink.onclick=function(){
expandcontent(this)
return false
}
if (ulist[x].className=="selected" && clickedontab=="") //if a tab is set to be selected by default
expandcontent(ulistlink) //auto load currenly selected tab content
}
} //end inner for loop
if (clickedontab!=""){ //if a tab has been previously clicked on per the cookie value
var culistlink=getullistlinkbyId(arguments[i], clickedontab)
if (typeof culistlink!="undefined") //if match found between tabcontent id and rel attribute value
expandcontent(culistlink) //auto load currenly selected tab content
else //else if no match found between tabcontent id and rel attribute value (cookie mis-association)
expandcontent(ulist[0].getElementsByTagName("a")[0]) //just auto load first tab instead
}
} //end outer for loop
}

function getCookie(Name){ 
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1] //return its value
return ""
}
function setCookie(name, value){
document.cookie = name+"="+value //cookie value is domain wide (path=/)
}
</script>
<style type="text/css">
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs li{
display: inline;
margin: 0;
}
.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
}
.shadetabs li a:visited{
color: #2d2b2b;
}
.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}
.shadetabs li.selected{
position: relative;
top: 1px;
}
.shadetabs li.selected a{ /*selected main tab style */
border-bottom-color: white;
}
.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}
.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}
.tabcontent{
display:none;
}
@media print {
.tabcontent {
display:block!important;
}
}
#chromemenu1{
width: 100%;
font-weight: bold;
font-size: 90%;
}
#chromemenu1 ul{
border: 1px solid #BBB;
width: 100%;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}
#chromemenu1 ul li{
display: inline;
}
#chromemenu1 ul li a{
color: #494949;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}
 table.MsoNormalTable
 {mso-style-parent:"";
 line-height:115%;
 font-size:11.0pt;
 font-family:"Calibri","sans-serif";
 }
 li.MsoNormal
 {mso-style-parent:"";
 margin-top:0in;
 margin-right:0in;
 margin-bottom:10.0pt;
 margin-left:0in;
 line-height:115%;
 font-size:10pt;
 font-family:"Verdana";
 }
#FormQuickSearch{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}
#FormQuickSearch .textinput{
width: 190px;
border: 1px solid gray;
}
#FormQuickSearch .submit{
font: bold 11px Verdana;
height: 22px;
background-color: white;
}
#FormGlobe{ /*CSS for sample search box. Remove if desired */
float: left;
margin: 0;
padding: 0;
}
#FormGlobe .textinput{
width: 190px;
border: 1px solid gray;
}
#FormGlobe .submit{
font: bold 11px Verdana;
height: 22px;
background-color: white;
}
#FormSynergy{ /*CSS for sample search box. Remove if desired */
float: left;
margin: 0;
padding: 0;
}
#FormSynergy .textinput{
width: 190px;
border: 1px solid gray;
}
#FormSynergy .submit{
font: bold 11px Verdana;
height: 22px;
background-color: white;
}

a:link
{
 color: #2c4377;
 text-decoration: underline;
}
a:visited
{
 color: #2c4377;
 text-decoration: underline;
} 
a:hover
{
 color: #000066;
 text-decoration: none;
}
body{padding: 20px;background-color: #FFF;
    font: 10 Verdana}
h4 {margin: 0 10px; height: 15px}
h4 {font-size: 14px;color: #000000}
h5 {margin: 0 10px; height: 15px}
h5 {font-size: 14px;color: #000000}
</style>
<script language="javascript">
// Copy div to printable
function CopyPrintable(){
var t = document.getElementById('tcontent0').cloneNode(true);
document.getElementById('print2').appendChild(t);
alert('Aloha!!!');
}
</script>
<title>Functional Design</title>
</head>
<body>
<table border="1" width="800" id="table1" bordercolor="#C0C0C0" cellspacing="0" cellpadding="0" align="center">
 <tr>
  <td>
 <table border="0" width="100%" cellspacing="1" id="table2">
 <tr>
  <td align="center">
  <h4>FUNCTIONAL DESIGN</h4>
  </td>
 </tr>
 <tr>
  <td align="center">
  <h4>Subject</h4>
  </td>
 </tr>
 <tr>
  <td align="center">
  <h5><span id="spanCount"></h5>
  </td>
 </tr>
 </table>
  </td>
 </tr>
 <tr>
  <td>
  <br>
   <ul id="maintab" class="shadetabs">
   <li class="selected"><a href="#" title="Project summary" rel="tcontent0">Project summary</a></li>
   <li><a href="#" title="Printable" rel="tcontent8">Printable</a></li>
   </ul>
<div id="main1" class="tabcontentstyle" style="width: 800px; height: 600px">
<div id="tcontent0" class="tabcontent" align="center">
 <table border="0" width="770" cellspacing="0" cellpadding="0" bgcolor="#708090" id="table3" class="switchcontent">
  <tr>
   <td>
    <table cellSpacing="1" cellPadding="5" width="770" border="0" id="table4">
     <tr>
      <td bgcolor="#FFFFFF" valign="top">
      <font size="2" color="#FF0000"><b>Purpose</b></font><hr color="#FF0000" size="1">
      </td>
     </tr>
     <tr>
      <td bgcolor="#FFFFFF" valign="top">
       <ul type="square">
       <li><font size="2" color="#808080">This section will be showing most important references for this functional design.
       </font>
       </li>
       </ul>
      </td>
     </tr>
     <tr>
      <td class="tbody" align="left" width="748" bgcolor="#FFFFFF" valign="top">
      <font size="2" color="#FF0000"><b>Editing notes</b></font><hr color="#FF0000" size="1">
      </td>
     </tr>
     <tr>
      <td class="tbody" align="left" width="748" bgcolor="#FFFFFF" valign="top">
       <ul type="square">
       <li>
       <font size="2" color="#808080">Do not modify this section as this section will not be visible when uploading to Synergy.<br></font>
       </li>
       <li>
       <font size="2" color="#808080">
             Do not put other 
             irrelevant contents in 
             the functional design 
             beyond the dotted box 
             presented below.
       <br>
       </font>
       </li>
       <li>
       <font size="2" color="#808080">
             Do not adjust the table 
             or cell width for this 
             section and every 
             section.
       <br>
       </font>
       </li>
       <li>
       <font size="2" color="#808080">
             Fill in the blank in the 
             table below for each 
             row, use hyperlink for 
             those value can be 
             linked in Synergy.
       <br>
       </font>
       </li>
       <li>
       <font size="2" color="#808080">
             Use only font type 
             Verdana with size 10.
       <br>
       </font>
       </li>
       <li>
       <font size="2" color="#808080">
             For dropdown selection 
             just double click and 
             enable <i>Selected </i>
             option for whichever 
             that is applicable.
       </font>
       </li>
       </ul>
      </td>
     </tr>      
    </table>
   </td>
  </tr>   
 </table>
<br>  
 <table cellSpacing="0" cellPadding="4" width="770" bgColor="#708090" border="0" id="table5" style="border: 2px dotted gray">
  <tr>
   <td vAlign="top" width="87%" bgColor="#DADADA" align="center" class="switchcontent">
   <p align="left"><b><font size="2">1. Project summary editing region</font></b></td>
  </tr>
  <tr>
   <td vAlign="top" width="87%" bgColor="#ffffff" height="42" align="center">
    <table border="0" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" height="26" id="table6">
     <tr>
      <td>
       <table cellPadding="5" border="0" id="table7">
        <tr bgColor="#eeeeee">
         <td class="tbody" width="163" bgcolor="#DADADA"><b><font size="2">Production line</font></b></td>
         <td class="tbody" width="314" bgcolor="#FFFFFF">
          <font size="1">
          <select id="DateType4" name="Product_Line" size="1" style="WIDTH: 200; font-family:Verdana" disabled>
          <option></option>
          <option selected >Exact Globe 2003</option>
          <option>Exact Synergy</option>
          <option>Exact Synergy.net</option>
          </select></font></td>
        </tr>
        <tr bgColor="#eeeeee">
         <td class="tbody" width="163" bgcolor="#DADADA"><b><font size="2">DCR No.</font></b>
         </td>
         <td class="tbody" width="314" bgcolor="#FFFFFF">
         </td>
        </tr>
        <tr bgColor="#eeeeee">
         <td class="tbody" width="163" bgcolor="#DADADA"><b><font size="2">PRD No.</font></b>
         </td>
         <td class="tbody" width="314" bgcolor="#FFFFFF">
         </td>
        </tr>
        <tr bgColor="#eeeeee">
         <td class="tbody" width="163" bgcolor="#DADADA"><b><font size="2">Project</font></b></td>
         <td class="tbody" width="314" bgcolor="#FFFFFF">
         </td>
        </tr>
        <tr bgColor="#eeeeee">
         <td class="tbody" width="163" bgcolor="#DADADA"><b><font size="2">Project manager</font></b></td>
         <td class="tbody" width="314" bgcolor="#FFFFFF">
         </td>
        </tr>
        <tr bgColor="#eeeeee">
         <td class="tbody" width="163" bgcolor="#DADADA"><b><font size="2">Functional designer</font></b>
         </td>
         <td class="tbody" width="314" bgcolor="#FFFFFF">
          <font size="1">
          <select id="DateType6" name="FD" size="1" style="WIDTH: 200; font-family:Verdana" disabled>
          <option value="0"></option>
          <option>Bryan Pung</option>
          <option>Caroline Yap</option>
          <option>Cherine Er</option>
          <option>Erik Horsthuis</option>
          <option>Har Wai Keong</option>
          <option>John Cheok</option>
          <option>Li Wan</option>
          <option>Lian Ling</option>
          <option>Marco Kastrop</option>
          <option>Paul Woon</option>
          <option>Rebecca Law</option>
          <option>Richard Lew</option>
          <option>Varese Cheong</option>
          </select>
          </font>
         </td>
        </tr>
        <tr bgColor="#eeeeee">
         <td class="tbody" width="163" bgcolor="#DADADA"><b><font size="2">Technical designer</font></b></td>
         <td class="tbody" width="314" bgcolor="#FFFFFF">
         </td>
        </tr>
        <tr bgColor="#eeeeee">
         <td class="tbody" width="163" bgcolor="#DADADA"><b><font size="2">Document ID</font></b></td>
         <td class="tbody" width="314" bgcolor="#FFFFFF">
         </td>
        </tr>
        <tr bgColor="#eeeeee">
         <td class="tbody" width="163" bgcolor="#DADADA"><b><font size="2">Date last modified</font></b>
         </td>
         <td class="tbody" width="314" bgcolor="#FFFFFF">
         </td>
        </tr>
       </table>
      </td>
     </tr>
    </table>
    <hr color="#FF0000" size="1">
    <table border="0" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" height="26" id="table8">
     <tr>
      <td>
       <table cellPadding="5" border="0" id="table9">
        <tr bgColor="#eeeeee">
         <td class="tbody" width="477" bgcolor="#DADADA" colspan="2">
         <font size="2"><b>Table of contents</b></font>
         </td>
        </tr>
        <tr bgColor="#eeeeee">
         <td class="tbody" width="25" bgcolor="#FFFFFF"><b>
         <font size="2">1</font></b>
         </td>
         <td class="tbody" width="452" bgcolor="#FFFFFF">
         <b> <font size="2"><a href="javascript:%20expandtab('maintab',%201)">Modification register</a></font></b>
         </td>
        </tr>
        <tr bgColor="#eeeeee">
         <td class="tbody" width="25" bgcolor="#FFFFFF"><b><font size="2">2</font></b>
         </td>
         <td class="tbody" width="452" bgcolor="#FFFFFF"><b><font size="2"><a href="javascript:%20expandtab('maintab',%202)">Situation</a></font></b>
         </td>
        </tr>
        <tr bgColor="#eeeeee">
         <td class="tbody" width="25" bgcolor="#FFFFFF"><b><font size="2">3</font></b>
         </td>
         <td class="tbody" width="452" bgcolor="#FFFFFF"><b><font size="2"><a href="javascript:%20expandtab('maintab',%203)">Preconditions &amp; Scope</a></font></b>
         </td>
        </tr>
        <tr bgColor="#eeeeee">
         <td class="tbody" width="25" bgcolor="#FFFFFF"><b><font size="2">4</font></b>
         </td>
         <td class="tbody" width="452" bgcolor="#FFFFFF"><b><font size="2"><a href="javascript:%20expandtab('maintab',%204)">Functional specifications</a></font></b>
         </td>
        </tr>
        <tr bgColor="#eeeeee">
         <td class="tbody" width="25" bgcolor="#FFFFFF"><b><font size="2">5</font></b>
         </td>
         <td class="tbody" width="452" bgcolor="#FFFFFF">
         <b><font size="2"><a href="javascript:%20expandtab('maintab',%205)">Appendix A: Detail functional specifications</a></font></b>     </td>
         </tr>
        <tr bgColor="#eeeeee">
         <td class="tbody" width="25" bgcolor="#FFFFFF"><b><font size="2">6</font></b>
         </td>
         <td class="tbody" width="452" bgcolor="#FFFFFF">
         <b><font size="2"><a href="javascript:%20expandtab('maintab',%206)">Appendix B: Function matrix</a></font></b>
         </td>
        </tr>
        <tr bgColor="#eeeeee">
         <td class="tbody" width="25" bgcolor="#FFFFFF"><b>
         <font size="2">7</font></b>
         </td>
         <td class="tbody" width="452" bgcolor="#FFFFFF">
         <b><font size="2"><a href="javascript:%20expandtab('maintab',%207)">Appendix C: New term summary</a></font></b>
         </td>
        </tr>
       </table>
      </td>
     </tr>
    </table>
   </td>
  </tr>
 </table>
</div>
<hr size="1">
<div id="tcontent8" class="tabcontent" align="center">
<div id="chromemenu1" style="width: 770px; height: 29px">
<ul>
<li>
<p><font face="Verdana" size="2">&nbsp;Printable</font></li>
</ul>
</div>
 <table border="0" width="770" cellspacing="0" cellpadding="0" bgcolor="#708090" id="table533" class="switchcontent">
  <tr>
   <td>
    <table cellSpacing="1" cellPadding="5" width="770" border="0" id="table534">
     <tr>
      <td class="tbody" align="left" width="748" bgcolor="#FFFFFF" valign="top">
      <font size="2" color="#FF0000">
      <b>Purpose</b></font><hr color="#FF0000" size="1">
      </td>
     </tr>
     <tr>
      <td class="tbody" align="left" width="748" bgcolor="#FFFFFF" valign="top">
       <ul type="square">
        <li>
        <p class="MsoNormal">
        <font size="2" color="#808080">
        This section will be the 
        entire content of 
        functional design to put 
        under single tab for 
        printing purpose.</font>
        </li>
       </ul>
      </td>
     </tr>
     <tr>
      <td class="tbody" align="left" width="748" bgcolor="#FFFFFF" valign="top">
      <font size="2" color="#FF0000">
      <b>Editing notes</b></font><hr color="#FF0000" size="1">
      </td>
     </tr>
     <tr>
      <td class="tbody" align="left" width="748" bgcolor="#FFFFFF" valign="top">
       <ul type="square">
        <li>
        <font size="2" color="#808080">
        Do not modify this 
        section as this section 
        will not be visible when 
        uploading to Synergy.<br>
        </font>
        </li>
        <li>
        <font size="2" color="#808080">
        Do not put other 
        irrelevant contents in 
        the functional design 
        beyond the dotted box 
        presented below.<br>
        </font>
        </li>
        <li>
        <font size="2" color="#808080">
        Copy content from each 
        section (tab) starting 
        from <i>Project summary
        </i>to <i>7</i>.<br>
        </font>
        </li>
        <li>
        <font size="2" color="#808080">
        Do not include html tag. 
        You may copy the content 
        in each tab to word then 
        put it back here to 
        avoid unnecessary html 
        tag being copied to 
        printable version.</font></li>
       </ul>
      </td>
     </tr>
    </table>
   </td>
  </tr>   
 </table>
 <br>
 <table cellSpacing="0" cellPadding="4" width="770" bgColor="#708090" border="0" id="printable" style="border: 2px dotted gray">
  <tr>
   <td vAlign="top" width="87%" bgColor="#DADADA" class="switchcontent">
   <p align="left"><b><font size="2">Printable edit region</font></b></td>
  </tr>
  <tr>
   <td vAlign="top" width="87%" bgColor="#ffffff" height="42"><br>
   <form>
   <input onclick="javascript:CopyPrintable()" type="button" value="Printable" name="Printable">
   </form>
   <p>
    <div id="print1"><b><font size="1" color="#FF0000">Can U copy me? I think U can!!!</font></b><br>
    </div>
    <div id="print2">
    </div>
   </td>
  </tr>
 </table>
</div>
<script type="text/javascript">
//Start Tab Content script for UL with id="maintab" Separate multiple ids each6with a comma.
initializetabcontent("maintab")
</script>
   </td>
  </tr>
  <tr>
   <td height="21">
   <p align="center">
   &nbsp;</td>
  </tr>
  <tr>
   <td height="11">
   <p align="center"><font face="Verdana" size="1">
   <b><font color="#BBBBBB">
   &nbsp;Template by </font>
   <a href="https://eportal.exact.nl/docs/EPEmpl...r.asp?ID=30947">
   <font color="#BBBBBB">Bryan Pung</font></a><font color="#BBBBBB">version 1.2</font></b>
   </td>
  </tr>
  <tr id="images" class="switchcontent">
   <td height="10">
   <img border="0" src="../Mind%20map/shade_grey.gif" width="5" height="45" title="shade_grey"><img border="0" src="../Mind%20map/shadeactive_grey.gif" width="5" height="45" title="shade_grey_active"><img border="0" src="../../Design%20documents/MFG%20390/chromebg.gif" width="3" height="50" title="chrome">
   </td>
  </tr>
  <tr id="changelog" class="switchcontent">
   <td height="21">
    <table cellSpacing="0" cellPadding="4" width="750" bgColor="#708090" border="0" height="84" id="table290">
     <tr>
      <td vAlign="top" width="87%" bgColor="#ffffff" height="84">
       <table border="0" width="724" cellspacing="0" cellpadding="0" bgcolor="#708090" height="26" id="table291">
        <tr>
         <td>
          <table cellSpacing="1" cellPadding="5" width="780" border="0" id="table292">
           <tr bgColor="#eeeeee">
            <td class="tbody" align="left" width="760" bgcolor="#FFFFFF" colspan="4">
            <font color="#FF0000" size="1" face="Verdana"><b>Change log</b></font>
            </td>
           </tr>
           <tr>
            <td class="tbody" align="left" width="11" bgcolor="#DDDDDD">
            <font size="1" face="Verdana"><b>#</b></font><font size="1">
            </font>
            </td>
            <td class="tbody" align="left" width="463" bgcolor="#DDDDDD">
            <b><font size="1" face="Verdana">Description</font></b><font size="1">
            </font>
            </td>
            <td class="tbody" align="left" width="113" bgcolor="#DDDDDD">
            <font size="1" face="Verdana"><b>Edit by</b></font><font size="1">
            </font>
            </td>
            <td class="tbody" align="left" width="119" bgcolor="#DDDDDD">
            <font size="1" face="Verdana"><b>Date</b></font><font size="1">
            </font>
            </td>
           </tr>
           <tr>
            <td class="tbody" align="left" width="11" bgcolor="#FFFFFF">
            <font size="1" face="Verdana">1</font><font size="1">
            </font>
            </td>
            <td class="tbody" align="left" width="463" bgcolor="#FFFFFF">
            <font size="1">Change template layout according to FD template standard and 
            suggestion by Paul Woon. </font>
            </td>
            <td class="tbody" align="left" width="113" bgcolor="#FFFFFF">
            <font face="Verdana" size="1">Bryan Pung</font><font size="1">
            </font>
            </td>
            <td class="tbody" align="left" width="119" bgcolor="#FFFFFF">
            <font face="Verdana" size="1">07/06/07</font><font size="1">
            </font>
            </td>
           </tr>
           <tr>
            <td class="tbody" align="left" width="11" bgcolor="#FFFFFF">
            <font size="1">2</font>
            </font>
            </td>
            <td class="tbody" align="left" width="463" bgcolor="#FFFFFF">
            <font size="1">Add in version control script. </font>
            </td>
            <td class="tbody" align="left" width="113" bgcolor="#FFFFFF">
            <font face="Verdana" size="1">Bryan Pung</font><font size="1">
            </font>
            </td>
            <td class="tbody" align="left" width="119" bgcolor="#FFFFFF">
            <font face="Verdana" size="1">08/06/07</font><font size="1">
            </font>
            </td>
           </tr>
           <tr>
            <td class="tbody" align="left" width="11" bgcolor="#FFFFFF">
            <font size="1">3 </font>
            </td>
            <td class="tbody" align="left" width="463" bgcolor="#FFFFFF">
            <font size="1">Add in printable script. </font>
            </td>
            <td class="tbody" align="left" width="113" bgcolor="#FFFFFF">
            <font face="Verdana" size="1">Bryan Pung</font><font size="1">
            </font>
            </td>
            <td class="tbody" align="left" width="119" bgcolor="#FFFFFF">
            <font face="Verdana" size="1">11/06/07</font><font size="1">
            </font>
            </td>
           </tr>
          </table>
         </td>
        </tr>
       </table>
      </td>
     </tr>
    </table> 
   </td>
  </tr>
 </div>
</table>
</body>
</html>

Ryan Fait · June 15th, 2007, 10:12 AM

I'm not brave enough to try and soak in that enormous chunk of code, but are you talking about browser tabs? If so, separate windows cannot communicate with each other.