JS-Content
#jsmenue
{
position: absolute;
left: 10px;
top: 10px;
width: 200px;
height: 450px;
border: 1px solid #C8C8C8;
background-color: #EEEEEE;
padding: 5px;
font-family: Lucida, Lucida Console, Courier New, Courier;
font-size: 12px;
}
#par1, #par12 {visibility: hidden}
#title
{
font-family: Verdana;
font-size: 12px;
font-weight: 700;
color: #666666
}
a.tree {text-decoration: none; cursor: pointer}
a.node:hover {text-decoration: underline; cursor: pointer}
#jscontent
{
position: absolute;
left: 230;
top: 10px;
width: 500px;
height: 450px;
border: 1px solid #C8C8C8;
background-color: #EEEEEE;
padding: 5px;
font-family: Verdana;
font-size: 12px;
}
// Menue
var c1AreVisible = false;
var c1n2AreVisible = false;
var c3AreVisible = false;
var c3n1AreVisible = false;
var children1 = '
|- Link 1.1
+- Link 1.2
|- Link 1.3';
var children1n2 = '
| |- Link 1.2.1';
var children2 = '
|- Link 2.1';
var children3 = '
+- Link 3.1
|- Link 3.2';
var children3n1 = '
| |- Link 3.1.1
| |- Link 3.1.2';
function openTree(node, children, visibility)
{
n = document.getElementById(node);
if (visibility == false)
{
n.innerHTML = children;
visibility = true;
}
else
{
n.innerHTML = '';
visibility = false;
}
return visibility;
}
// Content
var content0 = 'JS-Content
';
var content1 = content0 + 'Content 1';
var content1n1 = content0 + 'Content 1.1';
var content1n2 = content0 + 'Content 1.2';
var content1n2n1 = content0 + 'Content 1.2.1';
var content1n3 = content0 + 'Content 1.3';
var content2 = content0 + 'Content 2';
var content3 = content0 + 'Content 3';
var content3n1 = content0 + 'Content 3.1';
var content3n1n1 = content0 + 'Content 3.1.1';
var content3n1n2 = content0 + 'Content 3.1.2';
var content3n2 = content0 + 'Content 3.2';
function fillContent(content)
{
document.getElementById('jscontent').innerHTML = content;
}