CssForm - The source code for the component with sample code and tutorial (+) finnrasmussen.dk

CssForm, 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();

?>

CssForm, PHP source code

Den fulde PHP kildekode for CssForm klassen


<?php
/**
 * @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.11
 * @since 27-nov-2009
 */

/**
 * The required files
 */
require_once(HTML_BASE_PAGE_PATH.'/Css.php');

/**
 * Generates the Form CSS 
 * <code> 
 * Usage:
 *   $href = "form.css";
 *   $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. form.css)
     */
    function __construct($href='') {
        parent::__construct($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->getCssTag('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_XXXX_SMALL,CSS_WIDTH_XXXX_SMALL);
        $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_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_DBN.','.
//                                  '.'.CSS_BUTTON_DANKORT.','.
//                                  '.'.CSS_BUTTON_BEE.','.
//                                  '.'.CSS_BUTTON_SMS,'',CSS_1PX);
        //
//        $danskebankBackgroundImage    = "payment/danskebank.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_REPEAT_NO);
        $html .= $this->getImage ('.'.CSS_BUTTON_DELETE, $delete->get('src'),CSS_REPEAT_NO);
        $html .= $this->getImage ('.'.CSS_BUTTON, $bar3->get('src'),CSS_REPEAT_NO);
        $html .= $this->getImage ('.'.CSS_SEARCH_SUBMIT, $searchx->get('src'),CSS_REPEAT_NO);
        $html .= $this->getImage ('.'.CSS_BUTTON_BEE, $aniBee->get('src'),CSS_REPEAT_NO);
//        $html .= $this->getImage ('.'.CSS_BUTTON_DBN, $aniBee->get('src'),CSS_REPEAT_NO);
        if (defined('IMAGE_DIBS_PAYMENT_DANKORT')) {
            $dankortBackgroundImage = new Images(IMAGE_DIBS_PAYMENT_DANKORT);
            $html .= $this->getImage ('.'.CSS_BUTTON_DANKORT, $dankortBackgroundImage->get('src'),CSS_REPEAT_NO);
        }
//        $html .= $this->getImage ('.'.CSS_BUTTON_SMS, $aniBee->get('src'),CSS_REPEAT_NO);
        return $html;
    }

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

CssForm, HTML source code

Den fulde HTML kildekode for CssForm klassen

<?

<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         : 11-Aug-2011 04:02:02
     * @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-form.css (Autocreated cache file)
     * @classname     : CssForm
     ***********************************************************/
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;
}
.formXXXXSmall{
    width            : 20px;
}
.formXXXSmall{
    width            : 30px;
}
.formXXSmall{
    width            : 60px;
}
.formXSmall{
    width            : 100px;
}
.formSmall{
    width            : 150px;
}
.formMEDIUM{
    width            : 200px;
}
.formLARGE{
    width            : 250px;
}
.formXLARGE{
    width            : 300px;
}
.formXXLARGE{
    width            : 350px;
}
.formXXXLARGE{
    width            : 450px;
}
.formButton,.formButtonDelete,.formButtonDBN,.formButtonDankort,.formButtonBee,.formButtonSms{
    color            : #000;
    background-color    : #ddd;
    font-weight        : bold;
    text-align        : center;
}
.formButtonDelete{
    background-image    : url('http://finnrasmussen.dk/images/delete.gif');
    background-repeat    : no-repeat;
}
.formButton{
    background-image    : url('http://finnrasmussen.dk/images/bar3.gif');
    background-repeat    : no-repeat;
}
.formSearchSubmit{
    background-image    : url('http://finnrasmussen.dk/images/searchx.gif');
    background-repeat    : no-repeat;
}
.formButtonBee{
    background-image    : url('http://finnrasmussen.dk/images/aniBee.gif');
    background-repeat    : no-repeat;
}
.formButtonDankort{
    background-image    : url('/myphp-1.11/myphp-1.11-ecommerce/html/images/dankort.gif');
    background-repeat    : no-repeat;
}

/* DEBUG, Not cached, CSS Custom file : /cache/css/finnrasmussen.dk-form.css */
</style>

?>

CssForm, Class methods

Her er 'klasse metoderne' for CssForm klassen:

__construct

getCustom

display

getLink

getLinkNormal

getLinkHover

getLinkImage

getImage

getComponent

getBorderLine

getBorderSingle

getBorder

getButton

getCssTag

getClass

getLi

getSingle

getCssArray

getHidden

getHr

getWidth

getStart

getCss

getFieldset

getLegend

getSelect

getEnd

getHeader

getInline

getHtml

setObject

set

get

getAttribute

getTag

add

getSizeof

getElement

getElements

getToogle

getMaximize

getMinimize

newTriangle

getStartHtml

getEndHtml

showsource

getClassName

getMsg

addHtml

__toString

getCacheFileName

save

content

CssForm.php

CssForm, Sample code, tutorial

CssForm, Sådan vises komponenten

CssForm, PHP source code

CssForm, HTML source code

CssForm, Class methods

CssForm, Object vars