CSS und Javascript dynamisch einbinden
23. Okt 2009
Ob eine CSS- bzw. eine Javscript-Datei im HTML-Kopf engebunden 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', '/IhrGlobalesProjekt/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', '/IhrGlobalesProjekt/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.
Weiterführende Links
Letzte Änderungen Framework / Pflegetags
-
14. May, 09:13 Uhr wProject::clearLogs
-
19. Apr, 09:01 Uhr wOutput::parseString
-
12. Apr, 09:26 Uhr wMailer::getUsersWithEncryptedInbox
-
15. Mar, 16:34 Uhr Pflege von textbasierten Daten
-
10. Mar, 11:47 Uhr wRepository::getSubdirsDirRecursive
-
07. Mar, 22:26 Uhr wTexts::setText
-
07. Mar, 13:51 Uhr wCart::getAttributeOfArticle
-
07. Mar, 13:44 Uhr wCart::setAttributeOfArticle
-
28. Feb, 17:02 Uhr wCart::deleteArticle
-
22. Jan, 10:19 Uhr wURL::setParameter
Ä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: BASE 2.x und aktuelle Weblics® der Version 2 nutzen
- Blog: Bedingte CSS-Definitionen mit CSS-Only
- Blog: Bedingte Umbrüche im WYSIWYG-Feld markieren
- 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: Das Weblication® CMS Lizenzmodell
- 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: Dynamische Pflegefelder nutzen
- Blog: Einfügen von Struktur-Elementen einschränken bzw. erlauben
- Blog: Einsatz von Isotope Darstellungen für Bildergalerien
- Blog: Einstellungsmöglichkeiten für wCSS-Funktion getWidthCol
- Blog: Empfehlungen für den Einsatz von PHP
- Blog: End-of-Life der PHP-Versionen 5.3 - 5.5 // Supportende für Weblication® CMS 5.x bis 8.x
- Blog: Entwicklertools zur schnellen Layoutanpassung nutzen
- Blog: Ereignisse beim Speichern von Dateien nutzen
- Blog: Fancybox bei Aufruf einer Seite / Layer für Aktionen
- Blog: Farbauswahl in der Bearbeitung nutzen
- Blog: Filter für den Weblication® Dateiexplorer
- Blog: Font Awesome für Navigationssymbole nutzen
- Blog: Formularfelder dynamisch ein- und ausblenden
- Blog: Formularwerte dynamisch setzen
- Blog: Google Maps Karte lädt nicht und bringt Fehlerhinweis
- Blog: Hintergrundbild dynamisch pro Navigationspunkt definieren
- Blog: Individuelle Benutzerdaten bearbeiten
- 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: Logo sprachabhängig ausgeben
- Blog: Mail-Engine einstellen
- Blog: Mobile Performance mit Weblication Version 13
- Blog: Performance-Optimierungen
- Blog: Projektumstieg von BASE Classic auf BASE Mobile First
- Blog: Responsive Webdesign
- Blog: SassC im Mobile First Projekt nutzen
- Blog: Schaltflächen bzw. Register im Editor ausblenden
- Blog: Scroll-Fortschrittsanzeige für Seiten
- Blog: Smooth Scrolling per CSS-Only generell aktivieren
- Blog: So beeinflussen Sie die Formatierung in der Bearbeitung
- Blog: So beheben Sie Probleme bei der Installation von Weblication®
- 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 erlauben Sie das Installieren neuer Weblics® über den Struktureditor
- Blog: So ermöglichen Sie die Bearbeitung von zusätzlichen Dokumentendaten
- Blog: So führen Sie ein Update eines Weblics® durch
- 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 prüfen Sie die Personalisierung bei Binärdateien
- Blog: So schliessen Sie Inhalte bei der Suchindizierung aus
- 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: So verwenden Sie PHP-eigene Funktionen zum Entpacken bei Installationen
- Blog: Softwareentwicklung und Support von Weblication® CMS 4.x
- 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: Startseite, Baustellenseite, Hinweisseite
- Blog: Strukturelemente dynamisch abhaengig von der Hauptgruppe anbieten
- Blog: Support von Weblication® CMS 4.x endet 2015
- Blog: Texte mehrspaltig anzeigen
- Blog: Textfilter in Listen nutzen
- Blog: Versand von E-Mails über Formulare und Skripten
- Blog: Vor dem Speichern im Editor eine Funktion ausführen
- Blog: Vorlesefunktion für Seitentexte nutzen
- Blog: WSL-Tags direkt in PHP aufrufen
- Blog: Weblication Newsletter mit PHP erweitern
- Blog: Weblication® Agentur-Board
- Blog: Weblication® CMS Quick-Start-Guide verfügbar
- Blog: Weblication® CMS Version 8 - Start Betaphase
- Blog: Weblication® CMS Version 9 - Start Betaphase
- Blog: Weblication® Cache Report
- Blog: Weblication® Cloud deaktivieren
- Blog: Weblication® Masken durch eigene Informationen für Benutzer erweitern
- Blog: Weblication® Support-Formular mit verschlüsseltem Briefkasten
- Blog: Weiterleitung bei Statuscode 404 (Not found / Nicht gefunden)
- Blog: Weiterleitung nach Login
- Blog: Werte eines Formulares nach dem Absenden weiterverarbeiten
- Blog: XAMPP für eine Weblication® Installation einsetzen
- Blog: Zusätzlich gespeicherte Mail-Log Dateien vom Server löschen
- Blog: Zwischen Seiten blättern - Anzeige der vorherigen und nächsten Artikel
- WSL-Tag: buttonBackend
- WSL-Tag: buttonInsertNavpoint
- WSL-Tag: buttonWeblics
- WSL-Tag: convertToNewsletter
- WSL-Tag: includeCssRessources
- WSL-Tag: includeEditmaskExtended
- WSL-Tag: includeJsRessources
- WSL-Tag: includePHP
- Klasse: wApplication
- Funktion: wBrowseEdit::createButtonWeblics
- 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: wCart::getAttributeOfArticle
- Funktion: wCart::setAttributeOfArticle
- Funktion: wPageCur::getPathCSS
- Funktion: wPageCur::registerCss
- Funktion: wPageCur::registerJs
- Funktion: wRequest::includePage
- Funktion: wUserCur::getAlertsJs
- Funktion: wUserCur::sendAlert
- Klasse: wUtils
- Klasse: wValues
- Klasse: wVariables
- Klasse: wWeblic
- Funktion: wWeblic::renderItemData
- Funktion: wWeblic::renderItemStr
Entwicklerbereich Weblication® CMS - © Scholl Communications AG