Altså javascript-delen er bare at vise/skjule et div-layer: ------------------------------------------ <script type="text/javascript">' var objTab; function Tab(id){ if(objTab)objTab.style.display="none" objTab=document.getElementById(id); objTab.style.display="block" } </script>
<div id="first" style="display:block">Indhold 1 her!</div> <div id="second" style="display:none">Indhold 2 her!</div> <div id="third" style="display:none">Indhold 3 her!</div> ------------------------------------------ Så er det bare at style span-elementerne med CSS. Du kan bruge følgende kode, hvis du har CSS-klasserne closedTab og openTab: ------------------------------------------ <script type="text/javascript">' var objTab,objTabContent; function Tab(elm,id){ if(objTabContent)objTabContent.style.display="none" objTabContent=document.getElementById(id); objTabContent.style.display="block"; elm.className="openTab"; if(objTab)objTab.className="closedTab"; objTab=elm; } </script>
-- bortset fra, at det aldrig kan blive anbefalelsesværdigt at skifte class on-the-fly, da browseren for ikke at risikere at blive forvirret er nødt til at genberegne hele sidens rendering ,-(
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.