{% block extrahead %}
<script type="text/javascript" charset="utf-8">
$(function() {
- $('#document-list a').click(function() {
+ $('#document-list a[data-hash]').click(function() {
if (!$(this).hasClass('active')) {
- $('#document-list a').removeClass('active');
+ $('#document-list a[data-hash]').removeClass('active');
$(this).addClass('active');
document.location.hash = $(this).attr('data-hash');
}
return false;
});
-
+
var lastHash = null;
-
+
function checkHash() {
if (document.location.hash != lastHash) {
lastHash = document.location.hash;
$('#document-list a').removeClass('active');
documentLink.addClass('active');
};
-
+
if ($('#document-detail').attr('data-hash') != lastHash) {
$('#document-detail')
.attr('data-hash', lastHash)
} else if (!document.location.hash) {
$('#document-list a:first').click();
}
-
+
setTimeout(checkHash, 500);
};
-
+
checkHash();
});
</script>
{% block body %}
<h1>{% trans "Hand-outs for teachers" %}</h1>
<form action="{% url search %}" method="GET" accept-charset="utf-8" id="search-form">
- <p>{{ form.q }} <input type="submit" value="{% trans "Search" %}" /> <strong>{% trans "or" %}</strong> <a href="{% url main_page %}">{% trans "return to homepage" %}</a></p>
+ <p>{{ form.q }} <input type="submit" value="{% trans "Search" %}" /> <strong>{% trans "or" %}</strong> <a href="{% url main_page %}">{% trans "return to main page" %}</a></p>
</form>
-
+
<div id="document-list">
- <ol>
- {% for object in object_list %}
- <li><a href="{{ object.get_absolute_url }}" data-hash="#{{ object.slug }}">{{ object }}</a></li>
- {% endfor %}
- </ol>
+ {% chunk "document-list" %}
</div>
<div id="document-detail">
</div>
{% endblock %}
-
\ No newline at end of file