Javascript und DOM-Manipulation zur Absicherung von Formularanfragen

Garagentorantriebe und Pflichtfelder mit Javascript abfangen und anzeigen

Bei der Ergänzung der redaktionellen Inhalte habe ich zusätzlich drei Anfrageformulare in der WordPress-Installation ergänzt. Die verschiedenen Plugins von WordPress weisen zwar teilweise ziemlich detaillierte Funktionen auf, richten sich aber weitgehend eher an Nutzer, die nicht flüssig im HTML unterwegs sind. Sind sie gut im HTML und auch in der Lage mit Javascript die Formulare ein wenig zu manipulieren, lassen sich mit sehr einfachen und robusten Maßnahmen ebenfalls schnell gute Ergebnisse erzielen. Und vor allem genau die, die gewünscht werden. In diesem Fall werden die Pflichtfelder der Formulare mit Javascript ausgewertet und fehlende Angaben in meiner »Quengelbox« angemahnt.

Referenz: Anfrageformular zu Garagentorantrieben

Kunde: Heim & Ruf GbR, St. Märgen

Art der Leistung: DOM-Manipulationen, Javascript, Wordpress

Mehr aus: Heim & Ruf

Nur diesen Eintrag anzeigen | Alle Einträge aus dem Jahr 2011 / Dezember 2011

PSDtoHTML, WordPress Theme und eine individuelle Bildergalerie

Im Auftrag von Achim Schlemmer habe ich für seinen Kunden Schiffmann Außenwerbung GmbH die Umsetzung des Screendesign als HTML und den Einbau als individuelles WordPress-Theme übernommen. Das Screendesign stammt von Simone Jacobsen aus Hamburg. Ein kleiner technischer Leckerbissen ist dabei die Umwandlung der Standard-Galerie von WordPress in eine individuelle Galerie unter Zuhilfenahme von Javascript. Die Galerie sollte dabei sowohl innerhalb der Seite als auch als überlagernde Ebene realisiert werden. Die überlagernde Ebene wird mit der Fancybox erzeugt, der jeweils aktuelle Zustand der Galerie wird dabei in die Fancybox hineinkopiert. Und das Schönste für alle Beteiligten war, dass es nicht nur so aussah und funktionierte wie geplant, sondern auch ziemlich genau so teuer wurde wie angeboten.

Referenz: Aussenwerbung Schiffmann

Kunde: Achim Schlemmer

Art der Leistung: DOM-Manipulationen, Javascript, PSDtoHTML

Mehr aus: Schlemmer, Websites mit mittlerem Aufwand

Nur diesen Eintrag anzeigen | Alle Einträge aus dem Jahr 2011 / November 2011

Eine Schiffschaukel für Wagemutige und andere Kapriolen >>

Die vierte Fundgrube des Jahres 2011 ging gestern Abend online, heute am Morgen wurde dann auch der entsprechende Newsletter verschickt. Meine Aufgabe war es wie immer die Bilder aufzubereiten, den Newsletter zu setzen und zu versenden und die, die Artikel beschreibenden Texte zu schreiben. Und es waren auch bei dieser Ausgabe der Fundgrube wieder ein paar mein Sprachzentrum reizende Objekte mit dabei. Weiterlesen →

Referenz: »Neu im Netz«

Kunde: Florian Langenbeck Historische Türen und Baustoffe

Art der Leistung: Bildbearbeitung, Marketing, Texte

Mehr aus: Große Websites: »Dauerbaustellen«, Langenbeck

Nur diesen Eintrag anzeigen | Alle Einträge aus dem Jahr 2011 / September 2011

Pflegeleichte Navigation mit Server-Side-Include und Javascript

Die Seiten von Frau Dorsch sind »statisches HTML«, das ich mit einigen kleinen Tricks pflegeleicht gemacht habe. Die Navigation, deren Pflege eines der Hauptprobleme von statischen Seiten ist, wird als sogenanntes Server-Side-Include in die Seiten eingebaut. Die Darstellung der Navigation, also die Entscheidung, welcher Bereich jeweils aufgelättert wird und welcher Navigationspunkt dann »aktiv« angezeigt wird, erfolgt nach dem Laden der Seite im Browser mit Javascript. Die Kombination dieser beiden Maßnahmen ermöglicht es relativ einfach Seiten zu ergänzen oder die Navigation insgesamt zu verändern.

Die Navigation auf der Website von Christina Dorsch

Referenz: Eine Einzelseite mit aufklappbarer Navigation

Kunde: Christina Dorsch Gartengestaltung

Art der Leistung: DOM-Manipulationen, Javascript

Mehr aus: Websites mit mittlerem Aufwand, Z wie Weitere ;-)

Nur diesen Eintrag anzeigen | Alle Einträge aus dem Jahr 2011 / September 2011

Slider auf der Startseite von Ox Maskenbild

Um die Besucher möglichst zielgerichet auf die aktuellsten Informationen hinweisen zu können, werden auf der Startseite der Website nun die entsprechenden Seiten mit kombinierten Bild-und Textbannern hervorgehoben.

Der Slider auf der Startseite weist auf neue Produktionen und TEstimonials hin

Kunde: Christian Ochs, Heidelberg

Art der Leistung: DOM-Manipulationen, Javascript, PSDtoHTML, Screendesign

Mehr aus: Websites mit mittlerem Aufwand, Z wie Weitere ;-)

Nur diesen Eintrag anzeigen | Alle Einträge aus dem Jahr 2011 / September 2011

Replicata mit Fliesen ohne Ende >>

Seit dem Jahr 2000 betreue ich das Unternehmen in Sachen Websites & Marketing. Eine der interessantesten Beobachtungen bei der Arbeit für das Unternehmen ist, dass es so etwas wie Branchenkrankheiten gibt. So sind beispielsweise die Hersteller von Fliesen kaum in der Lage vollständiges Bildmaterial zu liefern. Also heißt es basteln. Weiterlesen →

Referenz: Beispielhafter Musterboden

Kunde: Replicata

Art der Leistung: Bildbearbeitung

Mehr aus: Große Websites: »Dauerbaustellen«, Replicata

Nur diesen Eintrag anzeigen | Alle Einträge aus dem Jahr 2011 / August 2011

Replicata goes Facebook

Dann war plötzlich alles ganz einfach sowohl die Kundin als auch ich hatten einen leichtsinnigen Moment und so haben wir uns spontan dazu entschlossen es doch mit einer Facebook-Seite für das Unternehmen zu probieren. Profilbild und Erstausstattung an Bildern waren kein Problem, die Texte zum Profil habe ich von der bestehenden Website in angepasster Form übernommen und zweieinhalb Stunden später ging das Profil online.

Referenz: Replicata auf Facebook

Kunde: Replicata

Art der Leistung: Bildbearbeitung, Facebook, Texte

Mehr aus: Große Websites: »Dauerbaustellen«, Replicata

Nur diesen Eintrag anzeigen | Alle Einträge aus dem Jahr 2011 / August 2011

Pedalo 2012 und kaum etwas zu tun

Zum Katalogwechsel 2011 auf 2012 gab es für mich relativ wenig zu tun, kein zu schlechtes Zeichen wie ich finde. Abseits der von der Youngbrain GmbH zu erbringenden Leistungen im Backend bestand die Herausforderung für mich vor allem darin, ein Element unterzubringen, dass ursprünglich gar nicht vorgesehen war, den von mir so genannten »Hauptstörer«. Auf Bildschirmen mit einer Auflösung von mehr als 1.100 Pixeln kein Problem, allerdings schon für die etwa 20% der Surfer mit Auflösungen von unter 1024 Pixeln. Da habe ich das Problem zum Anlass genommen eine entsprechende Weiche in die Seiten einzubauen, die Darstellung der Schatten, Ränder und des hauptstörers wird nun in zwei Stufen verändert.

Kunde: Pedalo Radreisen GmbH, Österreich

Art der Leistung: Bildbearbeitung, DOM-Manipulationen, Javascript, PSDtoHTML

Mehr aus: Große Websites: »Dauerbaustellen«, Pedalo

Nur diesen Eintrag anzeigen | Alle Einträge aus dem Jahr 2011 / August 2011

Implantat-Akupunktur Dr. Ilka Steinkrüger

Die Kundin wollte dieses neue Thema auf einer eigenen Website darstellen, Elemente der alten Website sollten dabei übernommen werden. Dem Wunsch hier über die Jahre hinweg einen wachsenden Bestand an Informationen rund um das Thema aufzubauen und diesen auch selbst online stellen zu können, habe ich mit der Verwendung von WordPress Rechnung getragen.

Dr. Ilka Steinkrüger http://www.implantat-akupunktur.info/

Referenz: Themenseite Implantat-Akupunktur

Kunde: Dr. Ilka Steinkrüger

Art der Leistung: Marketing, PSDtoHTML, Screendesign, SEO - Suchmaschinenoptimierung, Wordpress

Mehr aus: Kleine, feine Websites, Z wie Weitere ;-)

Nur diesen Eintrag anzeigen | Alle Einträge aus dem Jahr 2011 / Juni 2011

comato oHG – Agentur für moderne Kommunikation

Seit einigen Jahren veröffentlicht die PR-Agentur einen Teil der Pressemitteilungen, die sie für ihre Kunden erstellt auch auf der eigenen Website. Der Aufwand pro Pressemitteilung lag so bei etwa einer dreiviertel Stunde. Um das Einstellen der PRessemitteilungen ein wenig rationeller zu gestalten, habe ich die Website komplett auf WordPress umgestellt, der Aufwand hat sich nun etwa halbiert. Außerdem ermöglicht der automatisierte Einsatz der Artikelstruktur von WordPresse den Aufbau schöner Links, ähnlich wie ich das auch auf dieser Seite hier praktiziere.

Kunde: Comato oHG, PR-Agentur in Ladenburg

Art der Leistung: Bildbearbeitung, PSDtoHTML, Screendesign, Wordpress

Mehr aus: Comato, Websites mit mittlerem Aufwand

Nur diesen Eintrag anzeigen | Alle Einträge aus dem Jahr 2011 / Juni 2011

PSDtoHTML für den Lehrerfreund

Im Auftrag von Achim Schlemmer habe ich das von ihm zusammen mit einer Graphikerin entwickelte Screendesign in HTML umgesetzt, Ausgangspunkt waren zwei Graphiken, das Ergebnis waren zwei HTML-Seiten mit vollständigen Inhalten, die dann von ihm in Templates für Serendipity umgesetzt wurden.

Referenz: Der Lehrerfreund

Kunde: Achim Schlemmer

Art der Leistung: PSDtoHTML

Mehr aus: Schlemmer, Websites mit mittlerem Aufwand

Nur diesen Eintrag anzeigen | Alle Einträge aus dem Jahr 2011 / Juni 2011

Torbau Sissach als WordPress-Blog >>

Zwei Fliegen mit einer Klappe zu schlagen ist nicht immer möglich. In diesem Fall jedoch lag die Verbindung zweier Vorhaben nahe. Einerseits war es der Wunsch des Kunden mehr Referenzen online zu haben, andererseits sollte die Suchmaschinen-Plazierung verbessert werden. Da letzteres am sichersten und dauerhaftesten über die Ausweitung des Inhaltes gelingt, lag der Schluss nahe, über eine Referenz-Sammlung die lokale Ausrichtung der Website zu verbessern. Weiterlesen →

Referenz: Torbau Sissach

Kunde: Heim & Ruf GbR, St. Märgen

Art der Leistung: SEO - Suchmaschinenoptimierung, Wordpress

Mehr aus: Heim & Ruf

Nur diesen Eintrag anzeigen | Alle Einträge aus dem Jahr 2011 / Mai 2011

Musselinglas, Rainer Fiolka-Pitschat und Paul Vincent Pitschat

