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

Navn : 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 class details for an active Tab in a component
     * @param  String $name   The Name of the CSS class
     * @param  String $color  The Color of the class
     * @param  String $backgroundcolor The Background Color of the class
     * @param  String $bordercolor  The Color of the border
     * @param  String $cssPx        The CSS border width
     * @return String the complete css
     */
    function getTabActive($name,$color='',$backgroundcolor='',$bordercolor='', $cssPx='') {
        $html  = '';
        $html .= $this->getStart("$name");
        if ($color!='') {
            $html .= $this->getCss("color","#$color");
        }
        if ($backgroundcolor!='') {
            $html .= $this->getCss("background-color","#$backgroundcolor");
        }
        $borderColor  = $bordercolor!=''?$bordercolor:CSS_TAB_COLOR;
        $html .= $this->getCss("border","#$borderColor ".CSS_1PX.' '.CSS_BORDER_STYLE_SOLID);
        $html .= $this->getBorderLine("top"   ,$bordercolor,$cssPx,CSS_BORDER_STYLE_SOLID);
        $html .= $this->getBorderLine("left"  ,$bordercolor,$cssPx,CSS_BORDER_STYLE_SOLID);
        $html .= $this->getBorderLine("right" ,$bordercolor,$cssPx,CSS_BORDER_STYLE_SOLID);
        $html .= $this->getBorderLine("bottom",$bordercolor,CSS_0PX,CSS_BORDER_STYLE_SOLID);
        $html .= $this->getCss("text-align","center");
        $html .= $this->getEnd();
        return $html;
    }

    /**
     * Returns the css class details for a Tab Body in a component
     * @param  String $name   The Name of the CSS class
     * @param  String $color  The Color of the class
     * @param  String $backgroundcolor The Background Color of the class
     * @param  String $bordercolor  The Color of the border
     * @param  String $cssPx        The CSS border width
     * @return String the complete css
     */
    function getTabBody($name,$color='',$backgroundcolor='',$bordercolor='',$cssPx='') {
        $html  = '';
        $html .= $this->getStart("$name");
        if ($color!='') {
            $html .= $this->getCss("color","#$color");
        }
        if ($backgroundcolor!='') {
            $html .= $this->getCss("background-color","#$backgroundcolor");
        }
        $borderColor  = $bordercolor!=''?$bordercolor:CSS_TAB_COLOR;
        $html .= $this->getCss("border","#000 ".CSS_0PX.' '.CSS_BORDER_STYLE_SOLID);
        $html .= $this->getBorderLine("top"   ,$bordercolor,CSS_0PX,CSS_BORDER_STYLE_SOLID);
        $html .= $this->getBorderLine("left"  ,$borderColor,$cssPx,CSS_BORDER_STYLE_SOLID);
        $html .= $this->getBorderLine("right" ,$borderColor,$cssPx,CSS_BORDER_STYLE_SOLID);
        $html .= $this->getBorderLine("bottom",$borderColor,$cssPx,CSS_BORDER_STYLE_SOLID);
        $html .= $this->getEnd();
        return $html;
    }

    /**
     * Returns the css class details for a Tab in a component
     * @param  String $name   The Name of the CSS class
     * @param  String $color  The Color of the class
     * @param  String $backgroundcolor The Background Color of the class
     * @param  String $bordercolor  The Color of the border
     * @param  String $cssPx        The CSS border width
     * @return String the complete css
     */
    function getTab($name,$color='',$backgroundcolor='',$bordercolor='',$cssPx='') {
        $html  = '';
        $html .= $this->getStart("$name");
        if ($color!='') {
            $html .= $this->getCss("color","#$color");
        }
        if ($backgroundcolor!='') {
            $html .= $this->getCss("background-color","#$backgroundcolor");
        }
        $borderColor  = $bordercolor!=''?$bordercolor:CSS_TAB_COLOR;
        $html .= $this->getCss("border","#$borderColor ".CSS_0PX.' '.CSS_BORDER_STYLE_SOLID);
        $html .= $this->getBorderLine("top"   ,$borderColor,$cssPx,CSS_BORDER_STYLE_SOLID);
        $html .= $this->getBorderLine("left"  ,$borderColor,$cssPx,CSS_BORDER_STYLE_SOLID);
        $html .= $this->getBorderLine("right" ,$borderColor,$cssPx,CSS_BORDER_STYLE_SOLID);
        $html .= $this->getBorderLine("bottom",$bordercolor,$cssPx,CSS_BORDER_STYLE_SOLID);
        $html .= $this->getCss("text-align","center");
        $html .= $this->getEnd();
        return $html;
    }

    /**
     * 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, CSS_TAB_BORDER_COLOR, CSS_TAB_BORDER_WIDTH);
        $html .= $this->getTabActive('.'.CSS_TAB_ACTIVE,CSS_TAB_ACTIVE_COLOR,CSS_TAB_ACTIVE_BACKGROUND, CSS_TAB_ACTIVE_BORDER_COLOR, CSS_TAB_ACTIVE_BORDER_WIDTH);
        $html .= $this->getTabBody('.'.CSS_TAB_BODY,CSS_TAB_BODY_COLOR,CSS_TAB_BODY_BACKGROUND, CSS_TAB_BODY_BORDER_COLOR, CSS_TAB_BODY_BORDER_WIDTH);
        $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);
        // 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');
        if (defined('IMAGE_TAB_BACKGROUND')) {
            $image = new Images(IMAGE_TAB_BACKGROUND);
            $position = "";
            $html .= $this->getImage('.'.CSS_TAB,$image->get('src'), CSS_REPEAT_X, $position);
            //$html .= $this->getSingle('img','float','left');
        }
        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

<?
<!-- DEBUG, Using CSS Cache file : /cache/css/finn-rasmussen.com-tab.css -->
<link rel="STYLESHEET" type="text/css" href="/cache/css/finn-rasmussen.com-tab.css" title="Cache and Copyright by http://hvepseeksperten.dk/copyright/" />

?>

Class methods

Her er 'klasse metoderne' for CssTab klassen:

  • 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
  • css
  • getlink
  • getlinknormal
  • getlinkhover
  • getlinkimage
  • getimage
  • getcomponent
  • getborderline
  • getbordersingle
  • getborder
  • getbutton
  • getclass
  • getli
  • getsingle
  • getcssarray
  • gethidden
  • gethr
  • getwidth
  • getstart
  • getcss
  • getfieldset
  • getlegend
  • getselect
  • getend
  • getheader
  • getinline
  • getcustom
  • csstab
  • gettabactive
  • gettabbody
  • gettab

Object vars

Her er 'objekt variable' for CssTab klassen:

  • html =>
  • sql =>
  • elements => Array
  • sizeof => 0
  • href => tab.css
CssTab

Vis denne side på danmark

Vis denne side på Germany

Vis denne side på England

Vis denne side på France

Vis denne side på Italy

Vis denne side på Norge

Vis denne side på Sverige

Vis denne side på USA

 
CssTab