Wie binde ich eine Javascript-Datei auf einer Seite ein?

In weblica können Sie beliebige Dateien in Ihr Projekt importieren, siehe hierzu die weblica Online-Hilfe: Der Umgang mit Dateien. So können Sie z.B. eigene Javascript-Dateien oder zusätzliche jQuery-Plugins direkt in Ihrem Projekt verwenden. Diese können Sie dann bequem in den Seiten-Eigenschaften mit Hilfe von Ressourcen-Felder laden. Der vorliegende Artikel zeigt Ihnen, wie das geht: 

  1. Importieren Sie die gewünschte Datei in Ihr Projekt.
  2. Öffnen Sie die Seiten-Eigenschaften der Seite, auf welcher Sie die Javascript-Datei nutzen möchten.
  3. Wechseln Sie auf die Register-Karte HTML/CSS. Hinterlegen Sie im Feld HTML-Head den folgenden Code, um die gewünschte Datei einzubinden:
<script type="text/javascript" src="datei-pfad "></script>
Die Zeichenkette datei-pfad ersetzen Sie nun durch den Pfad der gewünschten Javascript-Datei, die Sie einbinden möchten. Hierzu verwenden Sie das Ressourcen-Feld für den Pfad der gewünschten Ressource:

Drücken Sie CTRL-LEERTASTE, um eine Liste der verfügbaren Ressourcen-Felder aufzurufen. Suchen Sie die gewünschte Ressource und wählen Sie den Pfad-Eintrag Pfad (Path):
Ressourcen-Feld für den Pfad einer Datei
Im Beispiel sieht das dann so aus:
<script type="text/javascript" src="$(res.72.jquery_jgfeed_js.path)"></script>
Bestätigen Sie die Eingabe mit OK. weblica bindet die benötigte Datei nun automatisch ein und stellt diese im Rahmen der Publikation auch auf dem Web-Server bereit.

Hinweis: Ressourcen lokal nutzen

Generieren Sie einmal für die externe Vorschau, wenn Sie eine in Ihr Projekt importierte Datei über ein Ressourcen-Feld das erste Mal nutzen. Damit sorgen Sie dafür, dass die benötigte Datei im generierten Projekt auch lokal zur Verfügung steht.

Den Code in einem Feld hinterlegen

Wenn Sie eine Datei auf mehreren Seiten einbinden möchten, legen Sie am besten ein Feld an und hinterlegen dort den Code für das Laden der Datei. Dann können Sie in den Seiten-Eigenschaften jeweils einfach das entsprechende Feld verwenden. Müssen Sie dann beispielsweise zu einem späteren Zeitpunkt eine andere Datei oder gar weitere Datein laden, dann können Sie die nötigen Anpassungn einmal im Feld vornehmen. Der Code für alle Seiten, die das Feld in den Seiten-Eigenschaften verwenden, wird dadurch automatisch aktualisiert.