|
|
TilbageNavn : CssTab.php
Sample code, tutorial
Sådan benyttes komponenten CssTab klassen
Først skal du inkludere den fil der beskriver komponenten, som en klasse fil
<?
require_once(HTML_PACKAGE_PATH.'/CssTab.php');
?>
Dernæst kan du enten benytte komponenten som et taglib (statiske metoder):
<?
CssTab::display($param1, $param2, $param3, ...);
?>
eller du kan lave en instance af komponenten og benytte metoderne direkte:
<?
$object = new CssTab($param1, $param2, $param3, ...);
print $object->getHtml();
?>
Parent html
Sådan vises komponenten CssTab klassen
PHP source code
Den fulde PHP kildekode for CssTab klassen
<?
/**
* @package tab
* @see HTML_TAB_UTIL_PATH.'/CssTab.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_BASE_PAGE_PATH.'/Css.php');
/**
* Generates the Tab CSS
* <code>
* Usage:
* $css = new CssTab($href);
* print $css->getHtml();
* Or:
* CssTab::display($href);
* </code>
* @package tab
*/
class CssTab extends Css {
/**
* Constructor
* @param String $href The url to the css filename (i.e. /css/my.css)
*/
function CssTab($href='') {
$this->Css($href!=''?$href:CSS_FILE_NAME_TAB);
}
/**
* Returns the css Table components
* @return String the complete css
*/
function getCustom() {
$html = '';
$html .= $this->getHeader($this->getClassName());
$html .= $this->getComponent('.'.CSS_TAB_MENU ,CSS_TAB_MENU_COLOR ,CSS_TAB_MENU_BACKGROUND,'','',CSS_TEXT_DECORATION_NONE);
// Tab and TabBody
$html .= $this->getTab('.'.CSS_TAB,CSS_TAB_COLOR,CSS_TAB_BACKGROUND);
$html .= $this->getComponent('.'.CSS_ATAB,CSS_ATAB_COLOR,CSS_ATAB_BACKGROUND,'','',CSS_TEXT_DECORATION_NONE);
$html .= $this->getComponent('.'.CSS_ATAB_BODY,CSS_ATAB_BODY_COLOR,CSS_ATAB_BODY_BACKGROUND);
$html .= $this->getTabActive('.'.CSS_TAB_ACTIVE,CSS_TAB_ACTIVE_COLOR,CSS_TAB_ACTIVE_BACKGROUND);
$html .= $this->getTabBody('.'.CSS_TAB_BODY,CSS_TAB_BODY_COLOR,CSS_TAB_BODY_BACKGROUND);
// Bugfix for Firefox
$html .= $this->getSingle('.'.CSS_ATAB,'white-space','nowrap');
$html .= $this->getSingle('.'.CSS_TAB_ACTIVE,'white-space','nowrap');
$html .= $this->getSingle('.'.CSS_TAB,'white-space','nowrap');
return $html;
}
/**
* Display the html
* <code>
* Usage:
* CssTab::display($href);
* </code>
* @static
* @param String $href, The url to the css file (i.e. /css/my.css)
*/
function display($href='') {
$html = new CssTab($href);
$html->addHtml();
}
}
?>
HTML source code
Den fulde HTML kildekode for CssTab klassen
<?
<style type="text/css">
/**
* Autocreated css cache file
* @description Csstab
* @file /cache/css/finnrasmussen.dk-tab.css
* @copyright (c) http://Finn-Rasmussen.com
* @author http://Finn-Rasmussen.com
* @date 25-Jul-2008 18:39:05
* @note The url(/images/filename.gif) must be located here
*/
.tabMenu{color:#000;background-color:#fff;}
a:link.tabMenu,a:visited.tabMenu,a:active.tabMenu{color:#000;background-color:#fff;font-size:11px;font-weight:bold;text-decoration:none;}
a:hover.tabMenu{color:#fff;background-color:#000;font-size:11px;font-weight:bold;text-decoration:none;}
img.tabMenu{color:#fffffe;background-color:#fff;border-style:none;}
.tabTab{color:#999;background-color:#ddd;border:#999 0px solid;border-top-color:#999;border-top-width:1px;border-top-style:solid;border-left-color:#999;border-left-width:1px;border-left-style:solid;border-right-color:#999;border-right-width:1px;border-right-style:solid;border-bottom-color:#999;border-bottom-width:1px;border-bottom-style:solid;text-align:center;}
.tabATab{color:#999;background-color:#ddd;}
a:link.tabATab,a:visited.tabATab,a:active.tabATab{color:#999;background-color:#ddd;font-size:11px;font-weight:bold;text-decoration:none;}
a:hover.tabATab{color:#ddd;background-color:#999;font-size:11px;font-weight:bold;text-decoration:none;}
img.tabATab{color:#ddddde;background-color:#ddd;border-style:none;}
.tabATabBody{color:#000;background-color:#fff;}
a:link.tabATabBody,a:visited.tabATabBody,a:active.tabATabBody{color:#000;background-color:#fff;font-size:11px;font-weight:bold;text-decoration:underline;}
a:hover.tabATabBody{color:#fff;background-color:#000;font-size:11px;font-weight:bold;text-decoration:underline;}
img.tabATabBody{color:#fffffe;background-color:#fff;border-style:none;}
.tabTabActive{color:#000;background-color:#fff;border:#999 1px solid;border-top-color:#000;border-top-width:2px;border-top-style:solid;border-left-color:#000;border-left-width:2px;border-left-style:solid;border-right-color:#000;border-right-width:2px;border-right-style:solid;border-bottom-color:#000;border-bottom-width:0px;border-bottom-style:solid;text-align:center;}
.layoutTabBody{color:#000;background-color:#fff;border:#000 0px solid;border-top-color:#fff;border-top-width:0px;border-top-style:solid;border-left-color:#999;border-left-width:1px;border-left-style:solid;border-right-color:#999;border-right-width:1px;border-right-style:solid;border-bottom-color:#999;border-bottom-width:1px;border-bottom-style:solid;}
.tabATab{white-space:nowrap;}
.tabTabActive{white-space:nowrap;}
.tabTab{white-space:nowrap;}
</style>
?>
Class methods
Her er 'klasse metoderne' for CssTab klassen:
- object
- getclassname
- getmsg
- addhtml
- gethtml
- tostring
- getcachefilename
- save
- content
- html
- setobject
- set
- get
- getattribute
- gettag
- add
- getsizeof
- getelement
- getelements
- gettoogle
- getmaximize
- getminimize
- newtriangle
- display
- showsource
- css
- getlink
- getlinknormal
- getlinkhover
- getlinkimage
- getimage
- getcomponent
- getborderline
- getbordersingle
- getborder
- gettab
- gettabactive
- gettabbody
- getbutton
- getclass
- getli
- getsingle
- getcssarray
- gethidden
- gethr
- getwidth
- getstart
- getcss
- getfieldset
- getlegend
- getselect
- getend
- getheader
- getinline
- getcustom
- csstab
Object vars
Her er 'objekt variable' for CssTab klassen:
- html =>
- sql =>
- elements => Array
- sizeof => 0
- href => tab.css
|
|
