Team:NYMU-Taipei/menu.js
From 2014.igem.org
Line 33: | Line 33: | ||
}); | }); | ||
$(window).scroll(function (event){ | $(window).scroll(function (event){ | ||
- | var y = | + | var y = window.scrollTop; |
if(window.location.pathname=='/Team:NYMU-Taipei'){ | if(window.location.pathname=='/Team:NYMU-Taipei'){ | ||
$('.header').css({'background-position':'0px '+(40+y)+'px' }); | $('.header').css({'background-position':'0px '+(40+y)+'px' }); | ||
Line 90: | Line 90: | ||
var loadPage=function(toUrl){ | var loadPage=function(toUrl){ | ||
- | |||
$.get( toUrl , function(data) { | $.get( toUrl , function(data) { | ||
Line 99: | Line 98: | ||
var PageFunction=function(toUrl){ | var PageFunction=function(toUrl){ | ||
- | + | // var y=$(window).scrollTop(); | |
- | + | ||
$('.header').css({'background-position': '0px 40px','background-attachment': 'scroll'}); | $('.header').css({'background-position': '0px 40px','background-attachment': 'scroll'}); | ||
Line 121: | Line 120: | ||
} | } | ||
else if(toUrl=='/Team:NYMU-Taipei'){ | else if(toUrl=='/Team:NYMU-Taipei'){ | ||
- | + | ||
$('.outlink').css({'margin-top':200}); | $('.outlink').css({'margin-top':200}); | ||
HomeFunc(); | HomeFunc(); |
Revision as of 02:25, 7 August 2014
$(window).on('beforeunload', function() {
$(window).scrollTop(0);
}); $( document ).ready(function() {
$('#menu > ul > li') .on('mouseenter', function(){ clearTimeout($.data(this,'timer')); $(this).find('ul').stop(true,true).slideDown(200); if($(this).hasClass('now')) return ; $(this).find('> a > span').stop(true,true).animate({opacity: '1'}, 300); }) .on('mouseleave', function(){ $.data(this,'timer', setTimeout($.proxy(function() { $(this).find('ul').stop(true,true).slideUp(200); }, this), 100)); if($(this).hasClass('now')) return ; $(this).find('> a > span').stop(true,true).animate({opacity: '0'}, 300); }) .click( function(){ $('#menu > ul > li').removeClass('now'); $(this).addClass('now'); $(this).find('> a > span').stop(true,true).animate({opacity: '1'}, 300); $('#menu > ul > li').not(this).find('a > span').css({opacity: '0'}); }); $('#menu > ul > li > ul > li') .on('mouseenter',function(){ $(this).find('a > span').css({'display':'block',opacity: '1'}); }) .on('mouseleave',function(){ $(this).find('a > span').css({'display':'none',opacity: '1'}); }); $(window).scroll(function (event){ var y = window.scrollTop; if(window.location.pathname=='/Team:NYMU-Taipei'){ $('.header').css({'background-position':'0px '+(40+y)+'px' }); } else{ $('.outlink').css({marginTop: 200-y,}); } if(y>290){ $('#menu').css({ marginTop:0, }); } else{ $('#menu').css({ marginTop:290-y, }); } });
$(window).bind('popstate', function() { //override back button to get the ajax content without page reload var toUrl=location.pathname; loadPage(toUrl); }); $('#menu a').click(function(e){ //to get the ajax content and display in div 'main-content' e.preventDefault(); var toUrl=$(this).attr('href'); loadPage(toUrl); if(toUrl!=window.location.pathname){ //to change the browser URL to the given link location window.history.pushState({path:toUrl},,toUrl); } });
PageFunction(window.location.pathname); //tooth// var move=0; $('#toothy').on('mousedown',function(){ move=1; }) .on('mouseup',function(){ move=0; }); $('#toothy').children().on('mousedown',function(e){e.stopPropagation();}); $(window).on('mousemove',function(e){ if(move==0) return ; var x=e.clientX; var y=e.clientY; var dx=$(window).scr $('#toothy').css({left:x-50,top:y-50}); }); questionGameFunction(); ////
});
var loadPage=function(toUrl){
$.get( toUrl , function(data) {
$('#main-content').html($(data).find('#main-content').html()); PageFunction(toUrl); });
};
var PageFunction=function(toUrl){
// var y=$(window).scrollTop();
$('.header').css({'background-position': '0px 40px','background-attachment': 'scroll'});
$('#menu > ul > li').each(function(){ if($(this).find('a').attr('href')==toUrl){ $(this).addClass('now'); $(this).find('a > span').css({opacity: '1'}); } else{ $(this).removeClass('now'); $(this).find('a > span').css({opacity: '0'}); } }); if(toUrl=='/Team:NYMU-Taipei/team/member'){ teamMemFunc(); } else if(toUrl=='/Team:NYMU-Taipei/team/gallery'){ teamGalFunc(); } else if(toUrl=='/Team:NYMU-Taipei'){
$('.outlink').css({'margin-top':200}); HomeFunc(); } else if(toUrl=='/Team:NYMU-Taipei/notebook/journal'){ NbJrnlFunc(); }
};
var teamMemFunc=function(){
console.log('xd1'); $('.mem_pullbar').hover(function(){ var pic2=$(this).parent().find('.mem_pic2'); pic2.stop(true,true).animate({ bottom: 0 , opacity : 1},500); },function(){ var pic2=$(this).parent().find('.mem_pic2'); pic2.stop(true,true).animate({ bottom: -260 , opacity : 0.5},500); });
};
var teamGalFunc=function(){
var thumbs=$('.g-thumb').children();
var n=thumbs.length; var mainFrame=$('.main-img'); var nextbt=$('.g-left'); var prevbt=$('.g-right'); var nImages; var frameWidth=mainFrame.width(); var currId,prevId,nextId; var initFunction=function(){ currId=0; for(var i=0;i<n;i++){
var newDiv=$("");newDiv.css({'background':"url('"+thumbs.eq(i).attr('src')+"')",'left':-frameWidth}); mainFrame.append(newDiv); } nImages=mainFrame.children().not(nextbt).not(prevbt); nImages.eq(0).css({'left':0}); }; var playNextFunction=function(duration){ nextId=(currId+1)%n; nImages.eq(nextId).css({'left':frameWidth}); nImages.eq(currId).stop(true,true).animate({'left':-frameWidth},duration); nImages.eq(nextId).stop(true,true).animate({'left':0},duration); currId=nextId; }; var playPrevFunction=function(duration){ prevId=(currId-1+n)%n; nImages.eq(prevId).css({'left':-frameWidth}); nImages.eq(currId).stop(true,true).animate({'left':frameWidth},duration); nImages.eq(prevId).stop(true,true).animate({'left':0},duration); currId=prevId; };
initFunction();
// setInterval(playNextFunction(700),5000);
nextbt.click(function(){ playNextFunction(700); }); prevbt.click(function(){ playPrevFunction(700); });
thumbs.click(function(){
var d=thumbs.index($(this)); var start=currId; if(d>start){ var p=(d-start+n)%n;
var duration=700;
for(var i=0;i<p;i++) playNextFunction(duration); } else{ var p=(start-d+n)%n;
var duration=700;
for(var i=0;i<p;i++) playPrevFunction(duration); } }); };
var HomeFunc=function(){
$('.home1').css({'width':screen.width-(screen.width-1104)/2-45});
};
var NbJrnlFunc=function(){ };
var questionGameFunction=function(){ var data; var dialog=$('#dialog'); var qnaNextBt=$('#qnaNextBt');
var qnaPrevBt=$('#qnaPrevBt'); var closeBt=$('#qnaClose'); var openBt=$('#convopen');
var status=1; var qId=0; $.getJSON('/Team:NYMU-Taipei/QnAgame.json?action=raw',function(Jdata){ data=Jdata; showQuestion(qId); });
var showResponce=function(res){ var s; if(res){ //yes
s='yay :)
';} else{ //no
s='oh, not right.
';} dialog.html(s); }
var showQuestion=function(){ var s;
s=""+data[qId]["Q"]+"
";
for(var i=0;i<data[qId]["S"].length;i++){
s+="<input type='radio' name='op' value='"+i+"'>";
s+=data[qId]["S"][i];
s+="
";
}
dialog.html(s);
}
var endConv=function(){var s="
Hope you have a good time visiting our wiki. Enjoy it!
";dialog.html(s); qnaNextBt.css({'display':'none'}); }
qnaNextBt.click(function(){ if(status){ //question mode var p=$('input[name="op"]:checked').val(); showResponce( p==data[qId]["A"] ? 1:0 );
qId++;
} else{ //response mode
if(qId>=data.length){ endConv(); }
else{
showQuestion(qId); } }
status=1-status; }); qnaPrevBt.click(function(){
qId--; if(qId<0){ qId=0; } status=1; showQuestion(qId); qnaNextBt.css({'display':'block'}); }); closeBt.click(function(){ dialog.css({'display':'none'}); qnaNextBt.css({'display':'none'}); qnaPrevBt.css({'display':'none'}); closeBt.css({'display':'none'}); openBt.css({'display':'block'}); }); openBt.click(function(){ dialog.css({'display':'block'}); qnaNextBt.css({'display':'block'}); qnaPrevBt.css({'display':'block'}); closeBt.css({'display':'block'}); openBt.css({'display':'none'}); });
};