pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[IMP] : code for page transition

Browse Source 
bzr revid: aja@tinyerp.com-20140211154023-n9x1uudkrnivrr9i
This commit is contained in:
ajay javiya (OpenERP)
2014-02-11 21:10:23 +05:30
parent 9a8afd1584
commit 7f083475d6
1 changed files with 25 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/website_blog/static/src/js/website_blog.js
+25 -38
View File
@@ -1,18 +1,29 @@
$(document).ready(function() {
$("#blog_content p").inlineDisqussions(); //Allow inline comments on blog post
$('.cover_footer').on('click',page_transist);
$('a[href^="#"]').on('click', animate);
$('.cover_footer').click(function(event) {
function page_transist(event) {
event.preventDefault();
var translationValue = $('.cover_footer').get(0).getBoundingClientRect().top;
newLocation = $(this).find('.js_next')[0].href;
$('.blog_cover').addClass('page_fadeup_out');
$('.cover_footer')
.addClass('page_upward')
.css({ "transform": "translate3d(0, -"+ translationValue +"px, 0)" })
.fadeIn(10000, newpage);
});
newLocation = $('.js_next')[0].href;
$('.cover_footer')
.fadeIn(900, newpage);
$("html, body").stop().animate({ scrollTop: $("#wrap").offset().top }, 'slow', 'swing');
}
function animate(event) {
event.stopImmediatePropagation()
var target = this.hash,
$target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 900, 'swing', function () {
window.location.hash = target;
});
}
function newpage() {
$.ajax({
url: newLocation,
@@ -21,34 +32,10 @@ $(document).ready(function() {
if (newLocation != window.location) {
history.pushState(null, null, newLocation);
}
//bind again it takes control from now on, until page relaod.
$(document).find('.cover_footer').on('click',page_transist);
$(document).find('a[href^="#"]').on('click', animate);
$(document).find("#blog_content p").inlineDisqussions();
});
}
$(document).on('mouseover',function() {
$('.cover_footer').click(function(event) {
event.preventDefault();
var translationValue = $('.cover_footer').get(0).getBoundingClientRect().top;
newLocation = $(this).find('.js_next')[0].href;
$('.blog_cover').addClass('page_fadeup_out');
$('.cover_footer')
.addClass('page_upward')
.css({ "transform": "translate3d(0, -"+ translationValue +"px, 0)" })
.fadeIn(900, newpage);
$("html, body").stop().animate({ scrollTop: $("#wrap").offset().top }, 'slow', 'swing');
});
$('a[href^="#"]').on('click',function (e) {
e.preventDefault();
var target = this.hash,
$target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 900, 'swing', function () {
window.location.hash = target;
});
});
});
});