Neues Fenster in XHTML 1.1

Die Lösung ist zwar nicht neu, aber ich hab sie gerade erst für mich entdeckt. ;) Kevin Yank beschreibt auf Sitepoint.com wie man mit JavaScript einen Link in einem neuen Fenster öffnet und zwar standardkonform in XHTML 1.1 (bzw. XHTML 1.0 Strict). Da das Attribut target in diesen Spezifikationen des W3C nicht mehr erlaubt ist, verwendet Yank das Attribut rel, das die Beziehung zwischen dem Dokument welches den Link enthält und dem Ziel des Links bestimmen soll. Im Link selbst wird also folgendes definiert:

<a href="abc.html" rel="external">Link</a>

Das folgende Script wird nun im HEAD-Bereich des Dokuments eingebunden oder in eine externe JavaScript-Datei ausgelagert:

function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName(”a”);
for (var i=0; i < anchors .length; i++) {
var anchor = anchors[i];
if (anchor.getAttribute(”href”) &#038;& anchor.getAttribute(”rel”) == “external”)
anchor.target = “_blank”;
}

}
window.onload = externalLinks;

In XHTML 1.1 gibt es auch eine Variante die völlig ohne JavaScript auszukommt, nämlich unter Nutzung der Möglichkeit selbst definierte Module einzubinden. Das ist aber schon wieder ein weites Feld und ich schreibe vielleicht noch was dazu, wenn ich es erfolgreich getestet habe.

Artikel: Neues Fenster in XHTML 1.1
Datum: Monday, 07. March 2005, 00:40 Uhr
Kategorien: Webdesign
Feed zum Beitrag: RSS 2.0 · Trackback: Trackback-URL
Diesen Artikel kommentieren.

2 Kommentare

Artikel kommentieren




Formatierung per XHTML oder Textile möglich.