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', '/[IHR-GLOBALES-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-GLOBALES-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.
Weiterführende Links
Letzte Änderungen Framework / Pflegetags
-
07. Mar, 08:32 Uhr wRepository::getDocumentsDir
-
01. Mar, 15:21 Uhr wPageCur::registerJs
-
01. Mar, 09:20 Uhr wBackup::createBackup
-
01. Mar, 09:06 Uhr wBackup
-
28. Feb, 12:00 Uhr wStringconverter::convertFromBytes
-
28. Feb, 09:28 Uhr wWeblic::renderItemData
-
26. Feb, 10:43 Uhr wUserData::getData
-
07. Feb, 08:15 Uhr wDiff::getDocumentVersions
-
07. Feb, 08:11 Uhr wDiff
-
05. Feb, 10:47 Uhr wValues::getValueAsArray
Ähnliche Seiten
- Blog: Alternative Darstellung der Webseite: CSS benutzerabhängig nutzen
- Blog: Alternierende Listen umsetzen
- Blog: Anlegen von Dateien über CSV-Import
- 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: Auf Cookies für Seitenbesucher verzichten
- Blog: BASE (Mobile First): Responsive Bilder
- 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: Callback-Funktionen zu WSL-Buttons nutzen
- Blog: Das Weblication® CMS Lizenzmodell
- Blog: Datei speichern zeigt Fehlermeldung zu Berechtigungen bzw. Servereinstellungen
- Blog: Datumsanzeige als Kalenderblatt über CSS-Only
- Blog: Debug-Funktionen zu Listen, Navigationen, Vorschaubildern und CSS nutzen
- Blog: Die Breadcrumb zeigt einen falschen Pfad an
- 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-Version 7.0 // Supportunterstützung für Weblication® CMS 10.x
- Blog: End-of-Life der PHP-Versionen 5.3 - 5.5 // Supportende für Weblication® CMS 5.x bis 8.x
- Blog: End-of-Life der PHP-Versionen 5.4 - 5.5 // Supportende für Weblication® CMS 9.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: Formulardaten bedingt in der E-Mail ausgeben
- Blog: Formularfelder dynamisch ein- und ausblenden
- Blog: Formularwerte dynamisch setzen
- Blog: GPS-Koordinaten (Längengrad und Breitengrad) ermitteln
- Blog: Google Fonts bei Github laden und lokal einbinden
- Blog: Google Maps Karte lädt nicht und bringt Fehlerhinweis
- Blog: Hintergrundbild dynamisch pro Navigationspunkt definieren
- Blog: Individualisierte Seiten durch Gewichtung von Listeninhalten
- Blog: Individuelle Benutzerdaten bearbeiten
- Blog: Info an Redakteur beim Schließen des Browserfensters ausgeben
- Blog: Informationen seitlich am Bildschirmrand oder Inhalt platzieren
- Blog: Ist die Suggest-Suche auch mit mehreren Begriffen möglich?
- Blog: Jahresverzeichnisse in Listen und Schaltflächen einfacher verwalten
- Blog: Kategorien lassen sich im Navigationseditor auswählen
- Blog: Links / Querverweise über Lightbox
- Blog: Liste: Anzahl der vorhandenen Einträge einer Kategorieauswahl hinzufügen
- Blog: Listen: Seiten aus anderen Projekten über Include anzeigen
- Blog: Logo sprachabhängig ausgeben
- Blog: Mail-Engine einstellen
- Blog: Messagecenter: Benachrichtigungen zu Aufgaben
- Blog: Mobile Performance durch Einbetten der benötigten CSS-Definitionen im Kopfbereich
- Blog: Mobile Performance mit Weblication Version 13
- Blog: Newsletter Empfänger: Eintrag im Verteiler bestätigen
- Blog: Objekt-Typ abfragen
- Blog: PHP-Upgrades bei Providern / Einsatz von älteren CMS-Installationen
- Blog: Performance-Optimierungen
- Blog: Projekt-Cache löschen greift nicht - was tun?
- 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: Seiten automatisch online / offline schalten
- Blog: Seitencache beim Ändern von Inhalten aktuell halten
- Blog: Sicherheit erhöhen: Webserver Verzeichnisauflistung deaktivieren
- 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 geben Sie Listeninhalte in der Navigation aus
- 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: Suchbegriffe in der Seite hervorheben
- Blog: Suchindex der Volltextsuche aktuell halten
- Blog: Support von Weblication® CMS 4.x endet 2015
- Blog: Supportformular für verschlüsselte Kommunikation
- Blog: Texte mehrspaltig anzeigen
- Blog: Textfilter in Listen nutzen
- Blog: Umgang mit E-Mail Warnungen (E-Mail SecurityAlert)
- Blog: Unerwünschte Bots vom Zugriff ausschließen
- 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 und Agentur-Monitor
- 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® Panel - Individuell anpassen und erweitern
- Blog: Weblication® SEND - REST API verfügbar
- Blog: Weblication® Support-Formular mit verschlüsseltem Briefkasten
- Blog: Weiterleitung auf Detailseite bei Direktaufruf
- 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: Zeitraum für die Kalenderauswahl in Formularen setzen
- 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
- Blog: preEditorXt zur Pflege von Dateierweiterungen
- Blog: reCAPTCHA in Weblication CMS nutzen
- Klasse: wApplication
- Klasse: wBackup
- Funktion: wBackup::createBackup
- 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: wStringconverter::convertFromBytes
- Funktion: wUserCur::executeJS
- 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