Sådan benyttes komponenten CssTable klassen
Først skal du inkludere den fil der beskriver komponenten, som en klasse fil
<? require_once(HTML_PACKAGE_PATH.'/CssTable.php'); ?>
Dernæst kan du enten benytte komponenten som et taglib (statiske metoder):
<? CssTable::display($param1, $param2, $param3, ...); ?>
eller du kan lave en instance af komponenten og benytte metoderne direkte:
<? $object = new CssTable($param1, $param2, $param3, ...); print $object->getHtml(); ?>
Sådan vises komponenten CssTable klassen
Den fulde PHP kildekode for CssTable klassen
<?php/** * @package table * @filesource * @see HTML_TABLE_PAGE_PATH.'/CssTable.php' * @copyright (c) http://Finn-Rasmussen.com * @license http://Finn-Rasmussen.com/license/ myPHP License conditions * @author http://Finn-Rasmussen.com * @version 1.11 * @since 27-nov-2009 *//** * The required files */require_once(HTML_BASE_PAGE_PATH.'/Css.php');/** * Generates the Table CSS * <code> * Usage: * $href = "table.css"; * $css = new CssTable($href); * print $css->getHtml(); * Or: * CssTable::display($href); * </code> * @package table */class CssTable extends Css { /** * Constructor * @param String $href The url to the css filename (i.e. table.css) */ function __construct($href='') { parent::__construct($href != '' ? $href : CSS_FILE_NAME_TABLE); } /** * Returns the css Table components * @return String the complete css */ function getCustom() { $html = ''; $html .= $this->getHeader($this->getClassName()); $html .= $this->getComponent('.'.CSS_SKELETON_LEFT ,CSS_SKELETON_LEFT_COLOR ,CSS_SKELETON_LEFT_BACKGROUND,'','','',CSS_SKELETON_WIDTH_LEFT); $html .= $this->getComponent('.'.CSS_SKELETON_CENTER,CSS_SKELETON_CENTER_COLOR,CSS_SKELETON_CENTER_BACKGROUND); $html .= $this->getComponent('.'.CSS_SKELETON_RIGHT ,CSS_SKELETON_RIGHT_COLOR ,CSS_SKELETON_RIGHT_BACKGROUND,'','','',CSS_SKELETON_WIDTH_RIGHT); $html .= $this->getBorderSingle('.'.CSS_BORDER_LEFT ,'left' ,'',CSS_BORDER_LEFT_WIDTH,CSS_BORDER_STYLE_SOLID); $html .= $this->getBorderSingle('.'.CSS_BORDER_RIGHT ,'right' ,'',CSS_BORDER_RIGHT_WIDTH,CSS_BORDER_STYLE_SOLID); $html .= $this->getBorderSingle('.'.CSS_BORDER_TOP ,'top' ,'',CSS_BORDER_TOP_WIDTH,CSS_BORDER_STYLE_SOLID); $html .= $this->getBorderSingle('.'.CSS_BORDER_BOTTOM ,'bottom' ,'',CSS_BORDER_BOTTOM_WIDTH,CSS_BORDER_STYLE_SOLID); // Different Views $html .= $this->getClass('.'.CSS_BASKET_VIEW, CSS_BASKET_VIEW_COLOR ,CSS_BASKET_VIEW_BACKGROUND); $html .= $this->getClass('.'.CSS_BASKET_INVOICE_VIEW, CSS_BASKET_INVOICE_VIEW_COLOR ,CSS_BASKET_INVOICE_VIEW_BACKGROUND); $html .= $this->getClass('.'.CSS_INFO_VIEW, CSS_INFO_VIEW_COLOR ,CSS_INFO_VIEW_BACKGROUND); $html .= $this->getClass('.'.CSS_BUSINESS_CARD_VIEW, CSS_BUSINESS_CARD_VIEW_COLOR ,CSS_BUSINESS_CARD_VIEW_BACKGROUND); //$html .= $this->getClass('.'.CSS_PAGE_VIEW, CSS_PAGE_VIEW_COLOR ,CSS_PAGE_VIEW_BACKGROUND); $html .= $this->getClass('.'.CSS_LIST_VIEW, CSS_LIST_VIEW_COLOR ,CSS_LIST_VIEW_BACKGROUND); //$html .= $this->getClass('.'.CSS_SHOW_VIEW, CSS_SHOW_VIEW_COLOR ,CSS_SHOW_VIEW_BACKGROUND); $html .= $this->getClass('.'.@CSS_FORM_VIEW, CSS_FORM_VIEW_COLOR ,CSS_FORM_VIEW_BACKGROUND); //$html .= $this->getClass('.'.CSS_SEARCH_VIEW, CSS_SEARCH_VIEW_COLOR ,CSS_SEARCH_VIEW_BACKGROUND); //$html .= $this->getClass('.'.EMAIL_VIEW_CLASS, CSS_EMAIL_VIEW_COLOR ,CSS_EMAIL_VIEW_BACKGROUND); //$html .= $this->getBorder('.'.EMAIL_VIEW_CLASS); $html .= $this->getClass('.'.CSS_CORNER_VIEW, CSS_CORNER_VIEW_COLOR ,CSS_CORNER_VIEW_BACKGROUND); // Gaby og Kaj wedding $html .= '.'.CSS_SKELETON_LEFT."{filter:alpha(opacity=60);opacity:0.6;}";// $html .= '.'.CSS_SKELETON_CENTER."{filter:alpha(opacity=60);opacity:0.6;}";// $html .= '.'.CSS_SKELETON_RIGHT."{filter:alpha(opacity=60);opacity:0.6;}"; return $html; } /** * Display html * <code> * Usage: * $href = "table.css"; * CssTable::display($href); * </code> * @static * @param String $href The url to the css file (i.e. table.css) */ public static function display($href='') { $html = new CssTable($href); $html->addHtml(); }}?>
Den fulde HTML kildekode for CssTable klassen
<? <!-- DEBUG: CssTable --> <style type="text/css"> /*********************************************************** * * AUTOGENERATED file, DO NOT CHANGE OR EDIT, the full source code is here _____________________________________________________ ________| |________ \ | http://Finn-Rasmussen.com Phone (+45) 40 50 60 69 | / \ | Kongens Vænge 79, 3400 Hillerød, Denmark | / / |_____________________________________________________| \ /___________) (__________\ * * @version : 1.11 * @since : 23-May-2010 16:16:44 * @copyright : Copyright © 1999-2010 http://Finn-Rasmussen.com * * Email : Please, phone me for my email address * Web : http://Finn-Rasmussen.com * : This website was created by the myPHP taglib and CMS * : Download a free demo of the myPHP taglib here ... * : http://Finn-Rasmussen.com/myPHP/ * @domain : finnrasmussen.dk * @language : da * @webmaster : DEFAULT_CMS_LOGIN_USERNAME(+)finnrasmussen.dk * @file : /cache/files/finnrasmussen.dk-table.css (Autocreated cache file) * @classname : CssTable ***********************************************************/ .tableSkeletonLeft{ color : #000; background-color : #fff; width : 200px; } a:link.tableSkeletonLeft,a:visited.tableSkeletonLeft,a:active.tableSkeletonLeft{ color : #000; background-color : #fff; font-size : 11px; font-weight : bold; text-decoration : underline; } a:hover.tableSkeletonLeft{ color : #fff; background-color : #000; font-size : 11px; font-weight : bold; text-decoration : underline; } img.tableSkeletonLeft{ color : #fffffe; background-color : #fff; border-style : none; } .tableSkeletonCenter{ color : #000; background-color : #fff; } a:link.tableSkeletonCenter,a:visited.tableSkeletonCenter,a:active.tableSkeletonCenter{ color : #000; background-color : #fff; font-size : 11px; font-weight : bold; text-decoration : underline; } a:hover.tableSkeletonCenter{ color : #fff; background-color : #000; font-size : 11px; font-weight : bold; text-decoration : underline; } img.tableSkeletonCenter{ color : #fffffe; background-color : #fff; border-style : none; } .tableSkeletonRight{ color : #000; background-color : #fff; width : 36px; } a:link.tableSkeletonRight,a:visited.tableSkeletonRight,a:active.tableSkeletonRight{ color : #000; background-color : #fff; font-size : 11px; font-weight : bold; text-decoration : underline; } a:hover.tableSkeletonRight{ color : #fff; background-color : #000; font-size : 11px; font-weight : bold; text-decoration : underline; } img.tableSkeletonRight{ color : #fffffe; background-color : #fff; border-style : none; } .tableBorderLeft{ border-left-color : #000; border-left-width : 1px; border-left-style : solid; } .tableBorderRight{ border-right-color : #000; border-right-width : 1px; border-right-style : solid; } .tableBorderTop{ border-top-color : #000; border-top-width : 1px; border-top-style : solid; } .tableBorderBottom{ border-bottom-color : #000; border-bottom-width : 1px; border-bottom-style : solid; } .tableBasketView{ color : #000; background-color : #fff; } .tableBasketInvoiceView{ color : #000; background-color : #fff; } .tableInfoView{ color : #000; background-color : #fff; } .tableBusinessCardView{ color : #000; background-color : #fff; } .tableListView{ color : #000; background-color : #fff; } .formView{ color : #000; background-color : #fff; } .tableCornerView{ color : #000; background-color : #fda; } .tableSkeletonLeft{filter:alpha(opacity=60);opacity:0.6;} /* DEBUG, Not cached, CSS Custom file : /cache/css/finnrasmussen.dk-table.css */ </style> ?>
Her er 'klasse metoderne' for CssTable klassen:
Her er 'objekt variable' for CssTable klassen:
