blank.gif
triangle.gif Du er her: /  Forsiden  /  Kildekoden  /  Form  /  Cssform   Login nu   Login
blank.gif
 ««« Se kilde koden
blank.gif
triangle.gif Basic Base Component Db Dto Form  Form-elements Jquery Layout Menu Menu-fisheye Mvc Tab Table Template Util
blank.gif
blank.gif
 
arrow-headline.gif Index
 		   Tilbage

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();
    ?>

Parent html

Sådan vises komponenten CssForm klassen

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/finnrasmussen.dk-form.css
* @copyright (c) http://Finn-Rasmussen.com
* @author http://Finn-Rasmussen.com
* @date 25-Jul-2008 17:59:55
* @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
  • 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
  • cssform

Object vars

Her er 'objekt variable' for CssForm klassen:

  • html =>
  • sql =>
  • elements => Array
  • sizeof => 0
  • href => form.css
  
triangle.gif

danmark

Germany

England

France

Italy

Norge

Sverige

USA

 
blank.gif