Formular Werkzeuge

Endlich steht eine neue umfangreiche Anleitung für den Aufbau eines eigenen Designs mit NOF zur Verfügung.

Es sind also nun zwei Versionen vorhanden:

Das Original wurde umgezogen:

Die alte Version – Ein eigenes Design mit NOF – Mit Tabellen (mit der Geranien-Vorlage)

 

Die neue Anleitung befindet sich auf den Hauptseiten der NOF-Schule:

Basisanleitung insbesondere für NetObjects Fusion 2013

NetObjects Fusion Tutorial

Inhalte:

Eine genaue Auflistung der Inhalte wurde in der NOF-Schule veröffentlicht:

http://www.nof-schule.de/forum/t-neues-tutorial-ein-eigenes-design-mit-nof

Die Themen sind übersichtlich mit Ankern verlinkt, so dass man in den Tutorials auch sehr leicht einzelne Themen finden und bearbeiten kann.

Eine Druckversion ist in Vorbereitung.

 

 

Hier ein Beispiel des Formulars von SwissKnife for NOF mit Spamschutz in NOF 2013 und auf HTML5 angepasst.

Dadurch können HTML5 Attribute wie z.B. „placeholder“ (Platzhalter) oder auch „date“ (Datepicker) kinderleicht verwendet werden.

Dieses Formular wird mit den ganz normalen Formular-Werkzeugen von NetObjects Fusion erstellt und kann auf alle gewünschten Formular-Felder angepasst werden. Das Formular kann in jede NOF-Version eingebaut werden.

 

www.nof-tutorials.com/SwissKnife_for_NOF-Formular/

 

NOF Formular

SwissKnife for NOF Secure Mailer

 

 

Test mit HTML5 Formular-Pflichtfeldern

Getestet habe ich mit folgenden Browsern:

  • Firefox 21.0
  • Chrome
  • Safari
  • Opera
  • IE8 / IE9
  • AOL
  • Android

Leider hat NOF 2013 viele, noch nicht behobene, Fehler in dieser Prüfung und die Erstellung dieser HTML5-Befehle habe ich hier selbst und händisch eingefügt, da diese Prüfung mit den vorhandenen NOF-Mitteln nicht funktioniert.

Weiterhin wird HTML5 nur in UTF-8 korrekt angezeigt und die jetzigen NOF-Skipte werden ausschließlich richtig verarbeitet, wenn man „Nach Site Struktur“ publiziert.

Ihr dürft gerne testen.

http://www.tommyherrmanndesign.com/nof/NOF2013-HTML5-Beispiel-Anwendungen/

 

Oft besteht der Wunsch bei Eingabefeldern von Formularen bereits einen Hinweis-Text zu hinterlegen, der dann mit der Eingabe des Benutzers wieder gelöscht wird.

Formular Beschriftung

Hier findet Ihr ein Beispiel mit meinem dazugehörigen Tutorial.

 

 

Formulare sollte man auf die Gültigkeit der Eingaben überprüfen und zumindest ein Feld als Pflichteingabe deklarieren, damit der Benutzer das Formular nicht leer abschicken kann.

Hier ein Beispiel wie man die Prüfung bei dem „Werkzeuge“ Formular von NOF einstellen kann.

http://www.tommyherrmanndesign.com/nof/FormularCheck/

 

Guckt Euch auch mein Video dazu an.

Video Formularprüfung

Video Formularprüfung

 

 

Mit diesem jQuery Skript ist es möglich einen kleinen Kalender anzuzeigen und aus diesem ein Datum für den Eintrag in ein Formularfeld zu wählen.

Dabei kann man das Design den eigenen Bedürfnissen anpassen und auch bestimmte Einschränkung des Datums wählen.

Hier geht es zu meiner Demo- und Tutorialseite

 

Datepicker Monat

 

Guckt Euch auch diese Demo-Seiten an, auf denen man sich bequem den zu verwendenden Quellcode bereits generieren lassen kann.

http://jqueryui.com/datepicker/