|
|
TilbageNavn : 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
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> </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> </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:
|