Egy "TabCreator Class" tesztje

Első példány...

  • Első tab
  • Második tab
  • Harmadik tab
  • Forráskód tab

Rövid leírás

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...

Második tab tartalma

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...











Még egy sor...









Az utolsó sor...

Harmadik tab tartalma

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...

TabCreator Class kódja

<?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;
  }
}
?>

Második példány...

  • Bemutatkozás
  • Ismertető
  • Galéria
  • Elérések
  • Üzenet küldés

Bemutatkozás tartalma

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...

Ismertető tartalma

Ez egy minta szövege próbaként az "Ismertető tab"-on...



















Ez egy minta szövege próbaként az "Ismertető tab"-on...

Galéria tartalma

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.














Elérések tartalma

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...

Üzenet küldés tartalma

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...