Wie funktioniert folgendes Feature?

[nero-15]

Hallo,
ich bin hoffentlich im richtigen Forum gelandet, um meine Frage klären zu können.
Wie funktioniert der Link "Ausdrucken" über folgendem Artikel, der einen in die Druckansicht versetzt?
http://www.abendblatt.de/hamburg/article1166478/106-Sporthallen-an-Schulen-vorsorglich-gesperrt.html

Folgender Abschnitt beinhaltet den Link zum Ausdrucken:

    <div class="article-service">
        <ul class="list-links">
            <li class="font-sizer"><a class="down replaced" href="#" rel="fontSizer:-" title="Schrift verkleinern">-</a><a class="up replaced" href="#" rel="fontSizer:+" title="Schrift vergrößern">+</a>Schrift</li>
            <li class="icon-send"><a rel="nofollow" href="#sendafriend" id="sendafriend-link">Versenden</a></li>
            <li class="icon-print"><a rel="nofollow" href="http://www.abendblatt.de/hamburg/article1166478/106-Sporthallen-an-Schulen-vorsorglich-gesperrt.html" id="printArticle">Ausdrucken</a></li>

            <script type="text/javascript">HA.bookmark.writeLink();</script>
        </ul>
    </div>

Die Frage klingt dumm, aber ich kann mir wirklich nicht erklären wie es funktioniert, da das Ziel des Links die Seite selber ist und keinerlei Variablen übergeben werden.
Meine Vermutung ist, dass ein Javaskript dahinter steckt. Ich verstehe allerdings nicht wie es aufgerufen wird.

Ich wäre sehr dankbar, wenn mich jemand über die benutzte Technik aufklären könnte

Vielen Dank

 

[kuddeldaddeldu]

Hi,

ich habe jetzt nicht näher in den Quelltext geschaut, aber die Funktionalität wurde dem Link vermutlich durch sogenanntes "Unobtrusive Javascript" hinzugefügt.
Die Druckansicht sieht nach einer Light-/Lyte-/Thick-/whatever-Box aus.

LG

 

[Matthias Reitinger]

ich habe jetzt nicht näher in den Quelltext geschaut, aber die Funktionalität wurde dem Link vermutlich durch sogenanntes "Unobtrusive Javascript" hinzugefügt.

Richtig. Folgender Ausschnitt aus http://www.abendblatt.de/abendblatt.de/scripts/hao.1.js ist dafür verantwortlich (Formatierung stammt von mir):

$("#printArticle").click(function() {
  HA.showOverlay({onShow:HA.setPrintMode});
  return false;
});

Das ganze läuft mit jQuery.

Grüße, Matthias

 

[nero-15]

Vielen Dank für die Antworten.
Mein Plan war es eigentlich an den Quelltext der Printversion per normaler GET Anfrage heranzukommen, aber das scheint dann ja nicht möglich zu sein.
Blödes Skript
Ich möchte den Artikel aus der Seite parsen und das wäre in der Printversion wesentlich einfacher.
Hat evtl. jemand eine gute Idee dazu?

 

[Matthias Reitinger]

Ich möchte den Artikel aus der Seite parsen und das wäre in der Printversion wesentlich einfacher.

Wie kommst du darauf? Das Markup ist in der Printversion auch nicht wesentlich anderes. Es ändert sich im Prinzip nur das Stylesheet.

Grüße, Matthias