Commit 044d6380 authored by Martin Bieder's avatar Martin Bieder

Verlinkung von Quellen ermöglichen.

parent f2c43828
......@@ -20,6 +20,7 @@
{% include footer.html %}
{% include scripts.html %}
<script src="{{ site.baseurl }}/js/sources.js"></script>
</body>
</html>
......@@ -23,7 +23,7 @@ Gerade bei Tablet-PCs sind heutzutage Bildschirmgrößen erreicht, die denen von
### Fazit
Abschließend lässt sich festhalten, dass Responsive Webdesign Vor- und Nachteile hat. Insbesondere wenn sehr stark auf Responsive Webdesign gesetzt wird, kann es zu Problemen hinsichtlich Erwartungskonformität und Perfomanz kommen.
<hr>
<hr id="sources">
<small>
<sup>1</sup> Maisriml, Chio & König, Sabine (2015). [Die Nachteile von Responsive Webdesign](http://beesign.com/themen/responsive-webdesign-nachteile.html). Abgerufen: 07.11.2015.
......
......@@ -2,6 +2,10 @@ html {
overflow-y: scroll;
}
sup>a:target {
background: yellow;
}
.breadcrumb {
margin-top: -30px;
margin-bottom: 30px;
......
/**
* Funktionalität für den Klick-Support der Quellenangaben.
*/
(function($) {
var $sups = $('sup');
// <sup> durchlaufen und zu Links umwandeln
$sups.each(function() {
var $el = $(this);
var sources = $el.text().split(', ');
// Links zu #cite_{nr} für jeden <sup> erzeugen
sources.forEach(function(source) {
$el.after('<sup><a href="#cite_' + source + '">' + source + '</a></sup>');
$el.remove();
});
});
// <sup>-Links in #sources zu Anchor-Name-Tags umwandeln
$('#sources').nextAll('p').find('small>sup').each(function() {
var $anchor = $(this).find('a');
// Name-Attribut anhand des href zusammenbauen.
// Alles nach dem Hash verwenden.
$anchor.attr(
'name',
$anchor.attr('href').substring(
$anchor.attr('href').indexOf('#') + 1
)
);
$anchor.removeAttr('href');
});
})(jQuery);
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment