Javascript einbinden

Aus eZ Wiki

Wechseln zu: Navigation, Suche

Entwurf


Diese Seite muss vervollständigt werden. Für Diskussionen und Rechercheergebnisse kann auch die Diskussionsseite genutzt werden.

Um Javascript zu verwenden gibt es mehrere Möglichkeiten. Abzuwägen sind hierbei die Wiederverwendbarkeit der Templates einerseits und wie einfach der Code zu warten ist andererseits.

Inhaltsverzeichnis

Direkt im Template einbauen

Man kann das Javascript natürlich direkt in den jeweiligen Templates einbauen.

{literal}
 MY JAVASCRIPT CODE
{/literal}

Vorgabe einer Liste mit Dateinamen

design.ini

In der design.ini kann man eine Liste von Javascript-Dateien pflegen die im pagelayout.tpl eingebunden werden.

[JavaScriptSettings]
JavaScriptList[]=insertmedia.js
JavaScriptList[]=yui/build/yahoo-dom-event/yahoo-dom-event.js
JavaScriptList[]=yui/build/calendar/calendar.js
JavaScriptList[]=ezdatepicker.js
JavaScriptList[]=highslide.js


pagelayout.tpl


<head>

[...]

{foreach ezini( 'JavaScriptSettings', 'JavaScriptList', 'design.ini' ) as $script}
    <script type="text/javascript" src={concat( 'javascript/', $script )|ezdesign}></script>
{/foreach}

[...]
</head>


Im CMS als Footer-Skript

{if $pagedesign.data_map.footer_script.has_content}
<script language="javascript" type="text/javascript">
<!--
    {$pagedesign.data_map.footer_script.content}
-->
</script>
{/if}
Persönliche Werkzeuge
http://ez.no