LivePipe JavaScript framework einbinden



Voraussetzungen



* LivePipe-Paket heruntergeladen und entpackt (Download: [[http://livepipe.net/download|Webseite des Entwicklers]])

Zum Einbinden des Lightbox-Pakets gehen Sie wie folgt vor:



- Öffnen Sie webEdition.
- Erstellen Sie im Wurzelverzeichnis ein Dokumenten-Verzeichnis mit dem Namen "js".
- Importieren Sie von Ihrer lokalen Festplatte folgende Datei aus dem LivePipe-Paket in das Verzeichnis "js":
* lib/prototype.js
- Erstellen Sie im Verzeichnis "/js" ein Dokumenten-Verzeichnis mit dem Namen "scriptaculous".
- Importieren Sie von Ihrer lokalen Festplatte folgende Dateien aus dem LivePipe-Paket in das Verzeichnis "/js/scriptaculous":
* lib/dragdrop.js
* lib/effects.js
* lib/resizable.js
* lib/scriptaculous.js
* lib/slider.js
- Erstellen Sie im Verzeichnis "/js" ein Dokumenten-Verzeichnis mit dem Namen "livepipe".
- Importieren Sie von Ihrer lokalen Festplatte folgende Dateien aus dem LivePipe-Paket in das Verzeichnis "/js/livepipe":
* src/contextmenu.js
* src/cookie.js
* src/event_behavior.js
* src/hotkey.js
* src/livepipe.js
* src/progressbar.js
* src/rating.js
* src/scrollbar.js
* src/selection.js
* src/selectmultiple.js
* src/tabs.js
* src/textarea.js
* src/window.js
- Fügen Sie in allen Vorlagen, auf denen Sie die LivePipe-Funktionalität nutzen möchte, folgenden Quellcode ein:\\ \\ <code html>
<we:ifNotEditmode>
<!-- Für LivePipe benötigte JavaScript-Dateien einbinden -->

<!-- Prototype -->
<script type="text/javascript" src="/js/prototype.js"></script>

<!-- script.aculo.us -->
<script type="text/javascript" src="/js/scriptaculous/scriptaculous.js"></script>
<script type="text/javascript" src="/js/scriptaculous/dragdrop.js"></script>
<script type="text/javascript" src="/js/scriptaculous/effects.js"></script>
<script type="text/javascript" src="/js/scriptaculous/resizable.js"></script>
<script type="text/javascript" src="/js/scriptaculous/slider.js"></script>

<!-- LivePipe -->
<script type="text/javascript" src="/js/livepipe/livepipe.js"></script>
<script type="text/javascript" src="/js/livepipe/contextmenu.js"></script>
<script type="text/javascript" src="/js/livepipe/cookie.js"></script>
<script type="text/javascript" src="/js/livepipe/event_behavior.js"></script>
<script type="text/javascript" src="/js/livepipe/hotkey.js"></script>
<script type="text/javascript" src="/js/livepipe/progressbar.js"></script>
<script type="text/javascript" src="/js/livepipe/rating.js"></script>
<script type="text/javascript" src="/js/livepipe/scrollbar.js"></script>
<script type="text/javascript" src="/js/livepipe/selection.js"></script>
<script type="text/javascript" src="/js/livepipe/selectmultiple.js"></script>
<script type="text/javascript" src="/js/livepipe/tabs.js"></script>
<script type="text/javascript" src="/js/livepipe/textarea.js"></script>
<script type="text/javascript" src="/js/livepipe/window.js"></script>
</we:ifNotEditmode>
</code>

Weiterführende Informationen



* [[http://livepipe.net/|Webseite des LivePipe-Entwicklers]]
powered by webEdition CMS