CssForm - The source code for the component with sample code and tutorial @ finn-rasmussen.com

Navn : CssForm.php

Sample code, tutorial

Sådan benyttes komponenten CssForm klassen

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

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

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

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

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

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

PHP source code

Den fulde PHP kildekode for CssForm klassen

<?
/**
* @package form
* @filesource
* @see HTML_FORM_PAGE_PATH.'/CssForm.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 Form CSS
* <code>
* Usage:
*   $css = new CssForm($href);
*   print $css->getHtml();
* Or:
*   CssForm::display($href);
* </code>
* @package form
*/

class CssForm extends Css {
    /**
     * Constructor
     * @param String $href The url to the css filename (i.e. /css/my.css)
     */
    function CssForm($href='') {
        $this->Css($href!=''?$href:CSS_FILE_NAME_FORM);
    }

    /**
     * Returns the css Form components
     * @return String the complete css
     */
    function getCustom() {
        $html = '';
        $html .= $this->getHeader($this->getClassName());
        // input tag
        $html .= $this->getTag('input,select,option,textarea',CSS_BODY_COLOR,CSS_BODY_BACKGROUND, CSS_FONT_FAMILY, CSS_FONT_SIZE, CSS_TEXT_ALIGN_LEFT);

        // The width of the html elements
        $html .= $this->getWidth('.'.CSS_XXX_SMALL,CSS_WIDTH_XXX_SMALL);
        $html .= $this->getWidth('.'.CSS_XX_SMALL ,CSS_WIDTH_XX_SMALL);
        $html .= $this->getWidth('.'.CSS_X_SMALL  ,CSS_WIDTH_X_SMALL);
        $html .= $this->getWidth('.'.CSS_SMALL    ,CSS_WIDTH_SMALL);
        $html .= $this->getWidth('.'.CSS_MEDIUM   ,CSS_WIDTH_MEDIUM);
        $html .= $this->getWidth('.'.CSS_LARGE    ,CSS_WIDTH_LARGE);
        $html .= $this->getWidth('.'.CSS_X_LARGE  ,CSS_WIDTH_X_LARGE);
        $html .= $this->getWidth('.'.CSS_XX_LARGE ,CSS_WIDTH_XX_LARGE);
        $html .= $this->getWidth('.'.CSS_XXX_LARGE,CSS_WIDTH_XXX_LARGE);
        //
        // Buttons
        $html .= $this->getButton('.'.CSS_BUTTON.','.
                                  '.'.CSS_BUTTON_DELETE.','.
                                  '.'.CSS_BUTTON_BGN.','.
                                  '.'.CSS_BUTTON_DBN.','.
                                  '.'.CSS_BUTTON_DANKORT.','.
                                  '.'.CSS_BUTTON_BEE.','.
                                  '.'.CSS_BUTTON_SMS,
                                  CSS_BUTTON_COLOR,CSS_BUTTON_BACKGROUND);
        // Border
        $html .= $this->getBorder('.'.CSS_BUTTON.','.
                                  '.'.CSS_BUTTON_DELETE.','.
                                  '.'.CSS_BUTTON_BGN.','.
                                  '.'.CSS_BUTTON_DBN.','.
                                  '.'.CSS_BUTTON_DANKORT.','.
                                  '.'.CSS_BUTTON_BEE.','.
                                  '.'.CSS_BUTTON_SMS,'',CSS_1PX);
        //
//        $bgbankBackgroundImage        = "payment/bgbank.gif";
//        $danskebankBackgroundImage    = "payment/danskebank.gif";
//        $dankortBackgroundImage       = "payment/dankort.gif";

        $aniBee  = new Images(IMAGE_ANI_BEE);
        $delete  = new Images(IMAGE_DELETE);
        $searchx = new Images(IMAGE_SEARCHX);
        $bar0    = new Images(IMAGE_BAR0);
        $bar1    = new Images(IMAGE_BAR1);
        $bar2    = new Images(IMAGE_BAR2);
        $bar3    = new Images(IMAGE_BAR3);

        /**
         * Cool stuff, When adding the following css styles to a select box, then the select box
         * will update the content in IE, when the user moves up and down
         * color: #123;
         * background-color:#456;
         * background-image  : url('/images/aniBee.gif');
         * background-repeat : repeat;
         */
        $html .= $this->getSelect('.'.CSS_SELECT, CSS_SELECT_COLOR, CSS_SELECT_BACKGROUND,$aniBee->get('src'),CSS_NO_REPEAT);
        $html .= $this->getImage ('.'.CSS_BUTTON_DELETE,$delete->get('src'),CSS_NO_REPEAT);
        $html .= $this->getImage ('.'.CSS_BUTTON,$bar3->get('src'),CSS_NO_REPEAT);
        $html .= $this->getImage ('.'.CSS_SEARCH_SUBMIT,$searchx->get('src'),CSS_NO_REPEAT);
        $html .= $this->getImage ('.'.CSS_BUTTON_BEE,$aniBee->get('src'),CSS_NO_REPEAT);
//        $html .= $this->getImage ('.'.CSS_BUTTON_BGN,$aniBee->get('src'),CSS_NO_REPEAT);
//        $html .= $this->getImage ('.'.CSS_BUTTON_DBN,$aniBee->get('src'),CSS_NO_REPEAT);
//        $html .= $this->getImage ('.'.CSS_BUTTON_DANKORT,$aniBee->get('src'),CSS_NO_REPEAT);
//        $html .= $this->getImage ('.'.CSS_BUTTON_SMS,$aniBee->get('src'),CSS_NO_REPEAT);
        return $html;
    }

