Javascript - Simple Wizzard

einfacher Wizzard zur Anzeige verschachtelbarer Slides.

Einleitung

Worum es geht: hier ist ein Javascript-Schnipsel, das HTML-Code liest und daraus eine Folge von Slides erzeugt.
Pro Slide gibt es nicht nur einen einzelnen "Weiter" Link, um zum nächsten Slide zukommen, sondern mehrere Verzweigungen sind möglich (also eine 1:n Beziehung).

So sieht es aus: Demo

Vorteile

  • Quelle der Slides ist - wie erwähnt - reiner HTML-Code. Man benötigt keine Kenntnisse in Javascript und muss sich nicht mit fehleranfälligeren Anpassungen von Javascript-Arrays herumschlagen. Slides sind somit sehr einfach erweiterbar.
  • Die 1:n Beziehung zwischen den Slides wird mit der Verschachtelung von Listenelementen realisiert.
  • Ein LI Element kann HTML-Code aufnehmen - dadurch ist beispielsweise die Darstellung von Bildern in den Slides möglich.

Nachteile

  • Es ist eine reine Javascript-Lösung.
  • Weil darauf das Parsing beruht, sind folgende Dinge innerhalb der Slides nicht möglich: Darstellung von Listen und PIPE-Symbol (für letzteres gibt es aber eine Variable - es liesse sich ein anderes Zeichen als Trenner verwenden).

Seitenanfang