Login | Register
My pages Projects Community openCollabNet

Discussions > cvs > CVS update: /sstree/www/, /sstree/www/css/

sstree
Discussion topic

Back to topic list

CVS update: /sstree/www/, /sstree/www/css/

Reply

Author anoncvs
Full name anonymous CVS access
Date 2003-04-15 17:48:25 PDT
Message User: jrobbins
Date: 03/04/15 17:48:25

Added
 /sstree/www/
  example1.html, example2.html, example4.html
 /sstree/www/css/
  nav.css

Modified
 /sstree/www/
  index.html

Log
 launching this project

File Changes:

Directory: /sstree/www/
=======================

File [added]: example1.html
Url: http://sstree.tigris​.org/source/browse/s​stree/www/example1.h​tml?rev=1.1&cont​ent-type=text/x-cvsw​eb-markup
Added lines: 362
----------------
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//Tigris//DTD XHTML 1.0 Transitional//EN"
"http://style.tigris.​org/tigris_transitio​nal.dtd">
<html>
<head>
 <style type="text/css">
/* <![CDATA[ */
@import "http://style.tigris.​org/client-side-incl​ude/dev/css/tigris.c​ss";
/* ]]> */
 </style>
  <link rel="stylesheet" type="text/css" href="http://style.tigris.​org/client-side-incl​ude/dev/css/print.cs​s" media="print" />
</script>

<script language="javascript1.2">
function toggleBullet(elm) {
 var newDisplay = "none";
 var e = elm.nextSibling;
 while (e != null) {
  if (e.tagName == "OL") {
   if (e.style.display == "none") newDisplay = "block";
   break;
  }
  e = e.nextSibling;
 }
 while (e != null) {
  if (e.tagName == "OL") e.style.display = newDisplay;
  e = e.nextSibling;
 }
}

function collapseAll() {
  var lists = document.getElements​ByTagName('OL');
  for (var j = 0; j < lists.length; j++)
   lists[j].style.display = "none";
  var e = document.getElementB​yId("root");
  e.style.display = "block";
}
</script>

 <title>Example 1</title>
</head>

<body onload='collapseAll();'>


 <h2>Example 1</h2>
<div style="border: dashed 1px #000; padding: 3px; margin: 3px;">
 <ol id="root">
  <li ><a href="#" onclick="toggleBulle​t(this)">By Activity</a>
   <ol>
    <li><a href="#" onclick="toggleBulle​t(this)">Project Planning</a>
     <ol>
      <li><a href="#">Overview​</a></li​>
      <li><a href="#">Proposal​</a></li​>
      <li><a href="#">Target and benefits</a></li>
      <li><a href="#">Project plan</a>
       <ul>
        <li><a href="#">Resource needs</a></li>
       </ul>
      </li>
      <li><a href="#">Legal issues</a></li>
      <li><a href="#">QA Plan</a></li>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">Requirem​ents and Specification</a>
     <ol>
      <li><a href="#">User needs</a>
       <ul>
        <li><a href="#">Interview notes</a></li>
       </ul>
      </li>
      <li><a href="#">Software Requirements Specification</a>
       <ul>
        <li><a href="#">Use case suite</a></li>
        <li><a href="#">Feature set</a></li>
       </ul>
      </li>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">Architec​ture and Design</a>
     <ol>
      <li><a href="#">Design</a>
       <ul>
        <li><a href="#">Scalability worksheet</a></li>
       </ul>
      </li>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">Implemen​tation and Testing</a>
     <ol>
      <li><a href="#">Implementation documentation</a​></li>
      <li><a href="#">User guide</a></li>
      <li><a href="#">Test suite</a>
       <ul>
        <li><a href="#">Test case format</a></li>
        <li><a href="#">Test cases</a></li>
       </ul>
      </li>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">Deployme​nt and Installation</a>
     <ol>
      <li><a href="#">Release checklist</a></li>
      <li><a href="#">Installation / Quick start guide</a></li>
      <li><a href="#">Release notes</a></li>
      <li><a href="#">Demo script</a></li>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">Operatio​ns and Support</a>
     <ol>
      <li><a href="#">FAQ / Troubleshooting</​a></li>
      <li><a href="#">Theory of operation</a></li>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">Continuo​us or Final</a>
     <ol>
      <li><a href="#">Glossary​</a></li​>
      <li><a href="#">Status report</a></li>
      <li><a href="#">Review meeting notes</a></li>
      <li><a href="#">Postmortem report</a></li>
      <li><a href="#">Postmortem questionnaire</a​></li>
      <li><a href="#">Software development methodology</a​></li>
     </ol>
    </li>
 
   </ol>
  </li>
 
  <li ><a href="#" onclick="toggleBulle​t(this)">By Stakeholder</a>
   <ol>
    <li><a href="#" onclick="toggleBulle​t(this)">For Everyone</a>
     <ol>
      <li><a href="#">Glossary​</a></li​>
      <li><a href="#">Overview​</a></li​>
      <li><a href="#">Release checklist</a></li>
      <li><a href="#">User needs</a>
       <ul>
        <li><a href="#">Interview notes</a></li>
       </ul>
      </li>
      <li><a href="#">Software Requirements Specification</a>
       <ul>
        <li><a href="#">Use case suite</a></li>
        <li><a href="#">Feature set</a></li>
       </ul>
      </li>
      <li><a href="#">Project plan</a></li>
      <li><a href="#">Software development methodology</a​></li>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">For Management</a>
     <ol>
      <li><a href="#">Status report</a></li>
      <li><a href="#">Proposal​</a></li​>
      <li><a href="#">Resource needs</a></li>
      <li><a href="#">Postmortem report</a></li>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">For Developers</a>
     <ol>
      <li><a href="#">Design</a>
       <ul>
        <li><a href="#">Scalability worksheet</a></li>
       </ul>
      </li>
      <li><a href="#">Implementation documentation</a​></li>
      <li><a href="#">Review meeting notes</a></li>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">For QA</a>
     <ol>
      <li><a href="#">QA Plan</a></li>
      <li><a href="#">Test suite</a>
       <ul>
        <li><a href="#">Test case format</a></li>
        <li><a href="#">Test cases</a></li>
       </ul>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">For Tech Support and Operations</a>
     <ol>
      <li><a href="#">FAQ / Troubleshooting</​a></li>
      <li><a href="#">Theory of operation</a></li>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">For End Users</a>
     <ol>
      <li><a href="#">Installation / Quick start guide</a></li>
      <li><a href="#">User guide</a></li>
      <li><a href="#">Release notes</a></li>
      <li><a href="#">FAQ</​a></li>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">For Sales and Marketing</a>
     <ol>
      <li><a href="#">Demo script</a></li>
      <li><a href="#">Target and benefits</a></li>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">For Legal</a>
     <ol>
      <li><a href="#">Legal issues</a></li>
     </ol>
    </li>
   </ol>
  </li>


  <li ><a href="#" onclick="toggleBulle​t(this)">By Week in Quarter</a>
   <ol>
    <li><a href="#" onclick="toggleBulle​t(this)">Week 2</a>
     <ol>
      <li><a href="#">Overview​</a></li​>
      <li><a href="#">Proposal​</a></li​>
      <li><a href="#">Target and benefits</a></li>
      <li><a href="#">Project plan</a>
       <ul>
        <li><a href="#">Resource needs</a></li>
       </ul>
      </li>
      <li><a href="#">Legal issues</a></li>
      <li><a href="#">Glossary​</a></li​>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">Week 3</a>
     <ol>
      <li><a href="#">User needs</a>
       <ul>
        <li><a href="#">Interview notes</a></li>
       </ul>
      </li>
      <li><a href="#">Software Requirements Specification</a>
       <ul>
        <li><a href="#">Use case suite</a></li>
        <li><a href="#">Feature set</a></li>
       </ul>
      </li>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">Week 5</a>
     <ol>
      <li><a href="#">Design</a>
       <ul>
        <li><a href="#">Scalability worksheet</a></li>
       </ul>
      </li>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">Week 7</a>
     <ol>
      <li><a href="#">QA Plan</a></li>
      <li><a href="#">Test suite</a>
       <ul>
        <li><a href="#">Test case format</a></li>
        <li><a href="#">Test cases</a></li>
       </ul>
      </li>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">Week 8</a>
     <ol>
      <li><a href="#">Review meeting notes</a></li>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">Week 9</a>
     <ol>
      <li><a href="#">Release checklist</a></li>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">Week 10</a>
     <ol>
      <li><a href="#">Installation / Quick start guide</a></li>
      <li><a href="#">Release notes</a></li>
      <li><a href="#">Implementation documentation</a​></li>
      <li><a href="#">User guide</a></li>
      <li><a href="#">Demo script</a></li>
      <li><a href="#">FAQ / Troubleshooting</​a></li>
      <li><a href="#">Theory of operation</a></li>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">Finals Week</a>
     <ol>
      <li><a href="#">Postmortem questionnaire</a​></li>
     </ol>
    </li>
    <li><a href="#" onclick="toggleBulle​t(this)">Most weeks</a>
     <ol>
      <li><a href="#">Status report</a></li>
     </ol>
    </li>
 
   </ol>
  </li>


  <li ><a href="#" onclick="toggleBulle​t(this)">All Templates</a>
   <ol>
      <li><a href="#">Overview​</a></li​>
      <li><a href="#">Proposal​</a></li​>
      <li><a href="#">Target and benefits</a></li>
      <li><a href="#">Project plan</a></li>
      <li><a href="#">Resource needs</a></li>
      <li><a href="#">QA Plan</a></li>
      <li><a href="#">Legal issues</a></li>
      <li><a href="#">User needs</a>
       <ul>
        <li><a href="#">Interview notes</a></li>
       </ul>
      </li>
      <li><a href="#">Software Requirements Specification</a>
       <ul>
        <li><a href="#">Use case suite</a></li>
        <li><a href="#">Feature set</a></li>
       </ul>
      </li>
      <li><a href="#">Glossary​</a></li​>
      <li><a href="#">Design</a>
       <ul>
        <li><a href="#">Scalability worksheet</a></li>
       </ul>
      </li>
      <li><a href="#">Implementation documentation</a​></li>
      <li><a href="#">User guide</a></li>
      <li><a href="#">Test suite</a>
       <ul>
        <li><a href="#">Test case format</a></li>
        <li><a href="#">Test cases</a></li>
       </ul>
      </li>
      <li><a href="#">Release checklist</a></li>
      <li><a href="#">Installation / Quick start guide</a></li>
      <li><a href="#">Release notes</a></li>
      <li><a href="#">Demo script</a></li>
      <li><a href="#">FAQ / Troubleshooting</​a></li>
      <li><a href="#">Theory of operation</a></li>
      <li><a href="#">Status report</a></li>
      <li><a href="#">Review meeting notes</a></li>
      <li><a href="#">Postmortem report</a></li>
      <li><a href="#">Postmortem questionnaire</a​></li>
      <li><a href="#">Software development methodology</a​></li>
      <li><a href="#">Markup examples</a></li>
   </ol>
  </li>
