Zakładki w opisie chomika(1).txt

(5 KB) Pobierz
<script type="text/javascript"><!--  
/*SKRYPT YETII - dostosowanie na potrzeby CHOMIKA, przygotowa� chomik adam-as. OPIS JAK ZAIMPLEMENTOWA� YETII NA CHOMIKA znajduje si� na BLOGU http://poradnikchomika.blogspot.com - Yetii - Yet (E)Another Tab Interface Implementation,version 1.4,http://www.kminek.pl/lab/yetii/,Copyright (c) 2007-2008 Grzegorz Wojcik,Code licensed under the BSD License: http://www.kminek.pl/bsdlicense.txt*/function Yetii(){this.defaults={id:null,active:1,interval:null,wait:null,persist:null,tabclass:'tab',activeclass:'active',callback:null,leavecallback:null};this.activebackup=null;for(var n in arguments[0]){this.defaults[n]=arguments[0][n]};this.getTabs=function(){var a=[];var b=document.getElementById(this.defaults.id).getElementsByTagName('*');var c=new RegExp("(^|\\s)"+this.defaults.tabclass.replace(/\-/g,"\\-")+"(\\s|$)");for(var i=0;i<b.length;i++){if(c.test(b[i].className))a.push(b[i])}return a};this.links=document.getElementById(this.defaults.id+'-nav').getElementsByTagName('a');this.show=function(a){for(var i=0;i<this.tabs.length;i++){this.tabs[i].style.display=((i+1)==a)?'block':'none';this.links[i].className=((i+1)==a)?this.defaults.activeclass:''}if(this.defaults.leavecallback&&(a!=this.activebackup))this.defaults.leavecallback(this.defaults.active);this.activebackup=a;this.defaults.active=a;if(this.defaults.callback)this.defaults.callback(a)};this.rotate=function(a){this.show(this.defaults.active);this.defaults.active++;if(this.defaults.active>this.tabs.length)this.defaults.active=1;var b=this;if(this.defaults.wait)clearTimeout(this.timer2);this.timer1=setTimeout(function(){b.rotate(a)},a*1000)};this.next=function(){this.defaults.active++;if(this.defaults.active>this.tabs.length)this.defaults.active=1;this.show(this.defaults.active)};this.previous=function(){this.defaults.active ;if(!this.defaults.active)this.defaults.active=this.tabs.length;this.show(this.defaults.active)};this.gup=function(a){a=a.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");var b="[\\?&]"+a+"=([^&#]*)";var c=new RegExp(b);var d=c.exec(window.location.href);if(d==null)return null;else return d[1]};this.parseurl=function(a){var b=this.gup(a);if(b==null)return null;if(parseInt(b))return parseInt(b);if(document.getElementById(b)){for(var i=0;i<this.tabs.length;i++){if(this.tabs[i].id==b)return(i+1)}}return null};this.createCookie=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+(c*24*60*60*1000));var e="; expires="+d.toGMTString()}else var e="";document.cookie=a+"="+b+e+"; path=/"};this.readCookie=function(a){var b=a+"=";var d=document.cookie.split(';');for(var i=0;i<d.length;i++){var c=d[i];while(c.charAt(0)==' ')c=c.substring(1,c.length);if(c.indexOf(b)==0)return c.substring(b.length,c.length)}return null};this.tabs=this.getTabs();this.defaults.active=(this.parseurl(this.defaults.id))?this.parseurl(this.defaults.id):this.defaults.active;if(this.defaults.persist&&this.readCookie(this.defaults.id))this.defaults.active=this.readCookie(this.defaults.id);this.activebackup=this.defaults.active;this.show(this.defaults.active);var f=this;for(var i=0;i<this.links.length;i++){this.links[i].customindex=i+1;this.links[i].onclick=function(){if(f.timer1)clearTimeout(f.timer1);if(f.timer2)clearTimeout(f.timer2);f.show(this.customindex);if(f.defaults.persist)f.createCookie(f.defaults.id,this.customindex,0);if(f.defaults.wait)f.timer2=setTimeout(function(){f.rotate(f.defaults.interval)},f.defaults.wait*1000);return false}}if(this.defaults.interval)this.rotate(this.defaults.interval)};  
</script>  
</p>  
<!-- TUTAJ POCZATEK MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU -->  
<div id="tab-container-1">  
<ul id="tab-container-1-nav">  
<a href="#tab1">Strona gl�wna</a> <a href="#tab2">Podstrona 2</a> <a href="#tab3">Podstrona 3</a> <a href="#tab4">Podstrona 4</a> <a href="#tab5">Podstrona 5</a>   
</ul>  
<!-- TUTAJ KONIEC MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU -->  
<!--111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111-->  
<div id="tab1" class="tab">  
TRESC DLA STRONY 1  
</div>  
<!--111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111--> <!--222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222-->  
<div id="tab2" class="tab">  
TRESC DLA STRONY 2  
</div>  
<!--222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222--> <!--333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333-->  
<div id="tab3" class="tab">  
TRESC DLA STRONY 3  
</div>  
<!--333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333--> <!--444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444-->  
<div id="tab4" class="tab">  
TRESC DLA STRONY 4  
</div>  
<!--444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444--> <!--555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555-->  
<div id="tab5" class="tab">  
TRESC DLA STRONY 5  
</div>  
<!--555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555-->  
</div>  
<p>  
<script type="text/javascript"><!--  
      var tabber1 = new Yetii({         id: 'tab-container-1'       });  
// --></script>  
</p>  




OPIS!!!!!!
Wystarczy wkleic do swojego chomika i tyle


Zgłoś jeśli naruszono regulamin