Zakladki

Zakładki w JS. Idealne dla tych którzy mają mało miejsca na stronie.

      <style type="text/css">
    body
.wszystko{
position:relative;
width:400px;
height:200px;
background-color:yellow;
}
.zakladka{
border:1px solid yellow;
float:left;
padding-left:5px;
padding-right:5px;
cursor:pointer;
}
.ostatnia{
background-color:white;
border:1px solid white;
}
.panel{
padding:5px;
display:none;
}
      </style>
      <script type="text/javascript">
var ile=3;
function uaktywnij(P){
for (var i=1;i<=ile;i++){
var panel=document.getElementById('panel'+i);
var zakladka=document.getElementById('zakladka'+i);
if (i==P){
panel.style.display='block';
zakladka.style.backgroundColor='yellow';
zakladka.style.color='black';
}
else{
panel.style.display='none';
zakladka.style.backgroundColor='#EDEB96';
zakladka.style.color='#888888';
}
}
}
      </script>
Table of Contents
O ile nie zaznaczono inaczej, treść tej strony objęta jest licencją Creative Commons Attribution-ShareAlike 3.0 License