CssMenu - The source code for the component with sample code and tutorial @ finnrasmussen.dk

Navn : CssMenu.php

Sample code, tutorial

Sådan benyttes komponenten CssMenu klassen

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

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

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

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

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

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

PHP source code

Den fulde PHP kildekode for CssMenu klassen

<?
/**
* @package menu
* @see HTML_MENU_PAGE_PATH.'/CssMenu.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 Menu CSS
* <code>
* Usage:
*   $css = new CssMenu($href);
*   print $css->getHtml();
* Or:
*   CssMenu::display($href);
* </code>
* @package menu
*/

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

    /**
     * Returns the css Table components
     * @return String the complete css
     */
    function getCustom() {
        $html = '';
        $html .= $this->getHeader($this->getClassName());
        // Google
        $html .= $this->getClass('.'.CSS_BLUE  , CSS_BLUE_COLOR, CSS_BLUE_BACKGROUND);
        $html .= $this->getClass('.'.CSS_RED   , CSS_RED_COLOR, CSS_RED_BACKGROUND);
        $html .= $this->getClass('.'.CSS_YELLOW, CSS_YELLOW_COLOR, CSS_YELLOW_BACKGROUND);
        $html .= $this->getClass('.'.CSS_GREEN , CSS_GREEN_COLOR, CSS_GREEN_BACKGROUND);
        $html .= $this->getComponent('.'.CSS_MENU_LINK  ,CSS_MENU_LINK_COLOR  ,CSS_MENU_LINK_BACKGROUND  ,'','',CSS_TEXT_DECORATION_NONE);
        $html .= $this->getComponent('.'.CSS_MENU_TAB   ,CSS_MENU_TAB_COLOR   ,CSS_MENU_TAB_BACKGROUND   ,'','',CSS_TEXT_DECORATION_NONE);
        $html .= $this->getComponent('.'.CSS_MENU_TOP   ,CSS_MENU_TOP_COLOR   ,CSS_MENU_TOP_BACKGROUND   ,'','',CSS_TEXT_DECORATION_NONE);
        $html .= $this->getComponent('.'.CSS_MENU_LEFT  ,CSS_MENU_LEFT_COLOR  ,CSS_MENU_LEFT_BACKGROUND  ,'','',CSS_TEXT_DECORATION_NONE);
        $html .= $this->getComponent('.'.CSS_MENU_RIGHT ,CSS_MENU_RIGHT_COLOR ,CSS_MENU_RIGHT_BACKGROUND ,'','',CSS_TEXT_DECORATION_NONE);
        $html .= $this->getComponent('.'.CSS_MENU_FLOAT ,CSS_MENU_FLOAT_COLOR ,CSS_MENU_FLOAT_BACKGROUND ,'','',CSS_TEXT_DECORATION_NONE);
        $html .= $this->getComponent('.'.CSS_MENU_BOTTOM,CSS_MENU_BOTTOM_COLOR,CSS_MENU_BOTTOM_BACKGROUND,'','',CSS_TEXT_DECORATION_NONE);
        // Bugfix for Firefox
        $html .= $this->getSingle('.'.CSS_MENU_TOP,'white-space','nowrap');
        $html .= $this->getSingle('.'.CSS_MENU_TAB,'white-space','nowrap');
        $html .= $this->getSingle('.'.CSS_MENU_BOTTOM,'white-space','nowrap');
        return $html;
    }

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

HTML source code

Den fulde HTML kildekode for CssMenu klassen

<?
<style type="text/css">
/**
* Autocreated css cache file
* @description Cssmenu
* @file /cache/css/finnrasmussen.dk-menu.css
* @copyright (c) http://Finn-Rasmussen.com
* @author http://Finn-Rasmussen.com
* @date 04-Jul-2008 19:15:33
* @note The url(/images/filename.gif) must be located here
*/
.menuBlue{color:#003cc6;background-color:#ddd;}
.menuRed{color:#b51000;background-color:#ddd;}
.menuYellow{color:#deaa00;background-color:#ddd;}
.menuGreen{color:#106510;background-color:#ddd;}
.menuLink{color:#000;background-color:#fff;}
a:link.menuLink,a:visited.menuLink,a:active.menuLink{color:#000;background-color:#fff;font-size:11px;font-weight:bold;text-decoration:none;}
a:hover.menuLink{color:#fff;background-color:#000;font-size:11px;font-weight:bold;text-decoration:none;}
img.menuLink{color:#fffffe;background-color:#fff;border-style:none;}
.menuTab{color:#000;background-color:#ddd;}
a:link.menuTab,a:visited.menuTab,a:active.menuTab{color:#000;background-color:#ddd;font-size:11px;font-weight:bold;text-decoration:none;}
a:hover.menuTab{color:#ddd;background-color:#000;font-size:11px;font-weight:bold;text-decoration:none;}
img.menuTab{color:#ddddde;background-color:#ddd;border-style:none;}
.menuTop{color:#000;background-color:#ddd;}
a:link.menuTop,a:visited.menuTop,a:active.menuTop{color:#000;background-color:#ddd;font-size:11px;font-weight:bold;text-decoration:none;}
a:hover.menuTop{color:#ddd;background-color:#000;font-size:11px;font-weight:bold;text-decoration:none;}
img.menuTop{color:#ddddde;background-color:#ddd;border-style:none;}
.menuLeft{color:#000;background-color:#fff;}
a:link.menuLeft,a:visited.menuLeft,a:active.menuLeft{color:#000;background-color:#fff;font-size:11px;font-weight:bold;text-decoration:none;}
a:hover.menuLeft{color:#fff;background-color:#000;font-size:11px;font-weight:bold;text-decoration:none;}
img.menuLeft{color:#fffffe;background-color:#fff;border-style:none;}
.menuRight{color:#000;background-color:#fff;}
a:link.menuRight,a:visited.menuRight,a:active.menuRight{color:#000;background-color:#fff;font-size:11px;font-weight:bold;text-decoration:none;}
a:hover.menuRight{color:#fff;background-color:#000;font-size:11px;font-weight:bold;text-decoration:none;}
img.menuRight{color:#fffffe;background-color:#fff;border-style:none;}
.menuFloat{color:#000;background-color:#fff;}
a:link.menuFloat,a:visited.menuFloat,a:active.menuFloat{color:#000;background-color:#fff;font-size:11px;font-weight:bold;text-decoration:none;}
a:hover.menuFloat{color:#fff;background-color:#000;font-size:11px;font-weight:bold;text-decoration:none;}
img.menuFloat{color:#fffffe;background-color:#fff;border-style:none;}
.menuBottom{color:#000;background-color:#ddd;}
a:link.menuBottom,a:visited.menuBottom,a:active.menuBottom{color:#000;background-color:#ddd;font-size:11px;font-weight:bold;text-decoration:none;}
a:hover.menuBottom{color:#ddd;background-color:#000;font-size:11px;font-weight:bold;text-decoration:none;}
img.menuBottom{color:#ddddde;background-color:#ddd;border-style:none;}
.menuTop{white-space:nowrap;}
.menuTab{white-space:nowrap;}
.menuBottom{white-space:nowrap;}

</style>

?>

Class methods

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

cssmenu

Navn : CssMenu.php

Sample code, tutorial

Parent html

PHP source code

HTML source code

Class methods

Object vars