lenya-unicms/scratchpad test.html,1.1,1.2 tree.html,1.1,1.2
"Gregor J. Rothfuss" <[email protected]> Mon, 02 Jun 2003 18:37:06 +0200
| Newsgroups | gmane.comp.cms.wyona.cvs |
|---|---|
| Message-ID | <[email protected]> |
Update of /repository/lenya-unicms/scratchpad
In directory erbium:/tmp/cvs-serv6073/scratchpad
Modified Files:
test.html tree.html
Log Message:
first cut of tabs, doesnt work in mozilla yet
Index: test.html
===================================================================
RCS file: /repository/lenya-unicms/scratchpad/test.html,v
retrieving revision 1.1
retrieving revision 1.2
diff -C2 -d -r1.1 -r1.2
*** test.html 21 May 2003 15:20:33 -0000 1.1
--- test.html 2 Jun 2003 16:37:03 -0000 1.2
***************
*** 1 ****
! <html><head></head><body>test</body></html>
\ No newline at end of file
--- 1,121 ----
! <html>
!
! <head>
! <title>Document Title</title>
! <style>
! .conts {visibility:hidden}
! .tab { border-top:solid thin #E0E0E0;
! border-right:solid thin gray;
! border-left:solid thin #E0E0E0;
! font-family:Verdana;
! font-size:10pt;
! text-align:center;
! font-weight:normal;
! cursor: pointer}
!
! .selTab { border-left:solid thin white;
! border-top:solid thin white;
! border-right:solid thin black;
! font-weight:bold;
! text-align:center;
! cursor: pointer}
!
! </style>
! <script language="JavaScript">
!
! //a public function that the container uses to pass in values for the labels
! function public_Labels(label1, label2, label3, label4, label5){
!
! t1.innerText = label1;
! t2.innerText = label2;
! t3.innerText = label3;
! t4.innerText = label4;
! t5.innerText = label5;
! }
!
! //a public function that the container uses to pass in values for the card containers
! function public_Contents(contents1, contents2, contents3, contents4, contents5, contents6, contents7){
!
! t1Contents.innerHTML = contents1;
! t2Contents.innerHTML = contents2;
! t3Contents.innerHTML = contents3;
! t4Contents.innerHTML = contents4;
! t5Contents.innerHTML = contents5;
!
! init();
! }
!
! //sets the default display to tab 1
! function init(){
! tabContents.innerHTML = t1Contents.innerHTML;
! }
!
! //this is the tab switching function
! var currentTab;
! var tabBase;
! var firstFlag = true;
!
!
! function changeTabs(){
!
! if(firstFlag == true){
! currentTab = t1;
! tabBase = t1base;
! firstFlag = false;
! }
!
! if(window.event.srcElement.className == "tab"){
!
! currentTab.className = "tab";
! tabBase.style.backgroundColor = "white";
! currentTab = window.event.srcElement;
! tabBaseID = currentTab.id + "base";
! tabContentID = currentTab.id + "Contents";
! tabBase = document.getElementById(tabBaseID);
! tabContent = document.getElementById(tabContentID);
! currentTab.className = "selTab";
! tabBase.style.backgroundColor = "";
! tabContents.innerHTML = tabContent.innerHTML;
! }
! }
!
! </script>
! </head>
!
! <body bgcolor="#C0C0C0" onclick="changeTabs()" onload="init()">
! <div style="border:none thin gray">
! <table style="width:100%; height:100%" cellpadding="0" cellspacing="0">
! <tr>
! <td id="t1" class="selTab" height="25">Overview</td>
! <td id="t2" class="tab">Meta</td>
! <td id="t3" class="tab">Assets</td>
! <td id="t4" class="tab">Workflow</td>
! <td id="t5" class="tab">Revisions</td>
! </tr>
! <tr>
! <td id="t1base" style="height:2; border-left:solid thin white"></td>
! <td id="t2base" style="height:2; background-color:white"></td>
! <td id="t3base" style="height:2; background-color:white"></td>
! <td id="t4base" style="height:2; background-color:white"></td>
! <td id="t5base" style="height:2; background-color:white; border-right:solid thin white"></td>
! </tr>
! <tr>
! <td height="*" colspan="5" id="tabContents" style=" border-left:solid thin white;
! border-bottom:solid thin white;
! border-right:solid thin white">sample contents</td>
! </tr>
! </table>
! <div class="conts" id="t1Contents">
! This text is on tab one</div>
! <div class="conts" id="t2Contents">
! This text is on <h1>tab</h1> two</div>
! <div class="conts" id="t3Contents">
! This text is on tab three</div>
! <div class="conts" id="t4Contents">
! This text is on tab four</div>
! <div class="conts" id="t5Contents">
! This text is on tab five</div>
! </div>
! </body>
!
! </html>
\ No newline at end of file
Index: tree.html
===================================================================
RCS file: /repository/lenya-unicms/scratchpad/tree.html,v
retrieving revision 1.1
retrieving revision 1.2
diff -C2 -d -r1.1 -r1.2
*** tree.html 21 May 2003 15:20:33 -0000 1.1
--- tree.html 2 Jun 2003 16:37:03 -0000 1.2
***************
*** 55,59 ****
<!-- SECTION 7: Continuation of the body of the page, after the tree. Replace whole section with
your site's HTML. -->
! </div><div id="content"><iframe src="" id="basefrm" name="basefrm" frameborder="0"></iframe></div>
</body>
! </html>
--- 55,59 ----
<!-- SECTION 7: Continuation of the body of the page, after the tree. Replace whole section with
your site's HTML. -->
! </div><div id="content"><iframe src="" id="basefrm" name="basefrm" frameborder="0" width="100%" height="100%"></iframe></div>
</body>
! </html>
\ No newline at end of file