A class.tab.php fájl meghívása után külső fájlokból vagy adatbázisból feltöltésre kerülnek a "Tab-title" és
"Tab-content" tömbök.
Ezután létrehozásra kerül az adott "Tabber" egy példánya.
Végül a "body" részben kerül sor a megjelenítésre.
Az class.tab.php fájl kódja a "Forráskód tab" kiválasztása után megtekinthető...
A teljes forráskód INNEN tölthető le...
Ez egy minta szövege próbaként a "Második tab"-on...
Ez egy minta szövege próbaként a "Második tab"-on...
Ez egy minta szövege próbaként a "Második tab"-on...
Az utolsó sor...
Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on... Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on... Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on... Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on... Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on... Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on... Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on... Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on... Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on... Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on... Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on...
Ez egy minta szövege próbaként a "Harmadik tab"-on...
<?php class tab { private $tabID, $tabs, $activeNumber; public function __construct($tabberNum , $tabID, $tabs, $activeNumber) { $this->tabNUM = $tabberNum; $this->tabID = $tabID; $this->tabs = $tabs; $this->activeNumber = $activeNumber; } public function createTab() { $tab = ' <div class="tabWrapper" id="tabMenu">'."\n". ' <div class="tabHeader">'."\n". ' <ul>'."\n"; $counter = 1; $windows = ''; foreach($this->tabs as $index => $value) { $active = ''; if($counter == $this->activeNumber) $active = ' current'; $tab .= ' <li class="'.$active.'" id="tab'.$counter.'_'.$this->tabNUM.'" '. 'onclick="changeTab(\''.$this->tabNUM.'\', '.$counter.', \''.$this->tabID.'\')">'. $index. '</li>'."\n"; $windows .= ' <div class="tabWindow'.$active.'" id="window'.$this->tabNUM.'_'.$counter.'" >'."\n". $value."\n". ' </div>'."\n"; $counter++; } $tab .= ' </ul>'."\n". ' <br style="height:0;clear:both;" />'."\n". ' </div>'."\n". ' <div class="tabContent" id="tabContent_'.$this->tabNUM.'">'."\n". $windows."\n". ' </div>'."\n". ' </div>'."\n"; return $tab; } } ?>
Ez egy minta szövege próbaként az "Bemutatkozás tab"-on...
Ez egy minta szövege próbaként az "Bemutatkozás tab"-on...
Ez egy minta szövege próbaként az "Ismertető tab"-on...
Ez egy minta szövege próbaként az "Ismertető tab"-on...
Ez egy minta szövege próbaként az "Galéria tab"-on...
Ez egy szép kép.
Ez egy szép kép nagyobb méretben.
Ez egy szép kép még nagyobb méretben.
Ez egy minta szövege próbaként az "Elérések tab"-on...
Ez egy minta szövege próbaként az "Elérések tab"-on...
Ez egy minta szövege próbaként az "Üzenet küldés tab"-on...
Ez egy minta szövege próbaként az "Üzenet küldés tab"-on...