NOF-Forum  |  Referenzen  |  Kontakt  |  Impressum  |  Sitemap

NetObjects Fusion - Tutorials
NOF Tutorials und Hilfe von Thomas Frei-Herrmann

Aktionen von NOF

Die sogenannten “Aktionen” von NOF sind von NOF generierte Skripte, d.h. man kann sich mittels diesem Tool eigene Skripte zusammenstellen, ohne selbst Kenntnisse von Skripten haben zu müssen.

Es gibt unzählige Möglichkeiten diese Aktionen zu kombinieren, daher hier nur mal ein Beispiel, wie ich es mit dem Player für Videos gemacht habe, den Ihr hier sehen könnt.

Achtung: Seit Anfang 2013 korrespondiert ein Adobe Flash-Update nicht im Zusammenhang mit den
NOF-Aktionen, daher habe ich nun die unterschiedlichen Filme mit Link-Ziel zum Inlineframe verwendet.

Das Bild vom Fernseher selbst habe ich als “Hintergrund-Bild” eines neu aufgezogenen
Layout-Bereichs” gewählt (Ihr könnt natürlich ebenso auch eine Tabellenzelle dafür verwenden).
Dann habe ich diesen “Layout-Bereich” genau auf die Größe des Fernsehers gezogen, da der Hintergrund gekachelt wird, was man natürlich auch über eine Formatvorlage verhindern könnte.

Nun habe ich mir zunächst unterhalbt meiner Player-Seite vier neue Seiten für meine vier Videos angelegt (TV1, TV2, TV3 und TV4) in die dann die Skripte des Players kommen. Jetzt sind es übrigens 5 Filmchen geworden ;-)

... diese neue Seiten habe ich alle auf die Master-Rahmen-Einstellung “ZeroMargins” gestellt.

Nun habe ich die Größe des Layouts genau auf die Größe meines im Fernseher eingebrachten “Inline-Frames” eingestellt und einen schwarzen Hintergrund (passend zum Fernseher) gewählt.

Jetzt müsst Ihr ein Textfeld aufziehen, demarkieren und wieder markieren und in die HTML des Textfeldes “vor dem Tag” (in NOF 11 heißt das “vorher”) das Player-Skript einfügen.

... nun geht Ihr zurück auf Eure Seite mit dem Player.

Im Bild unten seht Ihr das “Inline-Frame”, das ich zur Verlinkung auf die jeweiligen Filme im Fernseher (Layout-Hintergrund) aufgezogen habe. Den Namen dieses “Inline-Frames” habe ich unter “Name” im Fenster “Inlineframe-Eigenschaften” in “Moovie” umbenannt, damit ich dieses Inline-Frame später im “Objekt-Explorer” leichter finden kann.

Nun habe ich mir kleine Bildchen zum Starten der Filme gesucht und diese mit den “Aktionen” versehen. Das habe ich bei allen vier Bildchen exakt gleich gemacht. Ihr könnt das erste Bildchen dann mit den fertigen “Aktionen” kopieren und lediglich jeweils die URL zu dem entsprechenden Video in beiden Aktionen ändern.

Aktion1 - Aktion für Clicked: Gehe zu URL

Siehe Bild unten:

1) Ziel: > nämlich das Inline-Frame “Moovie”

... der Objekt-Explorer öffnet sich und hier müsst Ihr nun das richtige Inline-Frame suchen. Bei mir “versteckt” es sich im “LayoutBereich28”, dies ist das extra Layout, das ich oben für das Hintergrund-Bild des Fernsehers aufgezogen hatte. Eventuell müsst Ihr auf die “+” Zeichen klicken um alle Objekte sehen zu können.

... nun klickt Ihr auf

2) Meldung: > hier sagen wir NOF was geschehen soll, nämlich die Seite definieren, in der unser Video ist “Gehe zu URL”.

... nun klickt Ihr auf

3) Parameter: > hier sagen wir NOF wo sich die URL, nämlich die Seite mit unserem Video befindet.

Es öffnet sich das Fenster “Parameterwerte”, dort auf den kleinen Button klicken...

... nachdem Ihr auf den Button im Fenster “Parameterwerte” geklickt habt, öffnet sich das Fenster wie im Bild unten zu sehen.

Hier wählt Ihr unter “Linktyp” nun “Interner Link” und sucht die Seite mit Eurem Video. Anschließend auf den Button “Link” klicken und diese Seite wird in die “Parameterwerte” der Aktionen übernommen.

Aktion2 - Aktion für Clicked: Anzeigen

Siehe Bild unten:

1) Ziel: > nämlich wieder das Inline-Frame “Moovie” suchen, genau wie oben schon ...

... der Objekt-Explorer öffnet sich und hier müsst Ihr nun das richtige Inline-Frame suchen. Bei mir “versteckt” es sich im “LayoutBereich28”, dies ist das extra Layout, das ich oben für das Hintergrund-Bild des Fernsehers aufgezogen hatte. Eventuell müsst Ihr auf die “+” Zeichen klicken um alle Objekte sehen zu können.

... weiter im Bild oben:

... nun klickt Ihr auf

2) Meldung: > hier sagen wir NOF was geschehen soll, nämlich die Seite anzeigen, in der unser Video ist “Objekt > Anzeigen”.

Anschließend auf OK klicken und

Fertig!

... und noch ein kleiner Nachtrag:
Ich habe später auch noch das kleine Bildchen zum Stoppen des Films ...

... ebenso wie die Film-Symbole mittels der gleichen “Aktionen” verlinkt, nur habe ich dann auf der Unterseite keinen Film, sondern lediglich diese Hinweise angebracht.

Anmerkung:

Ich benutze diese “Aktionen” von NOF schon immer und habe noch nie Probleme damit gehabt. Ihr solltet allerdings wissen, dass es Berichte gibt, dass Probleme mit den Aktionen auftauchen könnten, z.B. bei einem festen Seiten-Layout oder im Zusammenhang mit anderen Skripten.

NOF baut mit diesen Aktionen recht umfangreiche Skripte auf, die man sicherlich auch sehr viel abgespeckter gestalten könnte, jedoch ist die Erstellung von eigenen Skripten dann doch eher etwas für Profis.

Bitte guckt auch hier, um das gleiche Ergebnis ohne Aktionen zu erreichen.

Viel Erfolg!

zurück

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik