CSS und Javascript dynamisch einbinden
Veröffentlichungsdatum: 23. Oktober 2009
Änderungsdatum: 07. November 2017
javascript js css stylesheet include einbinden dynamisch weblic
Ob eine CSS- bzw. eine Javscript-Datei im HTML-Kopf eingebunden wird, kann über das Element gesteuert werden, welches die Funktion benötigt.
Wenn Sie viele unterschiedliche CSS, bzw. JS-Daten haben, die allerdings nur selten genutzt werden, können Sie diese entweder bedingt einbinden oder die Einbindung über das Element steuern, welches die Ressource benötigt.
In dem Fall wird z.B. ein CSS-Stylesheet im Element während der XSL-Transformation registriert und anschließend über wsl im HTML-Kopf eingebunden.
Einbinden / Registrieren von CSS-Dateien
Registrierung einer CSS-Datei im Seiten-Strukturelement über XSLT
<xsl:value-of select="php:functionString('wPageCur::registerCss', '/[IHR-LAYOUT-PROJEKT]/wGlobal/layout/styles/items/IhreAnwendung.css')" /> Einbinden der registrierten CSS-Dateien im HTML-Kopf über WSL
<wsl:includeCssRessources/>CSS-Dateien bzw. CSS-Definitionen können Sie auch komfortabel in der Seite hinterlegen, in welcher diese benötigt wird. Das ermöglicht Ihnen das Weblic© / Strukturelement "weblics.de: CSS Definition".
Sofern Sie diese Funktion global auf allen Seiten benötigen, binden Sie das Element einfach über "Portalinhalte zuweisen" ein.
Einbinden / Registrieren von JS-Dateien
Registrierung einer JS-Datei im Seiten-Strukturelement über XSLT
<xsl:value-of select="php:functionString('wPageCur::registerJs', '/[IHR-LAYOUT-PROJEKT]/wGlobal/layout/scripts/items/IhreAnwendung.js')" /> Einbinden der registrierten JS-Dateien im HTML-Kopf über WSL
<wsl:includeJsRessources/>Javascript-Dateien bzw. JS-Funktionen können Sie auch komfortabel in der Seite hinterlegen, in welcher diese benötigt wird. Das ermöglicht Ihnen das Weblic© / Strukturelement "weblics.de: JavaScript Quelltext".
Sofern Sie diese Funktion global auf allen Seiten benötigen, binden Sie das Element einfach über "Portalinhalte zuweisen" ein.
FAQs
- Wie kann ich steuern, ob eine CSS- oder JavaScript-Datei im HTML-Kopf eingebunden wird?
- Ob eine CSS- bzw. JavaScript-Datei in den HTML-Kopf eingebunden wird, wird über das Element gesteuert, welches die jeweilige Funktion benötigt. So kann die Einbindung gezielt erfolgen.
- Was kann ich tun, wenn ich viele unterschiedliche CSS- oder JS-Ressourcen habe, die nur selten genutzt werden?
- Wenn Sie viele unterschiedliche CSS- bzw. JS-Daten haben, die nur selten genutzt werden, können Sie deren Einbindung über das Element steuern, welches die Ressource benötigt. So werden sie nur dann registriert und eingebunden, wenn sie tatsächlich gebraucht werden.
- Wie registriere ich eine CSS-Datei im Seiten-Strukturelement über XSLT?
- Sie können eine CSS-Datei über XSLT registrieren, z. B. mit: <code class="codeInline">xsl:value-of select="php:functionString('wPageCur::registerCss', '/[IHR-LAYOUT-PROJEKT]/wGlobal/layout/styles/items/IhreAnwendung.css')"</code>.
- Wie binde ich registrierte CSS-Dateien im HTML-Kopf ein?
- Die registrierten CSS-Dateien werden im HTML-Kopf über das WSL-Element eingebunden, z. B. mit: <code class="codeInline"><wsl:includeCssRessources/></code>.
- Wie kann ich CSS-Definitionen komfortabel in der Seite hinterlegen?
- CSS-Dateien bzw. CSS-Definitionen können in der Seite hinterlegt werden, in welcher sie benötigt werden. Dadurch wird die Einbindung abhängig vom verwendeten Weblic©/Strukturelement ermöglicht.
- Wie kann ich eine CSS-Einbindung global auf allen Seiten aktivieren?
- Wenn Sie die Funktion global auf allen Seiten benötigen, binden Sie das entsprechende Element über „Portalinhalte zuweisen“ ein.
- Wie registriere ich eine JavaScript-Datei im Seiten-Strukturelement über XSLT?
- Sie können eine JS-Datei über XSLT registrieren, z. B. mit: <code class="codeInline">xsl:value-of select="php:functionString('wPageCur::registerJs', '/[IHR-LAYOUT-PROJEKT]/wGlobal/layout/scripts/items/IhreAnwendung.js')"</code>.
- Wie binde ich registrierte JavaScript-Dateien im HTML-Kopf ein?
- Die registrierten JS-Dateien werden im HTML-Kopf über das WSL-Element eingebunden, z. B. mit: <code class="codeInline"><wsl:includeJsRessources/></code>.
- Wie kann ich JavaScript-Dateien bzw. -Funktionen komfortabel in der Seite hinterlegen?
- JS-Dateien bzw. JS-Funktionen können in der Seite hinterlegt werden, in welcher sie benötigt werden. So wird die Einbindung durch das verwendete Weblic©/Strukturelement gezielt ermöglicht.
- Wie kann ich eine JavaScript-Einbindung global auf allen Seiten aktivieren?
- Wenn Sie die Funktion global auf allen Seiten benötigen, binden Sie das entsprechende Element über „Portalinhalte zuweisen“ ein.