Codeansicht in Typolight + Javascript?

Hallo!

Ich befasse mich das erste mal mit einem CMS. Habe bisher schon Websites in Macromedia Dreamweaver gemacht und dort gibt es von jeder Seite auch eine "Codeansicht". Gibt es dies in Typolight auch? Weil ich würde gerne Bilder im Header anzeigen lassen die sich automatisch wechseln. Dazu brauche ich Javascript. Und dafür wäre es sehr hilfreich wenn man eine Codeansicht hätte. Oder kann mir jemand sagen wo ich ein javascript Befehl definiere und diesen dann auch wieder aufrufe? Weil im HTML Bereich sollten ja keine <script> Verweise verwendet werden.

danke und schöne grüße,
anja

Du solltest Dir mal das Handbuch durchlesen.

Zunächst gibt es für sowas Gallerien auf MooTools Basis oder man nutzt für sowas auch mal jQuery. MooTools wird allerdings von TL schon mitgebracht.
Das Repositiory dürfte Dir da einige Möglichkeiten offen legen. ;)

Dann kannst Du jeder Zeit eigenes JS im Seitenlayout unterbringen oder über zusätzliche Headtags laden lassen.

Dann gibt es noch die Möglichkeit eigene Module zu erstellen, was vermutlich aber nichts für Dich ist.

Hallo Anja,

willkommen im TYPOlight-Forum.

Innerhalb des WYSIWYG-Editors kannst Du auf die HTML-Ansicht umschalten (der Button ist rechts in der Editorleiste). Ansonsten am einfachsten die Website im Frontend aufrufen und den Quellcode anschauen. Oder mit der Firefox Erweiterung Firebug den Quellcode ansehen.

Das Tutorial mal ansehen.

Hallo!

Erst mal vielen Dank für die schnellen Antworten. Aber für was sind dann die Felder "Eigener Java-Script Code" oder "zusätzliche head-Tags?" im Seitenlayout?
Wenn ich Typolight auf meinem Rechner lokal installiert habe (auf XAMPP) - werden dann die ganzen .html Dateien die gemacht werden nicht lokal abgespeichert?

lg anja

Hallo Anja,

die Seiten werden nicht einzeln abgelegt, da es ja ein dynamisches CMS ist ;)

alles klar. sorry, hab mich noch nie mit dieser Thematik auseinandergesetzt.

und das mit diesen Feldern für java-script und zusätzlichen head-tags ist nicht zu empfehlen?

Du kannst das Javascript z.B. in das Feld "zusätzliche Head-Tags" einfügen oder das Script z.B. im Ordner "templates" speichern und nur durch einen Aufruf einfügen, quasi verlinken.

Hängt auch von Skript ab, was sinnvoller ist. Im Feld "zusätzliche Head-Tags" wird das Skript dann eben immer geladen, für alle Seiten, denen das Seitenlayout zugewiesen ist. Wenn das Skript nur auf einige Seiten verwendet werden soll, wird somit "Ballast" mitgeschleppt ;)

ich würde das javascript halt gerne für die automatische auswechslung des "header-Bildes" verwenden. Dann wird es wahrscheinlich immer aufgerufen werden müssen. Ausser ich mach ein eigenes Seitenlayout für den Header. Was aber eher weniger sinnvoll ist.

Meine Frage ist dann nur, wenn ich das zu diesem zusätzlichen head-tag reinschreibe, muss ich ja beim modul wo ich das bild definiere die funktion aufrufen und da ist nur html gefragt - das heißt kein script.....

HI

es gibt übrigens schon viele Erweiterungen, die dir Diashows und wechselnde Headerbilder ermöglichen, dann müsstest du nicht selbst etwas schreiben. Schau doch mal bei den Erweiterungen nach. :)

Sebastian

Falls Du pro Seite wechselnde Headerbilder haben möchtest, schau mal in die Erweiterungsliste. Hier findest Du dann z.B. das Modul pageimage

ja dieses pageimage habe ich auch schon gefunden. Aber ich hätte gerne, dass sich das bild alle 3-5 sekunden wechselt. Den javascript-code dazu hätte ich schon. weiß nur nicht wo einbauen bzw. das größere Problem - wo die Funktion aufrufen.

Hi Anja,

dann istalliere mal den Imageslider. Ist an sich intuitiv zu bedienen und selbsterklärend.

Slider definieren und dann das Modul im Seitenlayout im Headbereich einbinden.

alles klar. werd ich versuchen. dankeschön!

lg anja