{{indexmenu_n>500}}
====== Skript in den Bereich ======
===== Vorlagen/Template Bereich =====
Forum: [[http://forum.phpwcms.org/viewtopic.php?p=101300#p101300]] (OG)
Hier wird eine Technik vorgestellt, mit der verschiedene Aufrufe zu JavaScripten oder CSS-Dateien im Bereich nach Bedarf abgelegt werden können. //( impfen)//.
Aus phpwcms heraus werden verschiedene JavaSkripte und CSS-Dateien automatisch abgelegt.
In Templates zu Artikeln oder CPs gibt es häufig den Zwang bestimmte Skripte oder CSS-Dateien mit der Seite zu laden.
Bei entsprechendem //Skript-Dateiname// wird ein doppelter Aufruf vermieden //(das Skript oder die CSS-Datei könnte schon vom System geladen worden sein)//.
Die Prozeduren können auch in einem frontend_render-Skript abgelegt werden.
Der **Skript-Dateiname** //(hier: $block['custom_htmlhead']['**...script...**'])// wird immer als Array Index verwendet.
Bsp. frontend_render-Skript:
';
/* Load Mootools in newer releases < V1.4.3 r380 */
initMootools();
/* Load Mootools in newer releases >= V1.4.4 r381 */
initJSLib();
/* Load My custom JavaScript */
$block['custom_htmlhead']['my.js'] = ' ';
/* or alternatively */
$block['custom_htmlhead']['my.js'] = getJavaScriptSourceLink('template/inc_js/my.js');
/* Load some other positions */
$block['custom_htmlhead']['favicon1'] = ' ';
$block['custom_htmlhead']['favicon2'] = ' ';
/* IE <=6 Style Hack */
$block['custom_htmlhead']['IEhack'] = ' ';
/* Hm I want to overwrite some default CSS */
$block['custom_htmlhead']['mycss'] = ' ';
?>
\\
Sollen php-Anweisungen direkt in einem Template ausgeführt werden, wird der TAG **%%[PHP]%%**%% ... Anweisungen ...%%**%%[/PHP]%%** verwendet. \\ Außerdem ist ein direkter Zugriff auf die oben gezeigt Variablen aus %%[PHP] ... [/PHP]%% nicht möglich, dazu muss dann $GLOBALS bemüht werden. \\ Bsp.: $GLOBALS['block']['custom_htmlhead']['my.js'] anstatt $block['custom_htmlhead']['my.js']
\\
**Sonderfall CSS-Datei in /template/inc_css/***
Hierzu gibt es ein eigenes Array ['block']['css'], das direkt das Verzeichnis /template/inc_css/* ansteuert. \\
Bsp.:
$GLOBALS['block']['css']['reg_tabs_accordion01_login'] = 'specific/reg_tabs_accordion01_login.css';
\\
==== Ab phpwcms r411: ====
Forum: [[http://forum.phpwcms.org/viewtopic.php?p=127961#p127961|…and some more too]]
**Notation:** %%%%
Die gekennzeichneten Leerzeichen##%% %%## sind zwingend!!
=== CSS: ===
\\
- Als Inline CSS:
\\
=== JavaScript: ===
Aktuell im Sitetemplate ausgewählte (aber nicht standardmäßig zu laden aktivierte) js-libary starten:
\\
- andere JS-Dateine einbinden
\\
- Plugins einbinden (jQuery) z.B. mit den Dateien in:
* template/lib/jquery/plugin/ui-1.8.custom.min.js
* template/lib/jquery/plugin/jquery.easing.min.js
\\
Analog dazu für MooTools :
- Plugins einbinden z.B. MooTools 1.2x mit den Dateien in:
* template/lib/mootools/plugin-1.2/mootools.flext.js
* template/lib/mootools/plugin-1.2/mootools.Quickie-yui.js
\\
- Laden von More Komponenten:
\\
- Mehrzeiliges JavaScript als im "head" Bereich.
Alle gleichen JavaScript-Abschnitt wie in sich wiederholenden ContentParts einmal gerendert. \\
Um als JavaScript erkannt zu werden brauchen wir ##%%;%%##, ##%%//%%## und/oder ##%%/*%%##.\\
Der Abschluss einer JavaScript Zeile mit einem ##%%;%%## ist der sicherste Weg:
\\
\\
===== Modul Bereich =====
Forum: [[http://forum.phpwcms.org/viewtopic.php?p=113969#p113969]] (breitsch)
Um CSS- oder JS-Dateien in die Frontendeausgabe des Moduls im Bereich einzubinden wird folgender Code hinzugefügt:
// ==== load js functions
$block['custom_htmlhead']['javascript.js'] = ' ';
// ==== load inline css
$block['custom_htmlhead']['inlinecss.css'] ='';
// ==== load external style sheet
$GLOBALS['block']['custom_htmlhead']['externalcss.css'] = LF.' ';
Der letzte Eintrag //(Schlüssel -> siehe Skript-Dateiname oben)// muss einzigartig sein. \\
$block['custom_htmlhead']['**...script...**']