Dem Besucher die Möglichkeit zu geben die Anfahrt zu einem Unternehmensstandort berechnen zu lassen ist heut zu tage ein muss für jede Unternehmens Webseite. Unschön ist ein weiteres Fenster / Pop-Up das sich öffnet nur um eine Anfahrtsskizze über die Google Maps Funktion anzuzeigen. Im selben Fenster wollen wir Google Maps nicht öffnen. Wir wollen den Besucher nicht von der Webseite weg manövrieren.
Ein Lösungsvorschlag von mir ist das öffnen von Google Maps in einer Highlighting-Box wie der Shadowbox. Als angenehm empfunden haben viele Besucher einen zweiten Link für die Google Routen Berechnung. Bei den Vorhaben seine Anfahrtsroute zu berechnen sollte man dem Besucher nicht im Interface / Platz beschneiden.
Hierzu habe ich mithilfe von jQuery ein kleines Script geschrieben, das am besten in den Header des Dokumentes, nach dem jQuery Framework und der Shadowbox, eingebunden wird. Ein paar HTML Elemente müssen wir ebenfalls auf der Webseite platzieren um dem Besucher Interaktion zu ermöglichen.
Das Beispiel auf dieser Seite beeinhaltet die Anzeige der Anfahrt, dargestellt in der Shadowbox, ins Watergate nach Berlin.
Anfahrt anzeigen • Route berechnenFremd Beispiel 2: “PSD zu WordPress Theme” (unten auf der Seite)
Die Einrichtung um Google Maps in der Shadowbox öffnen zu lassen gestaltet sich, wenn man weiß wie, sehr einfach.
Das jQuery Framework und die Shadowbox müssen vor Script Aufruf in das HTML Dokument eingebunden werden. Dies geschieht im Kopfbereich folgerndermaßen:
<link rel="stylesheet" type="text/css" href="shadowbox.css" /> <script src="jquery.js" type="text/javascript"></script> <script src="shadowbox.js" type="text/javascript"></script>
Aktuelle Downloads findest du hier:
Dieses Script bindet das “click” Event an den Link und macht es uns möglich nach einem Klick eines Benutzers mit einer eigenen Funktion zu reagieren. In unserer Funktion werden wird der Wert des Formularfeldes ermittelt und als GET Parameter (Adresse) für den iFrame der Shadowbox verwendet.
Das zweite “click” Event öffnet ein neues Fenster / Tab mit der Adresse aus dem Formularfeld für die Google Routen Berechnung.
jQuery(document).ready(function() { Shadowbox.init({ handleOversize: 'drag', modal: true }); jQuery('#google-route-b').bind('click', function() { Shadowbox.open({ content: jQuery(this).attr('href')+jQuery('#google-route-f').attr('value'), player: 'iframe' }); return false; }); jQuery('#google-route-d').bind('click', function() { jQuery(this).attr('href', jQuery(this).attr('href')+jQuery('#google-route-f').attr('value')); return true; }); });
Der Selektor #google-route-b steht hierbei für den Link auf den geklickt werden muss um unser “Formular” abzusenden. #google-route-f bezeichnet das Feld mit der Adresse des Besuchers. Die Rückgabe von “false” am Ende der Funktion verhindert das öffnen von den Google Routen im selben Fenster.
#google-route-d kennzeichnet den Link um die Google Routen Berechnung. Nach dem Einfügen der Adresse aus dem Input Feld in den Link wird “true” zurück gegeben um dem Browser zu signalisieren weiter mit seiner standard Link Routine zu arbeiten.
<input type="text" name="saddr" title="Ihre Adresse" class="input-text" id="google-route-f"> <a href="http://maps.google.de?daddr=***DEINE STRAßE, DEINE STADT***&&output=embed&saddr=" title="Anfahrt anzeigen" id="google-route-b" target="_blank">Anfahrt anzeigen</a> <a href="http://maps.google.de?daddr=***DEINE STRAßE, DEINE STADT***&saddr=" title="Route berechnen" id="google-route-d" target="_blank">Route berechnen</a>
***DEINE STRAßE, DEINE STADT*** ist natürlich durch die jeweilige Firmenadresse zu ersetzen.
Besser spät als nie. Habe gerade heute erst erfahren das eine neue Version des Skript für Internetrecht verfügbar ist. Nur 6 Monate später veröffentlicht Thomas Hoeren, Professor für Informationsrecht und Rechtsinformatik an der Wilhelms-Universität in Münster, ein nachfolge Skript für April 2011.
Vor der Veröffentlichung wurde das Skript für Internetrecht grundlegend überarbeitet und auf den neusten Stand gebracht. Neben 300 zusätzlichen Urteilen die das Skript vom Oktober 2011 nun umfasst und komplett neu zu Papier gebrachten Artikeln, wurden auch neue Themen wie Social Media, Rechtsprechung zur Haftung sowie internationale Änderungen eingepflegt.
Der Download erfolgt hier: Skript für Internetrecht Oktober 2011 PDF
Ob es ratsam ist externe Links in neuem Fenster / Tab zu öffnen bzw. Verweise generell in neuen Tabs / Fenstern zu öffnen ist umstritten. Grundsätzlich werden dabei zwei sinnvolle Ansätze vertreten.
- Ansatz A
Dem Benutzer ist es selbst überlassen wie sich Links nach anklicken verhalten. Alle Links öffnen sich im selben Fenster.
- Ansatz B
Dem Benutzer wird die Entscheidung abgenommen und externe Links öffnen sich in einem neuen Fenster / Tab. Hierbei wird die eigentliche Seite nicht verlassen.
Ich selbst tendiere zu Ansatz B. Sollte es, aus welchen Gründen auch immer, nicht möglich sein ein target=”_blank” Server seitig in das HTML Dokument einzufügen verwende ich eine Javascript Funktion auf jQuery Basis.
Externe Links in neuem Fenster öffnen -extendable
Diese Methode ist insbesondere interessant wenn verschiedene Faktoren für die Prüfung eines Links erforderlich sind.
/* Nicht vergessen das jQuery Framework vor diesem Snippet einzubinden */ jQuery(document).ready(function() { var getdomainname = function(url) { return url.split('/')[2].split(':')[0]; } var targetblank = function() { if (window.location.host != getdomainname(jQuery(this).attr('href'))) jQuery(this).attr('target', '_blank'); } jQuery('body a').each(targetblank); });
Mithilfe dieser Funktion können jederzeit auch einzelne Bereiche der Internetseite angesprochen werden. Strukturen ohne externe Links sollten auch aus Performance Gründen nicht von der Funktion überprüft werden.
Weitere Informationen zur Funktion getdomainname() findest du in meinem vorherigen Post: Javascript: Domain Name ermitteln (JS: get domain name) via URL
Externe Links in neuem Fenster öffnen – quicky
/* Nicht vergessen das jQuery Framework vor diesem Snippet einzubinden */ jQuery(document).ready(function() { jQuery("a[href^='http']:not([href^='"+window.location.host+"'])").attr('target', '_blank'); });
Diese Methode fügt allen a Tags mit einem http:// am Anfang des href Attributes das nicht der aktuellen Domain entspricht das target=”_blank” hinzu. Nicht zu vergessen ist, das auch hier mit Hilfe des Selektors aus einzelne Bereiche des HTML Dokuments angesprochen werden können. Dieser Vorgehensweise fehlt es leider an Erweiterbarkeit. Insbesondere für Filter Regeln zur die Auswahl der Links.
Die aktuelle Domain in Form *Subdomain**Domain Name**Top-Level Domain* einer Internetseite wird in Javascript mit
window.location.host
ermittelt. Hierbei werden ebenfalls Subdomains beachtet. Die Top-Level Domain erhält man mit:
document.domainDomain Name aus einer URL ermitteln
Um in Javascript den Domain Name aus einer URL zu ermitteln benötigt es keinen großen Aufwand. Für das Ermitteln des Domain Namens aus einer URL in Javascript verwende folgende Funktion:
var getdomainname = function(url) { return url.split('/')[2].split(':')[0]; }
In diesem Einzeiler wird der URL String zweifach geteilt. Anhand von /, : und jeweils mit den passenden teilen des Arrays weitergearbeitet. Diese Array Einzelteile werden durch [2] und [0] definiert. Reinen PHP Programmierern wird diese Vorgehensweise suspekt sein. Eine alternative Lösungsmöglichkeit stellt das ermitteln der Domain mittels einem Regulären Ausdruck dar.
getdomainname('http://www.example.com/example/example');
Der Rückgabewert hierbei ist “www.example.com”.
Mit der Shadowbox treten Probleme beim verwenden in Eingabefeldern (input Tags) und Textfelder (textarea Tags) auf. Die Leertaste sowie die links und rechts Tasten werden beim tippen in Textfelder nicht eingefügt bzw. das Textfeld reagiert nicht.
Die Ursache ist das Shadowbox.js, unsere Highlight-Box, die Tastensignale als Steuersignale für das Weiterschalten und der gleichen verwendet. Abhilfe schafft das Initialisieren der Shadowbox mit dem Parameter enableKeys: false. Beispiel Code:
Shadowbox.init({ handleOversize: 'drag', modal: true, enableKeys: false });
Der Hoster Hetzner (Hetzner Online AG) wurde laut eigener Kundeninformation am Mittwoch den 05.10.2011 auf einen missbräuchlichen Zugriff auf deren internes System hingewiesen. Möglicherweise hatten die Angreifer Zugriff auf Kundendaten. Am 06.10.2011 wurde das Bayerische Landesamt für Datenschutzaufsicht von Hetzner informiert.
Aus Sicherheitsgründen sollen Zugangsdaten von Webhosting, Managed Servern, Domain Registration Robots und vServern geändert werden. Weitere Informationen zur Zugangsdaten Änderung und aktuelle Informationen zum Thema stellt Hetzner bereit:
Beim E-Mail Versand des Hetzner Robots kann es zu längeren Verzögerungen kommen. Falls du auf eine E-Mail seitens des Hetzner Robots wartest solltest du dich ein wenig gedulden. Laut Hetzner versendet der Robot ab einer bestimmten Last keine E-Mails mehr. Sondern speichert diese in einer Warteschlange um sie später zu versenden.
Die Wortwahl in der E-Mail die Hetzner an seine Kunden versendet hat ist gut getroffen. In der E-Mail wird von missbräuchlichen Zugriff und Angreifern berichtet. Das Wort “Hack” oder gar “gehackt” wird dabei nicht in den Mund genommen. Die Reaktion von Hetzner auf diesen Hack ist vorbildlich. Ebenso bin ich der Überzeugung, das wie von Hetzner versichert, meine Daten mit best möglichen Mittel geschützt wurden.
Anhägend die Informations E-Mail die Hetzner am 06.10.2011 an seine Kunden versandt hat.
Sehr geehrter Kunde,
am gestrigen Mittwoch wurden wir auf einen missbräuchlichen Zugriff in unser internes
System aufmerksam gemacht. Soweit wir es derzeit rekonstruieren können, war es dem
Angreifer möglich, auf interne Kundendaten der Hetzner Online Administrationssysteme
zuzugreifen.Wir haben sofort nach Kenntnisnahme damit begonnen, den Vorfall zu rekonstruieren.
Nach jetzigem Kenntnisstand liegen uns keine Hinweise von Kundenseite über
Datenmissbrauch vor. Leider können wir dies jedoch nicht völlig ausschließen und bitten
Sie daher, sämtliche Passwörter auf Ihrem Hetzner-System umgehend zu ändern.
Grundsätzlich empfiehlt es sich, keine identischen Passwörter für mehrere Systeme
zu verwenden.Wir setzen alles daran, damit Ihre Kundendaten bei uns in sicheren Händen sind.
Das Thema Datenschutz hat für uns eine sehr hohe Prioriät. Doch leider können Vorfälle
wie dieser nicht ganz ausgeschlossen werden. Um eine lückenlose und transparente Aufklärung
zu garantieren, werden wir diesen Vorfall in Kürze den Aufsichtsbehörden melden.Den aktuellen Stand der Ermittlungen können Sie auf hetzner-status.de einsehen.
Wir bedanken uns für Ihr Verständnis und Ihr Vertrauen.
Mit freundlichen Grüßen