</ol>

</div>

<p>Click on the items above to expand or collapse sub-items.<p>

<p>Features of this code snippet:</p>
<ul>
 <li>Short JavaScript code</li>
 <li>Page is structured with clean HTML, not a JavaScript array of constants</li>
 <li>Put any HTML inside list items</li>
 <li>&lt;ol> lists can expand/collapse, &lt;ul> lists are always expanded</li>
 <li>This example uses extremely minimal HTML and no CSS</li>
 <li>Users without JavaScript will see entire tree expanded</li>
</ul>


</body>
</html>

File [added]: example2.html
Url: http://sstree.tigris​.org/source/browse/s​stree/www/example2.h​tml?rev=1.1&cont​ent-type=text/x-cvsw​eb-markup
Added lines: 386
----------------
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//Tigris//DTD XHTML 1.0 Transitional//EN"
"http://style.tigris.​org/tigris_transitio​nal.dtd">
<html>
<head>
 <style type="text/css">
/* <![CDATA[ */
@import "http://style.tigris.​org/client-side-incl​ude/dev/css/tigris.c​ss";
@import "css/nav.css";
/* ]]> */
 </style>
  <link rel="stylesheet" type="text/css" href="http://style.tigris.​org/client-side-incl​ude/dev/css/print.cs​s" media="print" />
</script>

<script language="javascript1.2">
// You probably should factor this out to a .js file
function toggle(elm) {
 var newDisplay = "none";
 elm.style.background = 'url(images/folder-c​losed.gif)';
 var e = elm.nextSibling;
 while (e != null) {
  if (e.tagName == "OL") {
   if (e.style.display == "none") {
    newDisplay = "block";
    elm.style.background = 'url(images/folder-open.gif)';
   }
   break;
  }
  e = e.nextSibling;
 }
 while (e != null) {
  if (e.tagName == "OL") e.style.display = newDisplay;
  e = e.nextSibling;
 }
}

function collapseAll(tags) {
 for (i = 0; i < tags.length; i++) {
  var lists = document.getElements​ByTagName(tags[i]);
  for (var j = 0; j < lists.length; j++)
   lists[j].style.display = "none";
   var e = document.getElementB​yId("root");
   e.style.display = "block";
 }
}

