Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion

collapse

* Alles hat ein Ende...

Eine Weisheit der Dakota-Indianer sagt:
"Wenn Du entdeckst, dass Du ein totes Pferd reitest, steig ab!"

Vor fast fünf Jahren habe ich die NOF-Community gegründet und nachdem just zu diesem Zeitpunkt das „alte NOF-Forum“ quasi über Nacht vom Betreiber geschlossen wurde, war mein Forum für viele Nutzer von NetObjects Fusion eine willkommene Alternative.

Inzwischen sind weit über 5000 NetObjects-Nutzer in der NOF-Community registriert und täglich kommen weitere hinzu. An interessierten Mitgliedern fehlt es also nicht. Was aber fehlt, sind Mitglieder, die Lust haben, anderen Nutzern bei der Lösung ihrer vielfältigen Probleme in der Anwendung von NetObjects Fusion zu helfen. Vielleicht, weil viele von ihnen - ebenso wie ich - das Interesse an NOF verloren haben und zwischenzeitlich mit anderen Programmen arbeiten.

Aktuell ist es so, dass der Support wie die Kosten für den Betrieb der NOF-Community fast ausschließlich von mir übernommen werden. Dies, und die Tatsache, dass ich die Arbeit mit NetObjects Fusion nicht mehr für zeitgemäß halte, veranlasst mich, den aktiven Forenbetrieb zu beenden. Die Beiträge, Tipps und Anleitungen aus den letzten Jahren stehen ab heute nur noch als Nachschlagewerk zur Verfügung.

Ich bedanke mich an dieser Stelle ganz herzlich bei allen, die mich und die NOF-Community in den vergangenen Jahren unterstützt haben.

Beste Grüße nettesekel

Die letzten Beiträge

Autor Thema: Weicher Seitenwechsel mit jQuery (fade in / fade out)  (Gelesen 2479 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Weicher Seitenwechsel mit jQuery (fade in / fade out)
« am: 14. März 2013, 17:43:40 »


Was mit weichem Seitenwechsel, oder auch Seitenwechsel mit fade-Effekt gemeint ist, könnt ihr euch in diesem NOF-Beispiel-Projekt ansehen. Der Effekt ist bereits beim Aufruf der Seite sichtbar, ihr könnt ihn aber auch bei jedem Seitenwechsel erneut beobachten.

Und so wird das Teil in euer NetObjects Fusion Projekt eingebaut.

Schritt 1
---------------------------------------------------------------------------------------------------
Download und Vorbereitung der benötigten Scriptdateien
---------------------------------------------------------------------------------------------------

Um den Effekt auf eurer Seite nutzen zu können, benötigt ihr zwei Scripts, welche ihr unter dem folgendem Link herunterladen könnt:
http://www.nof-community.de/Downloads/js.zip

Speichert euch die zip-Datei ab und entpackt sie. Als Ergebnis solltet ihr einen Ordner mit dem Namen "js" erhalten, in welchem sich die Dateien "jquery-1.4.1.min.js" und "custom.js" befinden.
Sollte das aus irgendwelchen Gründen bei euch anders sein, dann erstellt bitte von Hand einen Ordner mit dem Namen "js" und fügt die beiden Dateien in diesen Ordner ein.


Schritt 1
---------------------------------------------------------------------------------------------------
Platzieren der benötigten Scriptdateien
---------------------------------------------------------------------------------------------------

Damit die Scripts auch ihr Arbeit tun können, müssen sie natürlich in eure Website integriert werden. Deshalb müsst ihr den Ordner "js" mit den beiden Scripts nun mit Hilfe eines FTP-Programms in das Rootverzeichnis Eures Servers kopieren und für den Fall dass ihr den Effekt auch offline testen wollt, muss eine weitere Kopie im Ordner "lokale Publizierung" eures Projekts eingefügt werden. (das Rootverzeichnis ist das Stammverzeichnis eures Servers, hier befindet sich auch die index.html)


Alternative zur FTP-Übertragung:
Die Scripts als zusätzliche Asset in euer NOF-Projekt einbinden, und ein eigenes Verzeichnis namens "js"erstellen in welches die Dateien dann verschoben werden.


Schritt 3
---------------------------------------------------------------------------------------------------
Verlinkung der benötigten Scriptdateien
---------------------------------------------------------------------------------------------------

Zum Schluss müsst ihr nun noch die Scripts zwischen den Head-Tags eurer Seite verlinken. Dazu tragt ihr den folgenden Code zwischen den head-Tags eurer Seite ein. In diesem Falle empfielt es sich den Code im Masterrahmen-html zu Platzieren. (Masterrahmen-Eigenschaften mit F10 aufrufbar)

Code für Startseite:
Zitat
<script type="text/javascript" src="./js/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="./js/custom.js"></script>

Code für Unterseiten:
Zitat
<script type="text/javascript" src="../js/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="../js/custom.js"></script>


Für die, die nicht wissen, wie man den Code zwischen den head-Tags platziert, gibt es hier eine Anleitung dazu: http://www.nof-community.de/index.php/topic,851.0.html

Ich wünsche euch gutes Gelingen! (happy)

« Letzte Änderung: 10. November 2014, 14:17:02 von nettesekel »
Der neue Katzenblog mit vielen Tipps und Ideen für Katzenhalter.

Fragen - die inhaltlich ins Forum gehören - sind im Forum zu stellen und werden nur dort beantwortet. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion

 


Wenn dir dieser Artikel gefallen hat, dann empfehle ihn doch weiter... ;)