In Zusammenarbeit mit meiner Bürokollegin Miriam Awe habe ich dieses Screendesign für Ihren Kunden in HTML umgesetzt. Im Hinblick auf das Thema des Kunden war es von großer Bedeutung, der visuellen Darstellung einen großen Platz zu einzuräumen. Die Präsentation der Bilder erfolgt über kleine Galerien zum »Durchklicken«, das Javascript, das die Galerie aus einer einfachen Folge von Bildern im HTML-Code erzeugt habe ich ebenfalls erstellt.

HTML im Auftrag: http://www.musselinglas.de

Referenz: Musselinglas, Rainer Fiolka-Pitscha

Kunde: Miriam Awe

Art der Leistung: DOM-Manipulationen, Javascript, PSDtoHTML

Mehr aus: Kleine, feine Websites, Z wie Weitere ;-)

Nur diesen Eintrag anzeigen | Alle Einträge aus dem Jahr 2011 / April 2011

OX Maskenbild, Heidelberg

Christian Ochs verfolgt mit seinem Unternehmen einen in der Branche ungewöhnlichen Weg, bietet er seinen Kunden ein umfassendes »Masken«-Angebot im Rahmen der Inszenierung in Oper und Theater an. Im Immobilenbereich würde man es »schlüsselfertig« nennen, beim Tourismus »All-Inclusive«, den Begriff den er prägen möchte heißt »Produktionsmanagement«. Seine Arbeiten sind beispielsweise im Rahmen der Salzburger Festspielen, der Ruhrtriennale oder im Festspielhaus Baden-Baden zu sehen gewesen. Viele Produktionen sind auch international unterwegs, dementsprechend war die englische Variante Pflicht.

Kunde: Christian Ochs, Heidelberg

Art der Leistung: Bildbearbeitung, DOM-Manipulationen, Marketing, PSDtoHTML, Screendesign, Wordpress

Mehr aus: Kunden A bis Z, Websites mit mittlerem Aufwand, Z wie Weitere ;-)

Nur diesen Eintrag anzeigen | Alle Einträge aus dem Jahr 2011 / Januar 2011

Albrecht Dammeyer, Pianist

Für meine Bürokollegin Miriam Awe durfte ich dieses Screendesign für Ihren Kunden in HTML umsetzen. Die Website gibt es in vier Sprachversionen, wobei der Einbau der chineischen Inhalte naturgemäß ein ziemlicher Blindflug war. Neben den Basisdaten bietet die Website noch einige Hörproben und ein Videos. Insgesamt eine kleine und sehr feine Umsetzung einer Künstlerpräsentation.

Referenz: Albrecht Dammeyer, Pianist

Kunde: Miriam Awe

Art der Leistung: DOM-Manipulationen, PSDtoHTML

Mehr aus: Kleine, feine Websites, Z wie Weitere ;-)

Nur diesen Eintrag anzeigen | Alle Einträge aus dem Jahr 2011 / Januar 2011

Martin Albietz, Kirchenmaler

Auch ein beruflich bedingt konservativer Selbständiger kommt irgendwann nicht mehr am Thema Website vorbei. Möchlicherweise ist es da hilfreich, wenn der Dienstleister aufgrund seiner anderen Kunden einen schnellen Zugang zum Thema findet und sich auch nicht davor scheut, die Mühen der Ebenen, hier die Digitalisierung der Referenzen zu übernehmen.

Kunde: Martin Albietz, Kirchenmaler, Müllheim

Art der Leistung: Bildbearbeitung, Marketing, PSDtoHTML, Screendesign

Mehr aus: Websites mit mittlerem Aufwand, Z wie Weitere ;-)

Nur diesen Eintrag anzeigen | Alle Einträge aus dem Jahr 2011 / Januar 2011

Online-Buchung für Pedalo-Radreisen >>

So richtig Spaß macht das Internet natürlich erst, wenn man sich nicht nur informieren, sondern das Gewünschte auch sofort ordern kann. Die Online-Bestellung der Reisen war daher das nächste Etappenziel. Die besondere Herausforderung dieser Aufgabe war dabei, die insgesamt sehr vielfältigen Optionen und Varianten die bei den Reisen möglich sind so abzubilden, dass möglichst wenig Fragen offen bleiben und der Bucher möglichst wenig verunsichert wird. Weiterlesen →