P
Pawel_Iks
I have some problem with some script. I have two blocks (groups of
links initialy invisible) on the page, which I uncover by some item by
onClick event... However, when I refresh the page, the group will be
invisible. I dealt with this problem by cookie, however there are some
problems with second block which is irresistent on refreshment of the
page ... Let's look on the example. Please for help ...
<html>
<head>
<title>Some title</title>
<script type="text/javascript">
function toogle(id) {
if (document.getElementById(id).innerHTML==" (+)") {
document.getElementById(id).innerHTML=" (-)";
document.getElementById(id+"_group").style.display='';
document.cookie=id+'=block';
} else {
document.getElementById(id).innerHTML=" (+)";
document.getElementById(id+"_group").style.display='none';
document.cookie=id+'=none';
}
}
function loadPage() {
tab=document.cookie.split(";");
for (var i=0;i<tab.length;i++) {
x=tab.split("=");
auxVar=document.createTextNode(x[0]+'='+x[1]+",");
document.getElementById('container').appendChild(auxVar);
if (x[1]=='block') {
document.getElementById(x[0]).innerHTML=" (-)";
document.getElementById(x
[0]+'_group').style.display='block';
} else {
document.getElementById(x[0]).innerHTML=" (+)";
document.getElementById(x
[0]+'_group').style.display='none';
}
}
}
</script>
</head>
<body onLoad="loadPage();">
<a href="index.html">strona</a><a id="s1" href="#" onClick="toogle
('s1');return false;"> (+)</a>
<ul id="s1_group" style="display: none">
<li><a href="index.html">s1</a></li>
<li><a href="index.html">s2</a></li>
<li><a href="index.html">s3</a></li>
</ul>
<br/>
<a href="index.html">strona 1</a><a id="s2" href="#" onClick="toogle
('s2');return false;"> (+)</a>
<ul id="s2_group" style="display: none">
<li><a href="index.html">s1</a></li>
<li><a href="index.html">s2</a></li>
<li><a href="index.html">s3</a></li>
</ul>
<div id='container'></div>
</body>
</html>
links initialy invisible) on the page, which I uncover by some item by
onClick event... However, when I refresh the page, the group will be
invisible. I dealt with this problem by cookie, however there are some
problems with second block which is irresistent on refreshment of the
page ... Let's look on the example. Please for help ...
<html>
<head>
<title>Some title</title>
<script type="text/javascript">
function toogle(id) {
if (document.getElementById(id).innerHTML==" (+)") {
document.getElementById(id).innerHTML=" (-)";
document.getElementById(id+"_group").style.display='';
document.cookie=id+'=block';
} else {
document.getElementById(id).innerHTML=" (+)";
document.getElementById(id+"_group").style.display='none';
document.cookie=id+'=none';
}
}
function loadPage() {
tab=document.cookie.split(";");
for (var i=0;i<tab.length;i++) {
x=tab.split("=");
auxVar=document.createTextNode(x[0]+'='+x[1]+",");
document.getElementById('container').appendChild(auxVar);
if (x[1]=='block') {
document.getElementById(x[0]).innerHTML=" (-)";
document.getElementById(x
[0]+'_group').style.display='block';
} else {
document.getElementById(x[0]).innerHTML=" (+)";
document.getElementById(x
[0]+'_group').style.display='none';
}
}
}
</script>
</head>
<body onLoad="loadPage();">
<a href="index.html">strona</a><a id="s1" href="#" onClick="toogle
('s1');return false;"> (+)</a>
<ul id="s1_group" style="display: none">
<li><a href="index.html">s1</a></li>
<li><a href="index.html">s2</a></li>
<li><a href="index.html">s3</a></li>
</ul>
<br/>
<a href="index.html">strona 1</a><a id="s2" href="#" onClick="toogle
('s2');return false;"> (+)</a>
<ul id="s2_group" style="display: none">
<li><a href="index.html">s1</a></li>
<li><a href="index.html">s2</a></li>
<li><a href="index.html">s3</a></li>
</ul>
<div id='container'></div>
</body>
</html>