Optimale Verlinkung für Windows
    
HOME
ZURÜCK SITEMAP  

 Optimale Verlinkung für PopUp-Windows

Sie wissen nie wer kommt, auch nicht womit! JavaScript abgeschaltet, PopUps nicht erlaubt - Was geschieht mit ihren Window-Links?

 Interessante Möglichkeiten   Methoden für Verweise auf PopUp-Funktionen und optionale alternative Möglichkeiten. Ein optimierter Verweis schafft Abhilfe, wenn PopUp-Blocker oder Einschränkungen in JavaScript das Öffnen eines PopUp-Windows per Mausklick nicht zulassen.


Zur Erinnerung: Der übliche Link zum öffnen einer HTML-Seite sieht so aus: Im 'href-Attribut' des Verweises steht der Name der Datei. 
<a href="datei.htm">Seite öffnen</a>


   1) Fenster auf - 3 Link-Varianten

Um auf eine Funktion zum Öffnen eines PopUp-Windows zu verweisen benötigt man JavaScript. Daher zuerst die Notierung 'JavaScript', nach dem Doppelpunkt dann die Bezeichnung (der Name) der Funktion. Für neuere Browser sieht ein Link für ein PopUp-Window so aus: 
<a href="javascript:PopUpWindow01();">Fenster öffnen</a>
Alternativ (für ältere Browser war das früher so üblich) auch in dieser Form.

1) Man benutzte einen Dummy-Anker (#) in einem Verweis und dann die Mouse-Event-Überwachung 'onClick'. 
<a href="#" onClick="PopUpWindow01();">Fenster öffnen></a>
Ein Klick auf diesen Link mit Dummy-Anker führte auf einer bereits herunter gescrollten Seite aber auch zur Verschiebung der Seite selbst nach oben (auf einen Anker der nicht existiert).

2) Abhilfe schaffte der Eintrag 'javascript:void(0)' statt des '#'. 
<a href="javascript:void(0)" onClick="PopUpWindow01();">Fenster öffnen</a>


   PopUp-Blocker und ausgeschaltetes JavaScript

Diese oben gezeigten 3 Möglichkeiten sind aber nicht optimal um eine Seite zu verlinken, die in einem Window angezeigt werden soll. Hier z.B. ist die Grenze erreicht:




  1. Sicherheitseinstellungen

    In Browsern die JavaScript nicht unterstützen oder wo JavaScript disabled (abgeschaltet) wurde, könnte man diesen Links nicht folgen.

  2. PopUp-Blocker

    Selbst da, wo der Browser einen alternativen 'Rechtsklick' zum Öffnen des Links erlaubt funktioniert das nicht. Diesen Links fehlt der notwendige href-Wert. Ergebnis: leere Fenster werden geöffnet.



   2) Link für alle

Eine bessere (und faire) Möglichkeit zur Verlinkung auf PopUp-Inhalte bietet sich an. Diese Methode erlaubt beide Darstellungsmöglichkeiten und schließt keinen Besucher aus, ob nun mit abgeschaltetem JavaScript / unterdrückten PopUps oder nicht. 
<a href="seite.htm" onClick="PopUpWindow01(); return false;">Link</a>
Diese Notierung kreiert einen Link, der die Seite für Nicht-JavaScript-Browser in einer normalen Ansicht öffnet.

Wenn JavaScript erlaubt ist, wird der Default-Link durch 'return false' unterdrückt und die eingetragene Funktion 'PopUpWindow01()' wird ausgeführt. Die dort eingetragene Seite wird wie vorgesehen im Window geöffnet.



   Weiterer Schritt zur Vereinfachung

Wenn sie eine PopUp-Funktion nutzen, die im Window-Script die zu öffnende Seite als Attribut übergibt (z.B. Window definieren 02) in der Form 
<a href="javascript:PopUp01('seite.htm');">Link</a>
können sie Tipparbeit (und Fehlerursachen) einsparen mit 
<a href="seite.htm" onClick="PopUp01(this.href); return false;">Link</a>
Die Seiten-URL für das PopUp-Window wurde festgelegt mit 'this.href', was JavaScript anweist auf den href-Wert des Links zu 'schauen' und diesen zu benutzen.






NACH OBEN