[:de]

Als ich mein Blog (endlich) auf XHTML umstellen wollte, hatte ich ja wie bereits erwähnt, erst mit der Transitional-Variante angefangen. Das hatte eigentlich nur einen einzigen Grund: Bei XHTML Strict ist in Links kein target-Attribut erlaubt. Ich will mich auch überhaupt nicht auf irgendwelche Diskussionen darüber einlassen, ob man als Webmaster den User bevormunden darf, indem man das Öffnen neuer Fenster erzwingt oder nicht. Dazu gibt es im Web Hunderte, Tausende und Millionen von Meinungen, Threads und Posts, die mich allesamt nicht interessieren. Am Ende bleibt es ja doch eine Frage des Geschmacks – so wie Apple oder PC, Windows oder Unix, Porsche oder Ferrari, Kaffee oder Tee, Picard oder Kirk.

[:] [:en]

When I wanted to convert my blog to XHTML (finally), I first started with the Transitional version. There was really only one reason for that: in XHTML Strict, the target attribute is not allowed. I don’t want to get involved in any discussions about whether or not a webmaster may infantilize the user by forcing new windows to open. There are hundreds, thousands and millions of opinions, threads and posts on the web about that, all of which I don’t care about. In the end, it remains a matter of taste – just like Apple or PC, Windows or Unix, Porsche or Ferrari, coffee or tea, Picard or Kirk.

[:] [:de]

Ich persönlich mag es überhaupt nicht, wenn ich auf einen externen Link klicke und dieser sich nicht in einem neuen Fenster/Tab öffnet, sodaß ich – je nachdem, wie lange ich noch auf der neuen Seite herumklicke – zigmal den „Zurück“-Button betätigen muß, um wieder zur Ursprungsseite zurück zu gelangen.
Dennoch entschied ich mich schließlich doch für XHTML Strict. Um trotzdem die target-Funktionalität beibehalten zu können, habe ich ein JavaScript geschrieben, das ich aus zwei anderen, die ich im Netz fand:“Strict HTML/XHTML and target=”_blank”(Qian Qin)“:http://www.qianqin.de/de/2008/06/11/strict-htmlxhtml-and-target_blank/ :“Open External Links in New Window Automatically(CSS Globe)“:http://cssglobe.com/post/1281/open-external-links-in-new-window-automatically , die mir aber beide nicht hundertprozentig zusagten, zusammengebastelt habe.

Dies ist das Ergebnis:

function externalLinks() {
	if(!document.getElementsByTagName) return;
	var anchors = document.getElementsByTagName("a");
	for(var i=0; i

Dieses Script kann man nun einfach in einer Textdatei speichern und diese z. B. externalLinks.js nennen. Dann bindet man sie nach folgendem Muster in den head-Bereich seiner Seite ein:




Von jetzt an verwendet man in seinen Links nicht mehr target="_blank", sondern rel="external". Alle auf diese Weise ausgezeichneten Links werden nun automatisch von unserem JavaScript in einem neuen Fenster geöffnet. (Für Benutzer mit deaktiviertem JavaScript verhalten sie sich einfach wie ganz normale Links und öffnen sich im selben Fenster.)
[:]

[:en]
Personally, I don't like it at all when I click on an external link and it doesn't open in a new window/tab, so that - depending on how long I click around on the new site - I have to hit the "Back" button umpteen times in order to get back to the original site.

Nevertheless, I decided for XHTML Strict after all. In order to still keep the target functionality I wrote a JavaScript which I pieced together from two others that I found on the net:"Strict HTML/XHTML and target=”_blank”(Qian Qin)":http://www.qianqin.de/2008/06/11/strict-htmlxhtml-and-target_blank/ :"Open External Links in New Window Automatically(CSS Globe)":http://cssglobe.com/post/1281/open-external-links-in-new-window-automatically , but that didn't suit me a hundred percent.

This is the result:

function externalLinks() {
	if(!document.getElementsByTagName) return;
	var anchors = document.getElementsByTagName("a");
	for(var i=0; i

You can simply save this script in a text file and for example call it externalLinks.js. Then you implement it in the head area of your page according to this sample:




From now on, you don't use target="_blank" in your links anymore, but rel="external". All links marked like that will now automatically be opened in a new window by our JavaScript. (For users with JavaScript disabled, they will simply behave like ordinary links and open in the same window.)
[:]