K
kristaps.ancans
If i click on Link #1 it should add display:none to the div#pcont1d
and display:block to the div#pcont2d and vice verse. But it doesn't.
Where's my mistake?
<script type="text/javascript">
<!--
window.onload=function(){
sch = document.getElementById('profdnav');
if (typeof sch != "undefined"){
tbs = sch.getElementsByTagName('li');
tbl = tbs.length;
for(i=0;i<tbl;i++){
fck = tbs.id;
tbs.firstChild.onclick=function(){
toggle(fck);
alert(i);
return false;
};
tbs.firstChild.title=(tbs.id);
}
}
}
function toggle(tn) {
for(var i=0;i<tbl;i++){
var taid = tbs.id;
var did = taid+'d';
if(taid==tn){
tbs.className='act';
document.getElementById(did).style.display='block';
}
else{
tbs.className='tab';
document.getElementById(did).style.display='none';
}
}
}
//-->
</script>
<ul id="profdnav">
<li id="pcont1" class="act"><a name="Link #1">Link #1</a></li>
<li id="pcont2" class="tab"><a name="Link #2">Link #2</a></li>
</ul>
<div id="pcont1d">aaa</div>
<div id="pcont2d" style="display:none">bbb</div>
and display:block to the div#pcont2d and vice verse. But it doesn't.
Where's my mistake?
<script type="text/javascript">
<!--
window.onload=function(){
sch = document.getElementById('profdnav');
if (typeof sch != "undefined"){
tbs = sch.getElementsByTagName('li');
tbl = tbs.length;
for(i=0;i<tbl;i++){
fck = tbs.id;
tbs.firstChild.onclick=function(){
toggle(fck);
alert(i);
return false;
};
tbs.firstChild.title=(tbs.id);
}
}
}
function toggle(tn) {
for(var i=0;i<tbl;i++){
var taid = tbs.id;
var did = taid+'d';
if(taid==tn){
tbs.className='act';
document.getElementById(did).style.display='block';
}
else{
tbs.className='tab';
document.getElementById(did).style.display='none';
}
}
}
//-->
</script>
<ul id="profdnav">
<li id="pcont1" class="act"><a name="Link #1">Link #1</a></li>
<li id="pcont2" class="tab"><a name="Link #2">Link #2</a></li>
</ul>
<div id="pcont1d">aaa</div>
<div id="pcont2d" style="display:none">bbb</div>