    /**
     * Display html
     * <code>
     * Usage:
     *    CssForm::display($href);
     * </code>
     * @static
     * @param String $href The url to the css file (i.e. /css/my.css)
     */
    function display($href='') {
        $html = new CssForm($href);
        $html->addHtml();
    }
}
?>

HTML source code

Den fulde HTML kildekode for CssForm klassen

<?
<style type="text/css">
/**
* Autocreated css cache file
* @description Cssform
* @file /cache/css/finn-rasmussen.com-form.css
* @copyright (c) http://Finn-Rasmussen.com
* @author http://Finn-Rasmussen.com
* @date 05-Dec-2008 00:45:58
* @note The url(/images/filename.gif) must be located here
*/
input,select,option,textarea{color:#000;background-color:#fff;font-family:verdana,"lucida sans unicode",lucida,"lucida sans",sans-serif;font-size:11px;text-align:left;}
.formXXXSmall{width:40px;cursor:help;}
.formXXSmall{width:50px;cursor:help;}
.formXSmall{width:100px;cursor:help;}
.formSmall{width:150px;cursor:help;}
.formMEDIUM{width:200px;cursor:help;}
.formLARGE{width:250px;cursor:help;}
.formXLARGE{width:300px;cursor:help;}
.formXXLARGE{width:350px;cursor:help;}
.formXXXLARGE{width:450px;cursor:help;}
.formButton,.formButtonDelete,.formButtonBGN,.formButtonDBN,.formButtonDankort,.formButtonBee,.formButtonSms{color:#CSS_NORMAL_COLOR;background-color:#CSS_NORMAL_BACKGROUND;font-weight:bold;cursor:help;text-align:center;}
.formButton,.formButtonDelete,.formButtonBGN,.formButtonDBN,.formButtonDankort,.formButtonBee,.formButtonSms{border:#000 1px solid;border-top-color:#000;border-top-width:1px;border-top-style:solid;border-left-color:#000;border-left-width:1px;border-left-style:solid;border-right-color:#000;border-right-width:1px;border-right-style:solid;border-bottom-color:#000;border-bottom-width:1px;border-bottom-style:solid;}
.formSelect{color:#CSS_NORMAL_COLOR;background-color:#CSS_NORMAL_BACKGROUND;background-image:url('/images/aniBee.gif');background-repeat:no-repeat;}
.formButtonDelete{background-image:url('/images/delete.gif');background-repeat:no-repeat;}
.formButton{background-image:url('/images/bar3.gif');background-repeat:no-repeat;}
.formSearchSubmit{background-image:url('/images/searchx.gif');background-repeat:no-repeat;}
.formButtonBee{background-image:url('/images/aniBee.gif');background-repeat:no-repeat;}
</style>

?>

Class methods

Her er 'klasse metoderne' for CssForm 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

cssform

Navn : CssForm.php

Sample code, tutorial

Parent html

PHP source code

HTML source code

Class methods

Object vars