EbookFoundation
/
regluit
mirror of https://github.com/EbookFoundation/regluit.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #122 from Gluejar/bind_hijax_properly 

Bind hijax properly
pull/1/head
eshellman 2013-02-07 06:22:01 -08:00
parent 08ad67a447 145ba865db
commit 5baa519d40
2 changed files with 5 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/templates/base.html
View File

@ -11,6 +11,7 @@
{% url landing as landingurl %} {% url landing as landingurl %}
{% url new_edition '' '' as editionurl %} {% url new_edition '' '' as editionurl %}
{% url libraries as librariesurl %} {% url libraries as librariesurl %}
{% url about_specific 'main' as aboutmainurl %}
{% load truncatechars %} {% load truncatechars %}
<html> <html>
@ -153,7 +154,7 @@
<div class="column"> <div class="column">
<span>About Unglue.it</span> <span>About Unglue.it</span>
<ul> <ul>
<li><a href="{% url about_specific 'main' %}" class="hijax">Concept</a></li> <li><a href="{{ aboutmainurl }}" class="hijax">Concept</a></li>
<li><a href="{{ abouturl }}">Team</a></li> <li><a href="{{ abouturl }}">Team</a></li>
<li><a href="http://blog.unglue.it">Blog</a></li> <li><a href="http://blog.unglue.it">Blog</a></li>
<li><a href="{{ pressurl }}">Press</a></li> <li><a href="{{ pressurl }}">Press</a></li>

15
static/js/hijax.js
View File

@ -4,7 +4,7 @@
var $j = jQuery.noConflict(); var $j = jQuery.noConflict();
$j(document).ready(function() { $j(document).ready(function() {
$j("#js-page-wrap").on("click", "a.hijax", function(event) { $j("#js-page-wrap, #footer").on("click", "a.hijax", function(event) {
event.preventDefault(); event.preventDefault();
$j("#lightbox").load($j(this).attr("href") + " #lightbox_content", function() { $j("#lightbox").load($j(this).attr("href") + " #lightbox_content", function() {
// centering divs of dynamic width: shockingly hard. make sure lightbox is centered on load. // centering divs of dynamic width: shockingly hard. make sure lightbox is centered on load.
@ -24,9 +24,7 @@ $j(document).ready(function() {
} }
// fade-out rest of page elements on expand // fade-out rest of page elements on expand
$j('#feedback').css({"opacity": "0.07"}); $j('#feedback, #js-page-wrap, #footer').css({"opacity": "0.07"});
$j('#js-page-wrap').css({"opacity": "0.07"});
$j('#footer').css({"opacity": "0.07"});
$j('#about_expandable').css({'position': 'absolute'}); $j('#about_expandable').css({'position': 'absolute'});
$j('#about_expandable').fadeTo("slow", 1); $j('#about_expandable').fadeTo("slow", 1);
@ -48,15 +46,8 @@ $j(document).ready(function() {
// fade-in normal page elements on collapse // fade-in normal page elements on collapse
$j('#about_collapser').on("click", function(){ $j('#about_collapser').on("click", function(){
$j('#js-topsection').fadeTo("slow", 1); $j('#js-topsection, .launch_top, .preview, #main-container, #js-rightcol, #js-header, #js-page-wrap, #footer, #feedback').fadeTo("slow", 1);
$j('.launch_top').fadeTo("slow", 1);
$j('.preview').fadeTo("slow", 1);
$j('#main-container').fadeTo("slow", 1);
$j('#js-rightcol').fadeTo("slow", 1);
$j('#js-header').fadeTo("slow", 1);
$j('#js-header a').css({"cursor": "pointer"}); $j('#js-header a').css({"cursor": "pointer"});
$j('#js-page-wrap').fadeTo("slow", 1);
$j('#footer').fadeTo("slow", 1);
$j('#about_expandable').css({"display": "none"}); $j('#about_expandable').css({"display": "none"});
}); });