Optimale Verlinkung für Windows
    
 Home • PopUp-Windows • PopUp-Window optimal verlinken  

 Optimale Verlinkung für PopUp-Windows

Sie wissen nie wer kommt, auch nicht womit! JavaScript abgeschaltet, PopUps nicht erlaubt - Was geschieht mit ihren PopUp-Windows?
PopUp-Window-Link für alle Fälle

So soll der optimale Link aussehen. Erklärungen dazu auf dieser Seite. 
<a href="seite.htm" onClick="PopUp01(this.href); return false;">Textlink</a>
 Interessante Möglichkeiten  
Hier erfahren Sie etwas über Methoden für Verweise auf PopUp-Funktionen und die (automatisierte) optionale Möglichkeit der Anzeige. 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. Das funktioniert auch bei unterdrücten JavaScript-Funktionen. 
<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  mit einem einen Dummy-Anker

Man benutzte, ähnlich wie bei einem seiteninternen Verweis, einen Dummy-Anker (#) als Referenz in dem 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

Die oben aufgeführten 3 Möglichkeiten sind aber nicht optimal um eine Seite zu verlinken, die in einem PopUp-Windows angezeigt werden soll, falls ein PopUp-Blocker eingeschaltet ist. 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) Seite anzeigen - ein 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.



   3) 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.





26.05.2005   
NACH OBEN