Added grab-scroll to document page view

This commit is contained in:
Roberto Rosario
2011-04-20 23:38:47 -04:00
parent f4fa7e327d
commit 6c6cf81792
3 changed files with 141 additions and 18 deletions
+1 -1
View File
@@ -32,7 +32,7 @@ class DocumentPageImageWidget(forms.widgets.Widget):
def render(self, name, value, attrs=None):
if value:
output = []
output.append('<div style="overflow: auto;"><img src="%(img)s?page=%(page)s" /></div>' % {
output.append('<div class="full-height scrollable" style="overflow: auto;"><img src="%(img)s?page=%(page)s" /></div>' % {
'img': reverse('document_display', args=[value.document.id]),
'page': value.page_number,
})
+20 -17
View File
@@ -31,6 +31,11 @@
{% endblock %}
{% block web_theme_javascript %}
<script type="text/javascript" src="{{ MEDIA_URL }}packages/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="{{ MEDIA_URL }}packages/jquery.fancybox-1.3.4/fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="{{ MEDIA_URL }}packages/jquery.scrollview.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
$("input:text:visible:not(#livesearch):not([readonly]):enabled:first").focus();
@@ -42,13 +47,7 @@
return false;
});
});
});
</script>
<script type="text/javascript" src="{{ MEDIA_URL }}packages/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="{{ MEDIA_URL }}packages/jquery.fancybox-1.3.4/fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
$("a.fancybox").fancybox({
'titleShow' : false,
'transitionIn' : 'elastic',
@@ -68,17 +67,21 @@
'autoScale' : false
});
$("a.fancybox-iframe").fancybox({
'titleShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'easingIn' : 'easeOutBack',
'easingOut' : 'easeInBack',
'type' : 'iframe',
'autoScale' : false,
'width' : '99%',
'height' : '99%',
'showNavArrows' : false
});
'titleShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'easingIn' : 'easeOutBack',
'easingOut' : 'easeInBack',
'type' : 'iframe',
'autoScale' : false,
'width' : '99%',
'height' : '99%',
'showNavArrows' : false,
'margin' : 20
});
$('.scrollable').scrollview();
$('.full-height').height($(window).height() - 175);
});
</script>
{% block javascript %}{% endblock %}