Tab
Tab Du er her: /  Forsiden  /  Kildekoden  /  Tab  /  Tab   Login nu   Login
Tab
 ««« Se kilde koden
Tab
Tab Basic Tab Tab Base Tab Tab Component Tab Tab Db Tab Tab Dto Tab Tab Form Tab Tab Form-elements Tab Tab Jquery Tab Tab Layout Tab Tab Menu Tab Tab Menu-fisheye Tab Tab Mvc Tab Tab Tab  Tab Tab Table Tab Tab Template Tab Tab Util Tab
Tab
Tab
Tab Index
 
Tilbage

Navn : Tab.php


Sample code, tutorial

Sådan benyttes komponenten Tab klassen

Først skal du inkludere den fil der beskriver komponenten, som en klasse fil

  • <?
    require_once(HTML_PACKAGE_PATH.'/Tab.php');
    ?>

Dernæst kan du enten benytte komponenten som et taglib (statiske metoder):

  • <?
    Tab
    ::display($param1, $param2, $param3, ...);
    ?>

eller du kan lave en instance af komponenten og benytte metoderne direkte:

  • <?
    $object
    = new Tab($param1, $param2, $param3, ...);
    print
    $object->getHtml();
    ?>

Parent html

Sådan vises komponenten Tab klassen

Tab Basic Tab Tab Base Tab Tab Component Tab Tab Db Tab Tab Dto Tab Tab Form Tab Tab Form-elements Tab Tab Jquery Tab Tab Layout Tab Tab Menu Tab Tab Menu-fisheye Tab Tab Mvc Tab Tab Tab  Tab Tab Table Tab Tab Template Tab Tab Util Tab

PHP source code

Den fulde PHP kildekode for Tab klassen

<?
/**
* @package tab
* @see HTML_TAB_PAGE_PATH/Tab.php
* @copyright (c) http://Finn-Rasmussen.com
* @license http://Finn-Rasmussen.com/license/ myPHP License conditions
* @author http://Finn-Rasmussen.com
* @version 1.10
* @since 22-feb-2007
*/

/**
* The required files
*/
require_once(HTML_MENU_PAGE_PATH.'/MenuHorizontal.php');
require_once(
HTML_TABLE_COMPONENT_PATH.'/TableHeader.php');
require_once(
HTML_TABLE_COMPONENT_PATH.'/Table.php');
require_once(
HTML_BASE_UTIL_PATH.'/Link.php');
if (
defined('HTML_LANGUAGE_UTIL_PATH')) {
    require_once(
HTML_LANGUAGE_UTIL_PATH.'/Translate.php');
}
if (
defined('HTML_LOG_UTIL_PATH')) {
    require_once(
HTML_LOG_UTIL_PATH.'/Log.php');
}

/**
* Generates a Tab navigation menu
* <code>
* +______________+-------+_________________
* | link1 |link2 | link3 | link4 |         |
* +-------------+       +-------------------
* Usage:
*   $menu = new Tab($datareader,$text,$width,$class,$border,
*                   $cellpadding,$cellspacing,$summary,$caption);
*   print $menu->getHtml();
* Or
*   Tab:display($datareader,$text,$width,$class,$border,
*               $cellpadding,$cellspacing,$summary,$caption);
* </code>
* @package tab
*/

class Tab extends MenuHorizontal {
    
/**
     * Constructor
     * @param DataReader $datareader The Data Reader object
     * @param String $text    The text header for the table
     * @param String $width   The Width for the table
     * @param String $class   The Class
     * @param String $border  The Border
     * @param String $cellpadding The CellSpacing
     * @param String $cellspacing The CellPadding
     * @param String $summary The Summary
     * @param String $caption The Caption
     */
    
function Tab($datareader='',$text='',$width='',$class='',$border='',$cellpadding='',$cellspacing='',$summary='',$caption='') {
        
$theText  = $text !=''?$text :TAB_MENU_TEXT;
        
$theWidth = $width!=''?$width:TAB_MENU_VIEW_WIDTH;
        
$theClass = $class!=''?$class:TAB_MENU_VIEW_CLASS;
        
$theBorder      = TAB_MENU_VIEW_BORDER;
        
$theCellpadding = TAB_MENU_VIEW_CELLPADDING;
        
$theCellspacing = TAB_MENU_VIEW_CELLSPACING;
        
$this->layout = LINK_LAYOUT_TAB | LINK_LAYOUT_CORNER; // LINK_LAYOUT_TRIANGLE |  | LINK_LAYOUT_FILL_OUT
        
$this->MenuHorizontal($datareader,$theText,$theWidth,$theClass,$theBorder,$theCellpadding,$theCellspacing,$summary,$caption);
    }

    
/**
     * Get the CSS class Name for this component
     * @return String The CSS class name
     */
    
function getCssClass() {
        return
CSS_ATAB;
    }

    
/**
     * Toogle the request parameters which will minimize or maximize this component
     * @return array The array of key=>value pair
     */
    
function getMinimize() {
        return
$this->getToogle(REQUEST_TAB_SHOW, TAB_SHOW, TAB_SHOW_MENU_TAB);
    }

    
/**
     * Builds the html for a Tab menu, and return it
     * @return String The tab menu as html
     */
    
function getHtml() {
        
$html  = $this->html;
        if (
defined('TAB_SHOW') && TAB_SHOW & TAB_SHOW_MENU_TAB) {
            if (
CACHE_TAB && $this->getCacheFileName(CACHE_TAB_PATH)!='' && file_exists($this->getCacheFileName(CACHE_TAB_PATH))) {
                
$html .= $this->content($this->getCacheFileName(CACHE_TAB_PATH));
            } else {
                
$html .= $this->getColumns();
                if (
CACHE_TAB) {
                    
$this->save($html, CACHE_TAB_PATH);
                }
            }
        } else {
               
$html .= $this->getMaximize();
        }
        return
$html;
    }

    
/**
     * Display the html
     * <code>
     * Usage:
     *    Tab::display($datareader,$text,$width,$class,$border,
     *                 $cellpadding,$cellspacing,$summary,$caption);
     * </code>
     * @static
     * @param DataReader $datareader The Data Reader object
     * @param String $text    The text header for the table
     * @param String $width   The Width for the table
     * @param String $class   The Class
     * @param String $border  The Border
     * @param String $cellpadding The CellSpacing
     * @param String $cellspacing The CellPadding
     * @param String $summary The Summary
     * @param String $caption The Caption
     */
    
function display($datareader='',$text='',$width='',$class='',$border='',$cellpadding='',$cellspacing='',$summary='',$caption='') {
        
$html = new Tab($datareader,$text,$width,$class,$border,$cellpadding,$cellspacing,$summary,$caption);
        
$html->addHtml();
    }
}
?>

HTML source code

Den fulde HTML kildekode for Tab klassen

<?

<table width="100%" class="tableBorderLeft tableBorderRight basePrinter" border="0" cellpadding="0" cellspacing="0">
<
tr>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Basic --><a id="Link34" class="tabATab" href="http://finnrasmussen.dk/source-code/basic" title="Basic">Basic</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Base --><a id="Link35" class="tabATab" href="http://finnrasmussen.dk/source-code/base" title="Base">Base</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Component --><a id="Link36" class="tabATab" href="http://finnrasmussen.dk/source-code/component" title="Component">Component</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Db --><a id="Link37" class="tabATab" href="http://finnrasmussen.dk/source-code/db" title="Db">Db</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Dto --><a id="Link38" class="tabATab" href="http://finnrasmussen.dk/source-code/dto" title="Dto">Dto</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Form --><a id="Link39" class="tabATab" href="http://finnrasmussen.dk/source-code/form" title="Form">Form</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Form-elements --><a id="Link40" class="tabATab" href="http://finnrasmussen.dk/source-code/form-elements" title="Form-elements">Form-elements</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Jquery --><a id="Link41" class="tabATab" href="http://finnrasmussen.dk/source-code/jquery" title="Jquery">Jquery</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Layout --><a id="Link42" class="tabATab" href="http://finnrasmussen.dk/source-code/layout" title="Layout">Layout</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Menu --><a id="Link43" class="tabATab" href="http://finnrasmussen.dk/source-code/menu" title="Menu">Menu</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Menu-fisheye --><a id="Link44" class="tabATab" href="http://finnrasmussen.dk/source-code/menu-fisheye" title="Menu-fisheye">Menu-fisheye</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Mvc --><a id="Link45" class="tabATab" href="http://finnrasmussen.dk/source-code/mvc" title="Mvc">Mvc</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tlw.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTabActive" valign="middle"><b class="tabATabActive">Tab</b>&nbsp;</td>
    <
td valign="top" width="1px"><img src="/images/trw.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Table --><a id="Link46" class="tabATab" href="http://finnrasmussen.dk/source-code/table" title="Table">Table</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Template --><a id="Link47" class="tabATab" href="http://finnrasmussen.dk/source-code/template" title="Template">Template</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Util --><a id="Link48" class="tabATab" href="http://finnrasmussen.dk/source-code/util" title="Util">Util</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
</
tr>

<
tr>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Basic --><a id="Link49" class="tabATab" href="http://finnrasmussen.dk/source-code/basic" title="Basic">Basic</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Base --><a id="Link50" class="tabATab" href="http://finnrasmussen.dk/source-code/base" title="Base">Base</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Component --><a id="Link51" class="tabATab" href="http://finnrasmussen.dk/source-code/component" title="Component">Component</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Db --><a id="Link52" class="tabATab" href="http://finnrasmussen.dk/source-code/db" title="Db">Db</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Dto --><a id="Link53" class="tabATab" href="http://finnrasmussen.dk/source-code/dto" title="Dto">Dto</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Form --><a id="Link54" class="tabATab" href="http://finnrasmussen.dk/source-code/form" title="Form">Form</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Form-elements --><a id="Link55" class="tabATab" href="http://finnrasmussen.dk/source-code/form-elements" title="Form-elements">Form-elements</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Jquery --><a id="Link56" class="tabATab" href="http://finnrasmussen.dk/source-code/jquery" title="Jquery">Jquery</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Layout --><a id="Link57" class="tabATab" href="http://finnrasmussen.dk/source-code/layout" title="Layout">Layout</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Menu --><a id="Link58" class="tabATab" href="http://finnrasmussen.dk/source-code/menu" title="Menu">Menu</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Menu-fisheye --><a id="Link59" class="tabATab" href="http://finnrasmussen.dk/source-code/menu-fisheye" title="Menu-fisheye">Menu-fisheye</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Mvc --><a id="Link60" class="tabATab" href="http://finnrasmussen.dk/source-code/mvc" title="Mvc">Mvc</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tlw.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTabActive" valign="middle"><b class="tabATabActive">Tab</b>&nbsp;</td>
    <
td valign="top" width="1px"><img src="/images/trw.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Table --><a id="Link61" class="tabATab" href="http://finnrasmussen.dk/source-code/table" title="Table">Table</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Template --><a id="Link62" class="tabATab" href="http://finnrasmussen.dk/source-code/template" title="Template">Template</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td valign="top" width="1px"><img src="/images/tl.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
    <
td class="tabTab" valign="middle"><!-- Util --><a id="Link63" class="tabATab" href="http://finnrasmussen.dk/source-code/util" title="Util">Util</a>
</
td>
    <
td valign="top" width="1px"><img src="/images/tr.gif" alt="Tab" class="baseFloatLeft" border="0" />
</
td>
</
tr>

</
table>

?>

Class methods

Her er 'klasse metoderne' for Tab klassen:

  • menuhorizontal
  • object
  • getclassname
  • getmsg
  • addhtml
  • gethtml
  • tostring
  • getcachefilename
  • save
  • content
  • stop
  • html
  • setobject
  • set
  • get
  • getattribute
  • gettag
  • add
  • getsizeof
  • getelement
  • getelements
  • gettoogle
  • getmaximize
  • getminimize
  • newtriangle
  • display
  • showsource
  • table
  • newtextrow
  • gettableheader
  • getstart
  • getend
  • start
  • end
  • tabledatareader
  • getdatareader
  • newdata
  • getcssclass
  • newcolumn
  • isactive
  • isactivetab
  • isactiveindex
  • newcolumns
  • adjustcolumns
  • newcorner
  • getcolumns
  • tab

Object vars

Her er 'objekt variable' for Tab klassen:

  • html =>
  • sql =>
  • elements => Array
  • sizeof => 2
  • text =>
  • width => 100%
  • class => tableBorderLeft tableBorderRight basePrinter
  • border => 0
  • cellpadding => 0
  • cellspacing => 0
  • summary =>
  • caption =>
  • datareader => Object
  • layout => 40960

DataReader.php

Her er felterne i DataReader for Tab klassen:

  Basic   






  Base   






  Component   






  Db