JavaScript in den Seitenheader einbetten
Häufig ist es notwendig, auf der TYPO3-Website entweder auf allen Seiten den gleichen, oder auf jeder Seite unterschiedlichen JAVA-Script-Code einzubinden.
Am einfachsten geschieht dies über das Objekt page.headerData. Dort kann ganz einfach Text erstellt werden, der dann in den Header der HTML-Seite ausgegeben wird. Das folgende Beispiel gibt zusätzlich zu den TYPO3-Headerzeilen noch JAVA-Script-Code aus:
page.headerData.10=TEXT
page.headerData.10.value (
<script src="/fileadmin/template/js/lib/prototype.js" type="text/javascript"></script>
<script src="/fileadmin/template/js/src/scriptaculous.js" type="text/javascript"></script>
<script type="text/javascript">
function klappen(element) {
var klappen = element.parentNode.parentNode.lastChild;
if (klappen.style.display != "none") {
Effect.BlindUp(klappen.id);
element.firstChild.src="/fileadmin/template/images/plus.png";
}
else {
Effect.BlindDown(klappen.id);
element.firstChild.src="/fileadmin/template/images/minus.png";
}
}
</script>
)
Plaziert wird der TypoScript-Code im Setup-Feld des Template-Datensatzes. Dies kann entweder im root-Template oder in den Extension-Templates der einzelnen Seiten erfolgen.