function openBookMark() {
 var h = location.hash;
 if (h == "") h = "default";
 if (h == "#") h = "default";
 var ids = h.split(/[#.]/);
 for (i = 0; i < ids.length; i++) {
  if (ids[i] != "") toggle(document.getE​lementById(ids[i]));​
 }
}
</script>

 <title>Example 2</title>
</head>

<body onload='collapseAll(["ol"]); openBookMark();'>


 <h2>Example 2</h2>

<div style="border: dashed 1px #000; padding: 3px; margin: 3px;">

 <ol id="root">
  <li class="panel"><a id="default" href="#default" class="folder" onclick="toggle(this​)"></a>By Activity
   <ol>
    <li><a id="planning" href="#default.planning" class="folder" onclick="toggle(this​)"></a>Proj​ect Planning
     <ol>
      <li><a href="../template-se​t1/index.html" target="objects" class="doc"></a><a href="../template-se​t1/index.html" target="objects">​Overview</a>​</li>
      <li><a href="../template-se​t1/proposal.html" target="objects" class="doc"></a><a href="../template-se​t1/proposal.html" target="objects">​Proposal</a>​</li>
      <li><a href="../template-se​t1/target-and-benefi​ts.html" target="objects" class="doc"></a><a href="../template-se​t1/target-and-benefi​ts.html" target="objects">Target and benefits</a></li>
      <li><a href="../template-se​t1/plan.html" target="objects" class="doc"></a><a href="../template-se​t1/plan.html" target="objects">Project plan</a>
       <ul>
        <li><a href="../template-se​t1/resource-needs.ht​ml" target="objects">Resource needs</a></li>
       </ul>
      </li>
      <li><a href="../template-se​t1/legal.html" target="objects" class="doc"></a><a href="../template-se​t1/legal.html" target="objects">Legal issues</a></li>
      <li><a href="../template-se​t1/qa-plan.html" target="objects" class="doc"></a><a href="../template-se​t1/qa-plan.html" target="objects">QA Plan</a></li>
     </ol>
    </li>
    <li><a id="req" href="#default.req" class="folder" onclick="toggle(this​)"></a>Requ​irements and Specification
     <ol>
      <li><a href="../template-se​t1/user-needs.html" target="objects" class="doc"></a><a href="../template-se​t1/user-needs.html" target="objects">User needs</a>
       <ul>
        <li><a href="../template-se​t1/interview-notes.h​tml" target="objects">Interview notes</a></li>
       </ul>
      </li>
      <li><a href="../template-se​t1/srs.html" target="objects" class="doc"></a><a href="../template-se​t1/srs.html" target="objects">Software Requirements Specification</a>
       <ul>
        <li><a href="../template-se​t1/use-case-suite.ht​ml" target="objects">Use case suite</a></li>
        <li><a href="../template-se​t1/feature-set.html"​ target="objects">Feature set</a></li>
       </ul>
      </li>
     </ol>
    </li>
    <li><a id="design" href="#default.design" class="folder" onclick="toggle(this​)"></a>Arch​itecture and Design
     <ol>
      <li><a href="../template-se​t1/design.html" target="objects" class="doc"></a><a href="../template-se​t1/design.html" target="objects">​Design</a>
       <ul>
        <li><a href="../template-se​t1/design-scalabilit​y.html" target="objects">Scalability worksheet</a></li>
       </ul>
      </li>
     </ol>
    </li>
    <li><a id="impl" href="#default.impl" class="folder" onclick="toggle(this​)"></a>Impl​ementation and Testing
     <ol>
      <li><a href="../template-se​t1/implementation.ht​ml" target="objects" class="doc"></a><a href="../template-se​t1/implementation.ht​ml" target="objects">​Implementation documentation</a​></li>
      <li><a href="../template-se​t1/userguide.html" target="objects" class="doc"></a><a href="../template-se​t1/userguide.html" target="objects">User guide</a></li>
      <li><a href="../template-se​t1/test-suite.html" target="objects" class="doc"></a><a href="../template-se​t1/test-suite.html" target="objects">Test suite</a>
       <ul>
        <li><a href="../template-se​t1/test-case-format.​html" target="objects">Test case format</a></li>
        <li><a href="../template-se​t1/test-cases.html" target="objects">Test cases</a></li>
       </ul>
      </li>
     </ol>
    </li>
    <li><a id="deploy" href="#default.deploy" class="folder" onclick="toggle(this​)"></a>Depl​oyment and Installation
     <ol>
      <li><a href="../template-se​t1/checklist.html" target="objects" class="doc"></a><a href="../template-se​t1/checklist.html" target="objects">Release checklist</a></li>
      <li><a href="../template-se​t1/install.html" target="objects" class="doc"></a><a href="../template-se​t1/install.html" target="objects">​Installation / Quick start guide</a></li>
      <li><a href="../template-se​t1/release-notes.htm​l" target="objects" class="doc"></a><a href="../template-se​t1/release-notes.htm​l" target="objects">Release notes</a></li>
      <li><a href="../template-se​t1/demo-script.html"​ target="objects" class="doc"></a><a href="../template-se​t1/demo-script.html"​ target="objects">Demo script</a></li>
     </ol>
    </li>
    <li><a id="ops" href="#default.ops" class="folder" onclick="toggle(this​)"></a>Oper​ations and Support
     <ol>
      <li><a href="../template-se​t1/faq.html" target="objects" class="doc"></a><a href="../template-se​t1/faq.html" target="objects">FAQ / Troubleshooting</​a></li>
      <li><a href="../template-se​t1/theory-of-operati​on.html" target="objects" class="doc"></a><a href="../template-se​t1/theory-of-operati​on.html" target="objects">Theory of operation</a></li>
     </ol>
    </li>
    <li><a id="continuous" href="#default.continuous" class="folder" onclick="toggle(this​)"></a>Cont​inuous or Final
     <ol>
      <li><a href="../template-se​t1/glossary.html" target="objects" class="doc"></a><a href="../template-se​t1/glossary.html" target="objects">​Glossary</a>​</li>
      <li><a href="../template-se​t1/status-report.htm​l" target="objects" class="doc"></a><a href="../template-se​t1/status-report.htm​l" target="objects">Status report</a></li>
      <li><a href="../template-se​t1/review-meeting-no​tes.html" target="objects" class="doc"></a><a href="../template-se​t1/review-meeting-no​tes.html" target="objects">Review meeting notes</a></li>
      <li><a href="../template-se​t1/postmortem.html" target="objects" class="doc"></a><a href="../template-se​t1/postmortem.html" target="objects">Postmortem report</a></li>
      <li><a href="../template-se​t1/postmortem-quest.​txt" target="objects" class="doc"></a><a href="../template-se​t1/postmortem-quest.​txt" target="objects">Postmortem questionnaire</a​></li>
      <li><a href="../template-se​t1/sdm.html" target="objects" class="doc"></a><a href="../template-se​t1/sdm.html" target="objects">Software development methodology</a​></li>
     </ol>
    </li>
 
   </ol>
  </li>
 
  <li class="panel"><a id="stake" href="#stake" class="folder" onclick="toggle(this​)"></a>By Stakeholder
   <ol>
    <li><a id="everyone" href="#stake.everyone" class="folder" onclick="toggle(this​)"></a>For Everyone
     <ol>
      <li><a href="../template-se​t1/glossary.html" target="objects" class="doc"></a><a href="../template-se​t1/glossary.html" target="objects">​Glossary</a>​</li>
      <li><a href="../template-se​t1/index.html" target="objects" class="doc"></a><a href="../template-se​t1/index.html" target="objects">​Overview</a>​</li>
      <li><a href="../template-se​t1/checklist.html" target="objects" class="doc"></a><a href="../template-se​t1/checklist.html" target="objects">Release checklist</a></li>
      <li><a href="../template-se​t1/user-needs.html" target="objects" class="doc"></a><a href="../template-se​t1/user-needs.html" target="objects">User needs</a>
       <ul>
        <li><a href="../template-se​t1/interview-notes.h​tml" target="objects">Interview notes</a></li>
       </ul>
      </li>
      <li><a href="../template-se​t1/srs.html" target="objects" class="doc"></a><a href="../template-se​t1/srs.html" target="objects">Software Requirements Specification</a>
       <ul>
        <li><a href="../template-se​t1/use-case-suite.ht​ml" target="objects">Use case suite</a></li>
        <li><a href="../template-se​t1/feature-set.html"​ target="objects">Feature set</a></li>
       </ul>
      </li>
      <li><a href="../template-se​t1/plan.html" target="objects" class="doc"></a><a href="../template-se​t1/plan.html" target="objects">Project plan</a></li>
      <li><a href="../template-se​t1/sdm.html" target="objects" class="doc"></a><a href="../template-se​t1/sdm.html" target="objects">Software development methodology</a​></li>
     </ol>
    </li>
    <li><a id="management" href="#stake.management" class="folder" onclick="toggle(this​)"></a>For Management
     <ol>
      <li><a href="../template-se​t1/status-report.htm​l" target="objects" class="doc"></a><a href="../template-se​t1/status-report.htm​l" target="objects">Status report</a></li>
      <li><a href="../template-se​t1/proposal.html" target="objects" class="doc"></a><a href="../template-se​t1/proposal.html" target="objects">​Proposal</a>​</li>
      <li><a href="../template-se​t1/resource-needs.ht​ml" target="objects" class="doc"></a><a href="../template-se​t1/resource-needs.ht​ml" target="objects">Resource needs</a></li>
      <li><a href="../template-se​t1/postmortem.html" target="objects" class="doc"></a><a href="../template-se​t1/postmortem.html" target="objects">Postmortem report</a></li>
     </ol>
    </li>
    <li><a id="dev" href="#stake.dev" class="folder" onclick="toggle(this​)"></a>For Developers
     <ol>
      <li><a href="../template-se​t1/design.html" target="objects" class="doc"></a><a href="../template-se​t1/design.html" target="objects">​Design</a>
       <ul>
        <li><a href="../template-se​t1/design-scalabilit​y.html" target="objects">Scalability worksheet</a></li>
       </ul>
      </li>
      <li><a href="../template-se​t1/implementation.ht​ml" target="objects" class="doc"></a><a href="../template-se​t1/implementation.ht​ml" target="objects">​Implementation documentation</a​></li>
      <li><a href="../template-se​t1/review-meeting-no​tes.html" target="objects" class="doc"></a><a href="../template-se​t1/review-meeting-no​tes.html" target="objects">Review meeting notes</a></li>
     </ol>
    </li>
    <li><a id="qa" href="#stake.qa" class="folder" onclick="toggle(this​)"></a>For QA
     <ol>
      <li><a href="../template-se​t1/qa-plan.html" target="objects" class="doc"></a><a href="../template-se​t1/qa-plan.html" target="objects">QA Plan</a></li>
      <li><a href="../template-se​t1/test-suite.html" target="objects" class="doc"></a><a href="../template-se​t1/test-suite.html" target="objects">Test suite</a>
       <ul>
        <li><a href="../template-se​t1/test-case-format.​html" target="objects">Test case format</a></li>
        <li><a href="../template-se​t1/test-cases.html" target="objects">Test cases</a></li>
       </ul>
     </ol>
    </li>
    <li><a id="support" href="#stake.support" class="folder" onclick="toggle(this​)"></a>For Tech Support and Operations
     <ol>
      <li><a href="../template-se​t1/faq.html" target="objects" class="doc"></a><a href="../template-se​t1/faq.html" target="objects">FAQ / Troubleshooting</​a></li>
      <li><a href="../template-se​t1/theory-of-operati​on.html" target="objects" class="doc"></a><a href="../template-se​t1/theory-of-operati​on.html" target="objects">Theory of operation</a></li>
     </ol>
    </li>
    <li><a id="users" href="#stake.users" class="folder" onclick="toggle(this​)"></a>For End Users
     <ol>
      <li><a href="../template-se​t1/install.html" target="objects" class="doc"></a><a href="../template-se​t1/install.html" target="objects">​Installation / Quick start guide</a></li>
      <li><a href="../template-se​t1/userguide.html" target="objects" class="doc"></a><a href="../template-se​t1/userguide.html" target="objects">User guide</a></li>
      <li><a href="../template-se​t1/release-notes.htm​l" target="objects" class="doc"></a><a href="../template-se​t1/release-notes.htm​l" target="objects">Release notes</a></li>
      <li><a href="../template-se​t1/faq.html" target="objects" class="doc"></a><a href="../template-se​t1/faq.html" target="objects">​FAQ</a></li​>
     </ol>
    </li>
    <li><a id="sales" href="#stake.sales" class="folder" onclick="toggle(this​)"></a>For Sales and Marketing
     <ol>
      <li><a href="../template-se​t1/demo-script.html"​ target="objects" class="doc"></a><a href="../template-se​t1/demo-script.html"​ target="objects">Demo script</a></li>
      <li><a href="../template-se​t1/target-and-benefi​ts.html" target="objects" class="doc"></a><a href="../template-se​t1/target-and-benefi​ts.html" target="objects">Target and benefits</a></li>
     </ol>
    </li>
    <li><a id="legal" href="#stake.legal" class="folder" onclick="toggle(this​)"></a>For Legal
     <ol>
      <li><a href="../template-se​t1/legal.html" target="objects" class="doc"></a><a href="../template-se​t1/legal.html" target="objects">Legal issues</a></li>
     </ol>
    </li>
   </ol>
  </li>


  <li class="panel"><a id="week" href="#week" class="folder" onclick="toggle(this​)"></a>By Week in Quarter
   <ol>
    <li><a id="two" href="#week.two" class="folder" onclick="toggle(this​)"></a>Week​ 2
     <ol>
      <li><a href="../template-se​t1/index.html" target="objects" class="doc"></a><a href="../template-se​t1/index.html" target="objects">​Overview</a>​</li>
      <li><a href="../template-se​t1/proposal.html" target="objects" class="doc"></a><a href="../template-se​t1/proposal.html" target="objects">​Proposal</a>​</li>
      <li><a href="../template-se​t1/target-and-benefi​ts.html" target="objects" class="doc"></a><a href="../template-se​t1/target-and-benefi​ts.html" target="objects">Target and benefits</a></li>
      <li><a href="../template-se​t1/plan.html" target="objects" class="doc"></a><a href="../template-se​t1/plan.html" target="objects">Project plan</a>
       <ul>
        <li><a href="../template-se​t1/resource-needs.ht​ml" target="objects">Resource needs</a></li>
       </ul>
      </li>
      <li><a href="../template-se​t1/legal.html" target="objects" class="doc"></a><a href="../template-se​t1/legal.html" target="objects">Legal issues</a></li>
      <li><a href="../template-se​t1/glossary.html" target="objects" class="doc"></a><a href="../template-se​t1/glossary.html" target="objects">​Glossary</a>​</li>
     </ol>
    </li>
    <li><a id="three" href="#week.three" class="folder" onclick="toggle(this​)"></a>Week​ 3
     <ol>
      <li><a href="../template-se​t1/user-needs.html" target="objects" class="doc"></a><a href="../template-se​t1/user-needs.html" target="objects">User needs</a>
       <ul>
        <li><a href="../template-se​t1/interview-notes.h​tml" target="objects">Interview notes</a></li>
       </ul>
      </li>
      <li><a href="../template-se​t1/srs.html" target="objects" class="doc"></a><a href="../template-se​t1/srs.html" target="objects">Software Requirements Specification</a>
       <ul>
        <li><a href="../template-se​t1/use-case-suite.ht​ml" target="objects">Use case suite</a></li>
        <li><a href="../template-se​t1/feature-set.html"​ target="objects">Feature set</a></li>
       </ul>
      </li>
     </ol>
    </li>
    <li><a id="five" href="#week.five" class="folder" onclick="toggle(this​)"></a>Week​ 5
     <ol>
      <li><a href="../template-se​t1/design.html" target="objects" class="doc"></a><a href="../template-se​t1/design.html" target="objects">​Design</a>
       <ul>
        <li><a href="../template-se​t1/design-scalabilit​y.html" target="objects">Scalability worksheet</a></li>
       </ul>
      </li>
     </ol>
    </li>
    <li><a id="seven" href="#week.seven" class="folder" onclick="toggle(this​)"></a>Week​ 7
     <ol>
      <li><a href="../template-se​t1/qa-plan.html" target="objects" class="doc"></a><a href="../template-se​t1/qa-plan.html" target="objects">QA Plan</a></li>
      <li><a href="../template-se​t1/test-suite.html" target="objects" class="doc"></a><a href="../template-se​t1/test-suite.html" target="objects">Test suite</a>
       <ul>
        <li><a href="../template-se​t1/test-case-format.​html" target="objects">Test case format</a></li>
        <li><a href="../template-se​t1/test-cases.html" target="objects">Test cases</a></li>
       </ul>
      </li>
     </ol>
    </li>
    <li><a id="eight" href="#week.eight" class="folder" onclick="toggle(this​)"></a>Week​ 8
     <ol>
      <li><a href="../template-se​t1/review-meeting-no​tes.html" target="objects" class="doc"></a><a href="../template-se​t1/review-meeting-no​tes.html" target="objects">Review meeting notes</a></li>
     </ol>
    </li>
    <li><a id="nine" href="#week.nine" class="folder" onclick="toggle(this​)"></a>Week​ 9
     <ol>
      <li><a href="../template-se​t1/checklist.html" target="objects" class="doc"></a><a href="../template-se​t1/checklist.html" target="objects">Release checklist</a></li>
     </ol>
    </li>
    <li><a id="ten" href="#week.ten" class="folder" onclick="toggle(this​)"></a>Week​ 10
     <ol>
      <li><a href="../template-se​t1/install.html" target="objects" class="doc"></a><a href="../template-se​t1/install.html" target="objects">​Installation / Quick start guide</a></li>
      <li><a href="../template-se​t1/release-notes.htm​l" target="objects" class="doc"></a><a href="../template-se​t1/release-notes.htm​l" target="objects">Release notes</a></li>
      <li><a href="../template-se​t1/implementation.ht​ml" target="objects" class="doc"></a><a href="../template-se​t1/implementation.ht​ml" target="objects">​Implementation documentation</a​></li>
      <li><a href="../template-se​t1/userguide.html" target="objects" class="doc"></a><a href="../template-se​t1/userguide.html" target="objects">User guide</a></li>
      <li><a href="../template-se​t1/demo-script.html"​ target="objects" class="doc"></a><a href="../template-se​t1/demo-script.html"​ target="objects">Demo script</a></li>
      <li><a href="../template-se​t1/faq.html" target="objects" class="doc"></a><a href="../template-se​t1/faq.html" target="objects">FAQ / Troubleshooting</​a></li>
      <li><a href="../template-se​t1/theory-of-operati​on.html" target="objects" class="doc"></a><a href="../template-se​t1/theory-of-operati​on.html" target="objects">Theory of operation</a></li>
     </ol>
    </li>
    <li><a id="finals" href="#week.ten" class="folder" onclick="toggle(this​)"></a>Fina​ls Week
     <ol>
      <li><a href="../template-se​t1/postmortem-quest.​txt" target="objects" class="doc"></a><a href="../template-se​t1/postmortem-quest.​txt" target="objects">Postmortem questionnaire</a​></li>
     </ol>
    </li>
    <li><a id="most" href="#week.most" class="folder" onclick="toggle(this​)"></a>Most​ weeks
     <ol>
      <li><a href="../template-se​t1/status-report.htm​l" target="objects" class="doc"></a><a href="../template-se​t1/status-report.htm​l" target="objects">Status report</a></li>
     </ol>
    </li>
 
   </ol>
  </li>


  <li class="panel"><a id="all" href="#all" class="folder" onclick="toggle(this​)"></a>All Templates
   <ol>
      <li><a href="../template-se​t1/index.html" target="objects" class="doc"></a><a href="../template-se​t1/index.html" target="objects">​Overview</a>​</li>
      <li><a href="../template-se​t1/proposal.html" target="objects" class="doc"></a><a href="../template-se​t1/proposal.html" target="objects">​Proposal</a>​</li>
      <li><a href="../template-se​t1/target-and-benefi​ts.html" target="objects" class="doc"></a><a href="../template-se​t1/target-and-benefi​ts.html" target="objects">Target and benefits</a></li>
      <li><a href="../template-se​t1/plan.html" target="objects" class="doc"></a><a href="../template-se​t1/plan.html" target="objects">Project plan</a></li>
      <li><a href="../template-se​t1/resource-needs.ht​ml" target="objects" class="doc"></a><a href="../template-se​t1/resource-needs.ht​ml" target="objects">Resource needs</a></li>
      <li><a href="../template-se​t1/qa-plan.html" target="objects" class="doc"></a><a href="../template-se​t1/qa-plan.html" target="objects">QA Plan</a></li>
      <li><a href="../template-se​t1/legal.html" target="objects" class="doc"></a><a href="../template-se​t1/legal.html" target="objects">Legal issues</a></li>
      <li><a href="../template-se​t1/user-needs.html" target="objects" class="doc"></a><a href="../template-se​t1/user-needs.html" target="objects">User needs</a>
       <ul>
        <li><a href="../template-se​t1/interview-notes.h​tml" target="objects">Interview notes</a></li>
       </ul>
      </li>
      <li><a href="../template-se​t1/srs.html" target="objects" class="doc"></a><a href="../template-se​t1/srs.html" target="objects">Software Requirements Specification</a>
       <ul>
        <li><a href="../template-se​t1/use-case-suite.ht​ml" target="objects">Use case suite</a></li>
        <li><a href="../template-se​t1/feature-set.html"​ target="objects">Feature set</a></li>
       </ul>
      </li>
      <li><a href="../template-se​t1/glossary.html" target="objects" class="doc"></a><a href="../template-se​t1/glossary.html" target="objects">​Glossary</a>​</li>
      <li><a href="../template-se​t1/design.html" target="objects" class="doc"></a><a href="../template-se​t1/design.html" target="objects">​Design</a>
       <ul>
        <li><a href="../template-se​t1/design-scalabilit​y.html" target="objects">Scalability worksheet</a></li>
       </ul>
      </li>
      <li><a href="../template-se​t1/implementation.ht​ml" target="objects" class="doc"></a><a href="../template-se​t1/implementation.ht​ml" target="objects">​Implementation documentation</a​></li>
      <li><a href="../template-se​t1/userguide.html" target="objects" class="doc"></a><a href="../template-se​t1/userguide.html" target="objects">User guide</a></li>
      <li><a href="../template-se​t1/test-suite.html" target="objects" class="doc"></a><a href="../template-se​t1/test-suite.html" target="objects">Test suite</a>
       <ul>
        <li><a href="../template-se​t1/test-case-format.​html" target="objects">Test case format</a></li>
        <li><a href="../template-se​t1/test-cases.html" target="objects">Test cases</a></li>
       </ul>
      </li>
      <li><a href="../template-se​t1/checklist.html" target="objects" class="doc"></a><a href="../template-se​t1/checklist.html" target="objects">Release checklist</a></li>
      <li><a href="../template-se​t1/install.html" target="objects" class="doc"></a><a href="../template-se​t1/install.html" target="objects">​Installation / Quick start guide</a></li>
      <li><a href="../template-se​t1/release-notes.htm​l" target="objects" class="doc"></a><a href="../template-se​t1/release-notes.htm​l" target="objects">Release notes</a></li>
      <li><a href="../template-se​t1/demo-script.html"​ target="objects" class="doc"></a><a href="../template-se​t1/demo-script.html"​ target="objects">Demo script</a></li>
      <li><a href="../template-se​t1/faq.html" target="objects" class="doc"></a><a href="../template-se​t1/faq.html" target="objects">FAQ / Troubleshooting</​a></li>
      <li><a href="../template-se​t1/theory-of-operati​on.html" target="objects" class="doc"></a><a href="../template-se​t1/theory-of-operati​on.html" target="objects">Theory of operation</a></li>
      <li><a href="../template-se​t1/status-report.htm​l" target="objects" class="doc"></a><a href="../template-se​t1/status-report.htm​l" target="objects">Status report</a></li>
      <li><a href="../template-se​t1/review-meeting-no​tes.html" target="objects" class="doc"></a><a href="../template-se​t1/review-meeting-no​tes.html" target="objects">Review meeting notes</a></li>
      <li><a href="../template-se​t1/postmortem.html" target="objects" class="doc"></a><a href="../template-se​t1/postmortem.html" target="objects">Postmortem report</a></li>
      <li><a href="../template-se​t1/postmortem-quest.​txt" target="objects" class="doc"></a><a href="../template-se​t1/postmortem-quest.​txt" target="objects">Postmortem questionnaire</a​></li>
      <li><a href="../template-se​t1/sdm.html" target="objects" class="doc"></a><a href="../template-se​t1/sdm.html" target="objects">Software development methodology</a​></li>
      <li><a href="../template-se​t1/markup-examples.h​tml" target="objects" class="doc"></a><a href="../template-se​t1/markup-examples.h​tml" target="objects">Markup examples</a></li>
   </ol>
  </li>
</ol>

</div>

<p>Click on the folder icons to expand or collapse sub-items.<p>

<p>Features of this code snippet:</p>
<ul>
 <li>Short JavaScript code</li>
 <li>Page is structured with clean HTML, not a JavaScript array of constants</li>
 <li>Put any HTML inside list items</li>
 <li>Folder and document icons</li>
 <li>Users without JavaScript will see entire tree expanded</li>
 <li>Tree configuration can be bookmarked: list IDs to expand in anchor</li>
 <li>Use id="default..." for nodes you want initially expanded</li>
 <li>&lt;ol> lists can expand/collapse, &lt;ul> lists are always expanded</li>
 <li>Visual divider between top-level siblings</li>
</ul>



</body>
</html>

File [added]: example4.html
Url: http://sstree.tigris​.org/source/browse/s​stree/www/example4.h​tml?rev=1.1&cont​ent-type=text/x-cvsw​eb-markup
Added lines: 238
----------------
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//Tigris//DTD XHTML 1.0 Transitional//EN"
"http://style.tigris.​org/tigris_transitio​nal.dtd">
<html>
<head>
 <style type="text/css">
/* <![CDATA[ */
@import "http://style.tigris.​org/client-side-incl​ude/dev/css/tigris.c​ss";
@import "css/nav.css";
/* ]]> */
 </style>
  <link rel="stylesheet" type="text/css" href="http://style.tigris.​org/client-side-incl​ude/dev/css/print.cs​s" media="print" />
</script>

<script language="javascript1.2">
// You probably should factor this out to a .js file
function toggleRows(elm) {
 var rows = document.getElements​ByTagName('tr');
 elm.style.background = 'url(images/folder-c​losed.gif)';
 var newDisplay = "none";
 var thisID = elm.parentNode.paren​tNode.parentNode.id;​
 var effectivePat = "^" + thisID + "-";
 for (var i = 0; i < rows.length; i++) {
   var r = rows[i];
   var matches = r.id.match(effectivePat);
   if (matches != null) {
    if (r.style.display == "none") {
     newDisplay = "table-row";
     elm.style.background = 'url(images/folder-open.gif)';
    }
    break;
   }
 }
 if (newDisplay == "table-row") {
  effectivePat = "^" + thisID + "-\\d+$";
 }
 for (var j = 0; j < rows.length; j++) {
   var s = rows[j];
   var matches2 = s.id.match(effectivePat);
   if (matches2 != null) {
     s.style.display = newDisplay;
     s.style.background = 'url(images/folder-c​losed.gif)';
   }
 }
}

function collapseAllRows() {
 var rows = document.getElements​ByTagName('tr');
 for (var j = 0; j < rows.length; j++) {
   var r = rows[j];
   if (r.id.indexOf("-") >= 0) {
     r.style.display = "none";
   }
 }
}
</script>

 <title>Example 4</title>
</head>

<body onload="collapseAllRows();">

<div class="app">

 <h2>Example 4</h2>

<div style="background: #eee; border: dashed 1px #000;">
 <table width="100%">

 <tr>
  <!-- specifing one or more widths keeps columns constant despite changes in visible content -->
  <th width="33%">Locat​ion</th>
  <th>Size</th>
  <th>Owner</th>
  <th>Details</th>
 </tr>

 <tr id="1" class="a">
  <td><div class="tier1"><a href="#" onclick="toggleRows(this)" class="folder"></a>By Activity</div></td>
  <td>--</td>
  <td>username</td>
  <td>details...</td>
 </tr>
 
 <tr id="1-1" class="a">
  <td><div class="tier2"><a href="#" onclick="toggleRows(this)" class="folder">​</a>Project Planning</div></td>
  <td>--</td>
  <td>username</td>
  <td>details...</td>
 </tr>

 <tr id="1-1-1" class="a">
  <td><div class="tier3"><a href="#" class="doc"></​a>Overview</di​v></td>
  <td>123KB</td>
  <td>username</td>
  <td>details...</td>
 </tr>
 
 <tr id="1-1-2" class="a">
  <td><div class="tier3"><a href="#" class="doc"></​a>Proposal</di​v></td>
  <td>123KB</td>
  <td>username</td>
  <td>details...</td>
 </tr>
 
 <tr id="1-1-3" class="a">
  <td><div class="tier3"><a href="#" class="doc"></a>Target and benefits</div></td>
  <td>123KB</td>
  <td>username</td>
  <td>details...</td>
 </tr>
 
 <tr id="1-1-40" class="a">
  <td><div class="tier3"><a href="#" class="doc"></​a>Project plan</div></td>
  <td>123KB</td>
  <td>username</td>
  <td>details...</td>
 </tr>
 
 <tr id="1-1-41" class="a">
  <td><div class="tier4"><a href="#" class="doc"></​a>Resource needs</div></td>
  <td>123KB</td>
  <td>username</td>
  <td>details...</td>
 </tr>
 
 <tr id="1-2" class="a">
  <td><div class="tier2"><a href="#" onclick="toggleRows(this)" class="folder">​</a>Requirements​ and Specification</di​v></td>
  <td>--</td>
  <td>username</td>
  <td>details...</td>
 </tr>
 
 <tr id="1-2-10" class="a">
  <td><div class="tier3"><a href="#" class="doc"></a>User needs</div></td>
  <td>14KB</td>
  <td>username</td>
  <td>details...</td>
 </tr>
 
 <tr id="1-2-11" class="a">
  <td><div class="tier4"><a href="#" class="doc"></​a>Interview Notes</div></td>
  <td>14KB</td>
  <td>username</td>
  <td>details...</td>
 </tr>

 
 <tr id="1-2-2" class="a">
  <td><div class="tier3"><a href="#" class="doc"></​a>Software Requirements Specification</di​v></td>
  <td>123KB</td>
  <td>username</td>
  <td>details...</td>
 </tr>
 
 <tr id="1-2-21" class="a">
  <td><div class="tier4"><a href="#" class="doc"></a>Use Case Suite</div></td>
  <td>14KB</td>
  <td>username</td>
  <td>details...</td>
 </tr>
 
 <tr id="1-2-22" class="a">
  <td><div class="tier4"><a href="#" class="doc"></​a>Feature Set</div></td>
  <td>14KB</td>
  <td>username</td>
  <td>details...</td>
 </tr>
 
 <tr id="2" class="a">
  <td><div class="tier1"><a href="#" onclick="toggleRows(this)" class="folder"></a>By Stakeholder</div​></td>
  <td>--</td>
  <td>username</td>
  <td>details...</td>
 </tr>
 
 <tr id="2-1" class="a">
  <td><div class="tier2"><a href="#" onclick="toggleRows(this)" class="folder"></a>For Everyone</div></td>
  <td>--</td>
  <td>username</td>
  <td>details...</td>
 </tr>
 
 <tr id="2-1-1" class="a">
  <td><div class="tier3"><a href="#" class="doc"></​a>Glossary</di​v></td>
  <td>123KB</td>
  <td>username</td>
  <td>details...</td>
 </tr>
 
 <tr id="2-1-2" class="a">
  <td><div class="tier3"><a href="#" class="doc"></​a>Overview</di​v></td>
  <td>124KB</td>
  <td>username</td>
  <td>details...</td>
 </tr>
 
 <tr id="2-1-3" class="a">
  <td><div class="tier3"><a href="#" class="doc"></​a>Release Checklist</div​></td>
  <td>123KB</td>
  <td>username</td>
  <td>details...</td>
 </tr>
 
 <tr id="2-1-40" class="a">
  <td><div class="tier3"><a href="#" class="doc"></a>User needs</div></td>
  <td>123KB</td>
  <td>username</td>
  <td>details...</td>
 </tr>
 
 <tr id="2-1-41" class="a">
  <td><div class="tier4"><a href="#" class="doc"></​a>Interview notes</div></td>
  <td>14KB</td>
  <td>username</td>
  <td>details...</td>
 </tr>

</table>
</div>

<p>Click on the folder icons to expand or collapse sub-items.<p>

<p>Features of this code snippet:</p>
<ul>
 <li>Tree items can have additional information in other table columns</li>
 <li>Short JavaScript code</li>
 <li>Page is structured with clean HTML, not a JavaScript array of constants</li>
 <li>Simple numbering convention for item IDs</li>
 <li>Put any HTML inside table cells</li>
 <li>Folder and document icons</li>
 <li>Users without JavaScript will see entire tree expanded</li>
</ul>


</div>
</body>
</html>

File [changed]: index.html
Url: http://sstree.tigris​.org/source/browse/s​stree/www/index.html​.diff?r1=1.1&r2=​1.2
Delta lines: +39 -64
---------------------
--- index.html 16 Apr 2003 00:24:06 -0000 1.1
+++ index.html 16 Apr 2003 00:48:25 -0000 1.2
@@ -3,93 +3,68 @@
 </head>
 <body>
 
-<p>This is the initial web content for your project. Please customize
-this to fit your project. You dont need to anwser all these questions
-or follow this exact format, but we do like to see this kind of
-information before we approve projects for public viewing.
-</p>
-
-<p>Until your project is approved, only you can view it and work on
-it.
-</p>
-
-<ul>
-<li>This index.html will be used if and only if you have the "Use
-Project Home Page" option checked on the "Adminster Project" page
-(click the "Admin" tab).</li>
-
-<li>To edit this file, check out your project via CVS and edit www/index.html.
-
-<li>You can 'cvs add' and commit other files under the project's "www"
-directory and they will published to your project web site.</li>
+<h3>Mission</h3>
 
-<li>Also, consider starting a thread in the "dev" mailing list to get
-thes discussion started. A good one is an "introduction" thread where
-people post messages about themselves and their interest in the
-project.</li>
+<dl>
 
-<li>You can add a "Highlights:" line to the top of all web pages by adding a file www/project_highlights.html </li>
-</ul>
+<dt>What is the goal of this project?</dt>
 
+<dd>The goal of the sstree project is to make it as easy as possible
+for developers to implement the commonly recurring need of presenting
+tree-structure information in a web-based user interface. This is
+done with a few very simple JavaScript code examples.</dd>
 
-<h3>Mission</h3>
+<dt>What is the scope of this project?</dt>
 
-<p>What is the goal of this project?
-</p>
+<dd>This is a very small project that consists of only a few code
+snippets embeded within example HTML pages. The code presented may
+not satisfy everyone's needs, it is just a very simple starting point
+that accomplishes what 80% of developers need. Since the starting
+point is simple, it is easy to build on.</dd>
 
-<p>What is the scope of this project?
-</p>
 
-<p>For example:</p>
+<dt>What are high-level features of sstree?</dt>
 
+<dd>
 <ul>
-<li>Develop just enough functionality to scratch a particular itch</li>
-<li>Build a tool just like XYZ, but less broken</li>
-<li>Build the best XYZ-tool ever!</li>
+ <li>Collapse/expand functionality</li>
+ <li>Clean HTML structure</li>
+ <li>Cross-browser compatability</li>
+ <li>Visual appearance handled by CSS</li>
+ <li>Very simple code</li>
 </ul>
+</dd>
 
+</dl>
 
-<p>What are high-level features you are sure to build?
-</p>
-<ul>
-
-<li>What would you write on a billboard about your project? Users
-might only look for a few seconds.</li>
+<h3>Tree Widgets</h3>
 
-<li>Use the issue tracker to track features and enhancement
-requests. It is not just for bugs, pre-populate it with feature
-descriptions so that potential contributors know what you would like them
-to work on.</li>
-</ul>
+<p>Click one of these links to test out the tree widget. If you want
+to access the source code, simply view source in your browser.</p>
+<ol>
+ <li><a href="/nonav/example​1.html">Simplest tree</a></li>
+ <li><a href="/nonav/example​2.html">Nice tree</a></li>
+ <li><a href="/nonav/example​4.html">Tree table</a></li>
+</ol>
 
-<p>What are the high-level assumptions or ground rules for the project?
-</p>
 
-<p>For example:
-</p>
 
-<ul>
-<li> we will use programming language X on operating system Y for now.
 
-<li>We will, or will not, consider certain functional areas like
-internationalization, high security, concurrency, etc. The list of
-functional areas will depend on what you are trying to do.
+<h3>Related resources</h3>
 
-<li>Try to keep this part short.
-</ul>
+<ul>
+<li><a href="http://www.meyerweb.​com/eric/css/edge/me​nus/demo.html">Pure CSS menus</a></li>
 
+<li><a href="http://www.peterbail​ey.net/nm/index.php">NavMenu</a​></li>
 
-<h3>Related resources</h3>
+<li><a
+href="http://gethelp.devx.​com/techtips/dhtml_p​ro/10min/10min0702/t​d072602-1.asp">DevX
+article on building a tree widget</a></li>
 
-<ul>
-<li>Link to other stuff that you know about. It will help you
-research requirements and provide a useful resource to potential
-contributors.</li>
+<li><a href="http://www.treeview.net/">TreeView.net​</a></li>
 
-<li>Why reinvent the wheel? What is better about this wheel? Is there
-any existing project that you can partner with or reuse?</li>
+<li><a href="http://style.tigris.org/">Reusable Tigris CSS Stylesheet</a></li>
 
-<li>Where would you go to try to find potential contibutors?</li>
 </ul>
 
 </body>

Directory: /sstree/www/css/
===========================

File [added]: nav.css
Url: http://sstree.tigris​.org/source/browse/s​stree/www/css/nav.cs​s?rev=1.1&conten​t-type=text/x-cvsweb​-markup
Added lines: 18
---------------
body, ol, li, h2 { padding:0; margin: 0; }


ol.#root { padding-left: 5px; margin-top: 2px; margin-bottom: 1px; list-style: none;}
#root ol { padding-left: 5px; margin-top: 2px; margin-bottom: 1px; list-style: none;}
#root li { margin-bottom: 1px; padding-left: 5px; margin-top: 2px; font-size: x-small; }

.panel { border-bottom: 1px solid #999; margin-bottom: 2px; margin-top: 2px; background: #eee; }

#root ul { margin-bottom: 1px; margin-top: 2px; list-style-position: inside; }

#root a { text-decoration: none; }


.folder { background: url(../images/folder​-closed.gif) no-repeat; float: left; height: 14px; width: 26px; padding-right: 3px }
.doc { background: url(../images/file.gif) no-repeat; float: left; height: 14px; width: 12px; padding-right: 3px; margin-left: 20px;}






--------------------​--------------------​--------------------​---------
To unsubscribe, e-mail: cvs-unsubscribe@sstr​ee.tigris.org
For additional commands, e-mail: cvs-help at sstree dot tigris dot org

« Previous message in topic | 1 of 1 | Next message in topic »

Messages

Show all messages in topic

CVS update: /sstree/www/, /sstree/www/css/ anoncvs anonymous CVS access 2003-04-15 17:48:25 PDT
Messages per page: