tab bladen

Hier komt de info van link 1

Dit komt er bij link 2 te staan

Wat er bij link 3 hoort komt hier

Bij de link 4 komt dan dit te staan

Als laatste link 5 en zijn beschrijving

Leuk tabblad waarbij er een extra beschrijving komt bij het klikken op een tab. Je kunt iedere link apart benoemen, en een eigen target meegeven. Tevens kun je nog tabs bijvoegen ( gewoon doornummeren, staat in onderste gedeelte van het <body> gedeelte)


	Plak dit tussen de <body> tags

<script type="text/javascript"> //[which tab (1=first tab), ID of tab content to display]: var initialtab=[1, "sc1"] function cascadedstyle(el, cssproperty, csspropertyNS){ if (el.currentStyle) return el.currentStyle[cssproperty] else if (window.getComputedStyle){ var elstyle=window.getComputedStyle(el, "") return elstyle.getPropertyValue(csspropertyNS) } } var previoustab="" function expandcontent(cid, aobject){ if (document.getElementById){ highlighttab(aobject) detectSourceindex(aobject) if (previoustab!="") document.getElementById(previoustab).style.display="none" document.getElementById(cid).style.display="block" previoustab=cid if (aobject.blur) aobject.blur() return false } else return true } function highlighttab(aobject){ if (typeof tabobjlinks=="undefined") collecttablinks() for (i=0; i<tabobjlinks.length; i++) tabobjlinks[i].style.backgroundColor=initTabcolor var themecolor=aobject.getAttribute("theme")? aobject.getAttribute("theme") : initTabpostcolor aobject.style.backgroundColor=document.getElementById("tabcontentcontainer").style.backgroundColor=themecolor } function collecttablinks(){ var tabobj=document.getElementById("tablist") tabobjlinks=tabobj.getElementsByTagName("A") } function detectSourceindex(aobject){ for (i=0; i<tabobjlinks.length; i++){ if (aobject==tabobjlinks[i]){ tabsourceindex=i //s break } } } function do_onload(){ var cookiecheck=window.get_cookie && get_cookie(window.location.pathname).indexOf("|")!=-1 collecttablinks() initTabcolor=cascadedstyle(tabobjlinks[1], "backgroundColor", "background-color") initTabpostcolor=cascadedstyle(tabobjlinks[0], "backgroundColor", "background-color") if (typeof enablepersistence!="undefined" && enablepersistence && cookiecheck){ var cookieparse=get_cookie(window.location.pathname).split("|") var whichtab=cookieparse[0] var tabcontentid=cookieparse[1] expandcontent(tabcontentid, tabobjlinks[whichtab]) } else expandcontent(initialtab[1], tabobjlinks[initialtab[0]-1]) } if (window.addEventListener) window.addEventListener("load", do_onload, false) else if (window.attachEvent) window.attachEvent("onload", do_onload) else if (document.getElementById) window.onload=do_onload </script> <ul id="tablist"> <li><a href="#" class="current" onClick="return expandcontent('sc1', this)"><font size="2" face="Verdana">Link 1</font></a></li> <li><a href="#" onClick="return expandcontent('sc2', this)" theme="#EAEAFF"><font size="2" face="Verdana">Link 2</font></a></li> <li><a href="#" onClick="return expandcontent('sc3', this)" theme="#FFE6E6"><font size="2" face="Verdana">Link 3</font></a></li> <li><a href="#" onClick="return expandcontent('sc4', this)" theme="#DFFFDF"><font size="2" face="Verdana">Link 4</font></a></li> <li><a href="#" onClick="return expandcontent('sc5', this)" theme="#FFCC66"><font size="2" face="Verdana">Link 5</font></a></li> </ul> <DIV id="tabcontentcontainer"> <div id="sc1" class="tabcontent" style="width: 400; height: 22"> <font size="2" face="Verdana">Hier komt de info van <a href="http://mtrack.nl/?ref=leejoo" target="_blank">link 1</a>.<br /> </font> </div> <div id="sc2" class="tabcontent"> <font size="2" face="Verdana">Dit komt er bij <a href="http://www.onestat.com" target="_blank">link 2</a> te staan</font> </div> <div id="sc3" class="tabcontent"> <font size="2" face="Verdana">Wat er bij <a href="http://mtrack.nl/?ref=leejoo" target="_blank">link 3</a> hoort komt hier</font> </div> <div id="sc4" class="tabcontent"> <font size="2" face="Verdana">Bij de <a href="http://www.onestat.com" target="_blank">link 4</a> komt dan dit te staan</font> </div> <div id="sc5" class="tabcontent"> <font size="2" face="Verdana">Als laatste <a href="http://mtrack.nl/?ref=leejoo" target="_blank">link 5</a> en zijn beschrijving</font> </div> </DIV>

© www.leejoo.nl