You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
1.7 KiB
45 lines
1.7 KiB
<html>
|
|
<head>
|
|
<style type="text/css">
|
|
.link_layout{ filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; border: 1px solid red;}
|
|
</style>
|
|
<script type="text/javascript" src="{{ STATIC_URL }}edn/js/jquery.js"></script>
|
|
<script type="text/javascript" src="{{ STATIC_URL }}edn/js/jquery.heatcolor.js"></script>
|
|
<script type="text/javascript">
|
|
var top_links = [{% for tl in top_links %}"{{ tl.link.url|safe }}",{% endfor %}];
|
|
var top_links_score = new Array();
|
|
{% for tl in top_links %}
|
|
top_links_score["{{ tl.link.url|safe }}"] = "{{ tl.total_clicks }}";
|
|
{% endfor %}
|
|
|
|
function create_overlay(top, left, width, height, score) {
|
|
$("<div>", {"style": "position: absolute; width: "+ width +"px; height: "+ height +"px; top:" + top + "px; left:" + left + "px;",
|
|
"text": score,
|
|
"class": "link_layout"}).appendTo("#density_overlay");
|
|
}
|
|
|
|
$(document).ready(function(){
|
|
$("a").each(function(a){
|
|
var link = $(this);
|
|
var href = link.attr("href");
|
|
|
|
if (jQuery.inArray(href, top_links) != -1) {
|
|
var position = link.position();
|
|
create_overlay(position.top - 3, position.left - 3, link.width() + 4, link.height() + 4,
|
|
top_links_score[href]);
|
|
}
|
|
});
|
|
$("div.link_layout").heatcolor(
|
|
function() { return $(this).text(); },
|
|
{lightness: 0, colorStyle: 'greentored', reverseOrder: true });
|
|
});
|
|
</script>
|
|
<title>{% block title %}{{ object.title }}{% endblock %}</title>
|
|
</head>
|
|
<body>
|
|
<div id="density_overlay"></div>
|
|
{% block body %}
|
|
{{ object.content|safe }}
|
|
{% endblock %}
|
|
</body>
|
|
</html>
|
|
|