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

Javascript, Sample code, tutorial

Sådan benyttes komponenten Javascript klassen

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


<?

require_once(HTML_PACKAGE_PATH.'/Javascript.php');

?>

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


<?

Javascript::display($param1, $param2, $param3, ...);

?>

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


<?

$object = new Javascript($param1, $param2, $param3, ...);

print $object->getHtml();

?>

Javascript, PHP source code

Den fulde PHP kildekode for Javascript klassen


<?php
/**
 * @package base
 * @see HTMP_BASE_PAGE_PATH.'/Javascript.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_UTIL_PATH.'/Script.php');

/**
 * Javascript file.
 * Generates the html for the javascript filename(s)
 * <code>
 * Usage:
 *   $src = JS_PATH.'/'.JS_FILE_NAME;
 *   $javascript = new Javascript($src);
 *   print $javascript->getHtml();
 * Or:
 *   Javascript::display($src);
 * </code>
 * @package base 
 */

class Javascript extends Script {
    /**
     * Constructor
     * @param String $src The url to the javascript source file
     * @param String $js  The javascript if any
     */
    function __construct($src='', $js='') {
        parent::__construct($src, $js);
    }

    /**
     * Returns the html for the Javascript file
     * @return String the complete html
     */
    function getHtml() {
        $html  = '';
        $html .= $this->getStart();
        $html .= $this->getEnd();
        if (defined('JAVASCRIPT_INCLUDE')) {
            if (defined('JAVASCRIPT_INCLUDE_NORMAL') && JAVASCRIPT_INCLUDE & JAVASCRIPT_INCLUDE_NORMAL) {
                $script = new Script(JAVASCRIPT_FILE_NORMAL);
                $html .= $script->getHtml();
            }
            if (JAVASCRIPT_INCLUDE & JAVASCRIPT_INCLUDE_DYNAPI) {
                $script = new Script(JAVASCRIPT_FILE_DYNAPI);
                $html .= $script->getHtml();
            }
            if (JAVASCRIPT_INCLUDE & JAVASCRIPT_INCLUDE_BEES) {
                $script = new Script(JAVASCRIPT_FILE_BEES);
                $html .= $script->getHtml();
            }
            if (JAVASCRIPT_INCLUDE & JAVASCRIPT_INCLUDE_WIDG_EDITOR) {
                $cssurl  = PROJECT_URL.CSS_CACHE_PATH.'/'.DOMAIN_NAME.'-'.CSS_FILE_NAME_BASE;
                $script = new Script();
                $script->add(new Raw('var bodyClass = "'.CSS_BODY.'";')); 
                $script->add(new Raw('var widgStylesheet = "'.$cssurl.'";')); 
                $html .= $script->getHtml();
                $script = new Script(JAVASCRIPT_FILE_WIDG_EDITOR);
                $html .= $script->getHtml();
            }
        }
        if (defined('MOBILE_PHONE') && defined('DEFAULT_MOBILE_PHONE') && MOBILE_PHONE!=DEFAULT_MOBILE_PHONE) {
            $script = new Script();
            $script->add(new Raw("window.defaultStatus = '".TEXT_CONTACT.CONTACT_PERSON.TEXT_ON_PHONE.MOBILE_PHONE."';")); 
            $script->add(new Raw("window.status        = '".TEXT_CONTACT.CONTACT_PERSON.TEXT_ON_PHONE.MOBILE_PHONE."';")); 
            $html .= $script->getHtml();
        } else {
            if (defined('DEBUG_LEVEL_SHOW_INFO') && DEBUG_LEVEL & DEBUG_LEVEL_SHOW_INFO) {
                $html .= "<!-- DEBUG, ".$this->getClassName().", Using DEFAULT CONTACT and PHONE -->\r\n";
            }
        }
        return $html;
    }

    /**
     * Display html
     * <code>
     * Usage:
     *   $src = JS_PATH.'/'.JS_FILE_NAME;
     *   Javascript::display($src);
     * </code> 
     * @static
     * @param String $src The url to the Javascript file (i.e. /include/my.js)
     */
    public static function display($src='', $js='') {
        // $js is just ignored
        $html = new Javascript($src, $js);
        $html->addHtml();
    }
}
?>

Javascript, HTML source code

Den fulde HTML kildekode for Javascript klassen

<?
<script type="text/javascript">
</script>

<script type="text/javascript">
//<![CDATA[
var bodyClass = "baseBody";
var widgStylesheet = "/cache/css/finnrasmussen.dk-base.css";

//]]>
</script>

<script src="/include/widgEditor.js" type="text/javascript">
</script>


?>

Javascript, Class methods

Her er 'klasse metoderne' for Javascript klassen:

__construct

getHtml

display

getOnunload

getOnload

getStart

getJs

getEnd

onload

onunload

start

end

setObject

set

get

getAttribute

getTag

add

getSizeof

getElement

getElements

getToogle

getMaximize

getMinimize

newTriangle

getStartHtml

getEndHtml

showsource

getClassName

getMsg

addHtml

__toString

getCacheFileName

save

content

Javascript.php

Javascript, Sample code, tutorial

Javascript, Sådan vises komponenten

Javascript, PHP source code

Javascript, HTML source code

Javascript, Class methods

Javascript, Object vars