CSS und Javascript dynamisch einbinden
23. Okt 2009
Ob eine CSS- bzw. eine Javscript-Datei im HTML-Kopf engebunden wird, kann über das benötigende Element gesteurt werden.
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', '/IhrGlobalesProjekt/wGlobal/layout/styles/items/IhreAnwendung.css')" /> Einbinden der registrierten CSS-Dateien im HTML-Kopf über WSL
<wsl:includeCssRessources/> Einbinden / Registrieren von JS-Dateien
Registrierung einer JS-Datei im Seiten-Strukturelement über XSLT
<xsl:value-of select="php:functionString('wPageCur::registerJs', '/IhrGlobalesProjekt/wGlobal/layout/scripts/items/IhreAnwendung.js')" /> Einbinden der registrierten JS-Dateien im HTML-Kopf über WSL
<wsl:includeJsRessources/> Weiterführende Links
Letzte Änderungen Framework / Pflegetags
-
20. Oct, 08:54 Uhr wWorkflow::hasWorkflow
-
20. Oct, 08:43 Uhr wRepository::documentExists
-
18. Oct, 17:10 Uhr wPicture::createPicture
-
06. Oct, 15:52 Uhr wForm::addElement
-
05. Oct, 17:29 Uhr wPicture
-
29. Sep, 09:18 Uhr wApplication::getOptionPath
-
28. Sep, 10:50 Uhr wRepository::getDocumentSize
-
24. Aug, 10:58 Uhr wList::createListFromXML
-
17. Aug, 12:57 Uhr wWeblic::renderItemData
-
15. Aug, 10:44 Uhr Pflege von textbasierten Daten
Ähnliche Seiten
- Blog: Alternative Darstellung der Webseite: CSS benutzerabhängig nutzen
- Blog: Alternierende Listen umsetzen
- Blog: Anpassen einer Bannerslider Variante über CSS-Only
- Blog: Anpassen einer Bildergalerie Variante über CSS-Only
- Blog: Anpassen einer Variante des mehrspaltigen Inhaltscontainers über CSS-Only
- Blog: Bedingte CSS-Definitionen mit CSS-Only
- Blog: Breadcrumb-Navigation auf Hauptpunkte beschränken
- Blog: CSS-Definitionen exklusiv in der Webseite oder im Editor einsetzen
- Blog: CSS-Only Referenz verfügbar
- Blog: CSS-Only Varianten anpassen
- Blog: CSS-Only Varianten in Objekten nutzen
- Blog: CSS-Rendering - Inhalte wie Bilder automatisch in passender Breite generieren
- Blog: CSS-Stylesheet nur einbinden, wenn ein bestimmtes Element in der Seite vorhanden ist.
- Blog: CSS3 - gewusst wie
- Blog: Datumsanzeige als Kalenderblatt über CSS-Only
- Blog: Debug-Funktionen zu Listen, Navigationen, Vorschaubildern und CSS nutzen
- Blog: Dynamisch HTML-Elemente über CSS und jQuery einfügen
- Blog: Einstellungsmöglichkeiten für wCSS-Funktion getWidthCol
- Blog: Empfehlungen für den Einsatz von PHP
- Blog: Entwicklertools zur schnellen Layoutanpassung nutzen
- Blog: Font Awesome für Navigationssymbole nutzen
- Blog: Formularfelder dynamisch ein- und ausblenden
- Blog: Formularwerte dynamisch setzen
- Blog: Hintergrundbild dynamisch pro Navigationspunkt definieren
- Blog: Info an Redakteur beim Schließen des Browserfensters ausgeben
- Blog: Jahresverzeichnisse in Listen und Schaltflächen einfacher verwalten
- Blog: Listen: Seiten aus anderen Projekten über Include anzeigen
- Blog: SassC im Mobile First Projekt nutzen
- Blog: Smooth Scrolling per CSS-Only generell aktivieren
- Blog: So beeinflussen Sie die Formatierung in der Bearbeitung
- Blog: So binden Sie Seiteninhalte in der Navigation direkt ein
- Blog: So binden Sie eine weitere Navigationsdatei in eine Navigation ein
- Blog: So binden Sie manuell installierte Projekte im Backend ein (Projekt einchecken)
- Blog: So definieren Sie die Startseite von Präsenzen
- Blog: So ermöglichen Sie die Bearbeitung von zusätzlichen Dokumentendaten
- Blog: So halten Sie den Projektpfad über Mastertemplate Elemente dynamisch
- Blog: So kann eine Seite in die Navigation eingebunden werden
- Blog: So lesen Sie konkrete Elemente ins Mastertemplate ein
- Blog: So nutzen Sie eigene Javascript-Funktionen zum Validieren
- Blog: So schreiben Sie Hintergrundbilder der Navigation in eine CSS-Datei
- Blog: So schreiben Sie Hintergrundbilder sprachabhängig über CSS
- Blog: So setzen Sie bedingte Attributwerte in Pflegekommentaren
- Blog: So setzen Sie einen Attributwert dynamisch
- Blog: Spaltenbreiten im mehrspaltigen Inhaltscontainer über CSS-Only umsetzen
- Blog: Spezielle Breite für CSS-Picture-Rendering setzen
- Blog: Sprachabhängige Inhalte über CSS definieren
- Blog: Strukturelemente dynamisch abhaengig von der Hauptgruppe anbieten
- Blog: Texte mehrspaltig anzeigen
- Blog: Vor dem Speichern im Editor eine Funktion ausführen
- WSL-Tag: buttonInsertNavpoint
- WSL-Tag: convertToNewsletter
- WSL-Tag: includeCssRessources
- WSL-Tag: includeEditmaskExtended
- WSL-Tag: includeJsRessources
- WSL-Tag: includePHP
- Klasse: wCSS
- Funktion: wCSS::getDiffWidthElement
- Funktion: wCSS::getEditmaskExtended
- Funktion: wCSS::getValue
- Funktion: wCSS::getWidthBlock
- Funktion: wCSS::getWidthCol
- Funktion: wCSS::getWidthElement
- Funktion: wCSS::getWidthInner
- Funktion: wCSS::optimizeCSS
- Funktion: wCSS::setWidthBlock
- Funktion: wPageCur::getPathCSS
- Funktion: wPageCur::registerCss
- Funktion: wPageCur::registerJs
- Funktion: wRequest::includePage
- Funktion: wUserCur::getAlertsJs
- Funktion: wUserCur::sendAlert
Entwicklerbereich Weblication® CMS - © Scholl Communications AG