انجمن کدستانMoisrex

var BlogSkin_tab_total = 4;

var BlogSkin_tab_start ='ok';

function tabview_aux(TabViewId, id)

{ var TabView = document.getElementById(TabViewId);

var Tabs = TabView.firstChild;

while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;

var Tab = Tabs.firstChild;

var i = 0;

do

{ if (Tab.tagName == "A")

{ i++;

Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+" ,'BLOGSKIN');";

Tab.className = (i == id) ? "Active" : "";

Tab.blur(); } }

while (Tab = Tab.nextSibling);

var Pages = TabView.firstChild;

while (Pages.className != 'Pages') Pages = Pages.nextSibling;

var Page = Pages.firstChild;

var i = 0;

do

{ if (Page.className == 'Page')

{ i++;

if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";

Page.style.overflow = "auto";

Page.style.display = (i == id) ? 'block' : 'none'; } }

while (Page = Page.nextSibling);}

function tabview_switch(TabViewId, id , start) { if( start =='BLOGSKIN' ){ BlogSkin_tab_start ='no';}tabview_aux(TabViewId, id); }

function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1 );}

tabview_initialize('TabView');

</script>

<style>

.mainr{padding:0 10 0 0;}

.menu{float:right;direction:rtl;text-align:right;width:375;overflow:hidden}

.xmulti{width:361;background:url('d2.gif') no-repeat top right;}

.tabview{width:100%;height:330;}

.Tabs{padding:0 10 0 0}

.Tabs a{width:80;height:100;margin:0 0 18 7;float:right}

.pages{clear: both;overflow:hidden;float:right;font-size:9pt;color:#AD3D33;width: 350px; height: 200px;}

.page{height:100%;overflow:hidden;}

</style>

<div class=mainbg><div class=mainr><div class=menu><br>

<div class=xmulti>

<div class="TabView" id="TabView">

<div class="Tabs">

<a title="بخش یک"></a>

<a title="بخش دو"></a>

<a title="بخش سه"></a>

<a title="بخش چهار"></a>

</div>

<!-- ========================== -->

<div class="Pages">

<div class="Page">کد های مربوطه بخش یک </div>

<div class="Page">کد های مربوطه بخش دو </div>

<div class="Page">کد های مربوطه بخش سه </div>

<div class="Page">کد های مربوطه بخش چهار </div>

</div>

</div>

</div>

</div></div></div>