Difference between revisions of "Team:Cambridge-JIC/Assets/Fudge js"

Line 3: Line 3:
 
     offset: 40
 
     offset: 40
 
});*/
 
});*/
 
 
function hndl(me) {
 
function hndl(me) {
     if($(me).parent().children("div").is(':visible')) {
+
     if ($(me).parent().children("div").is(':visible')) {
 
         $(".navsub_m").hide()
 
         $(".navsub_m").hide()
 
     } else {
 
     } else {
Line 17: Line 16:
 
};
 
};
  
$(window).ready(function(){
+
$(window).ready(function() {
  
//if($("#notebook").length == 1) return;
+
    //if($("#notebook").length == 1) return;
  
$(window).on("resize", function () {
 
  
 +
    $(window).on("resize", function() {
  
  
// highlight curr page
 
if(!window.location.href.match(/501/g)) {
 
  
    if($(window).width() < 768) {
+
        // highlight curr page
        $("a").each(function() {
+
        if (!window.location.href.match(/501/g)) {
 +
            if ($(window).width() < 768) {
 +
                $("a").each(function() {
  
if(~$(this).parent().parent().parent().prop("className").indexOf("nhs")) {
+
                    if (~$(this).parent().parent().parent().prop("className").indexOf("nhs")) {
$(this).parent().parent().parent().attr("class", "navsub");
+
                        $(this).parent().parent().parent().attr("class", "navsub");
$(this).parent().parent().parent().parent().attr("class", "");
+
                        $(this).parent().parent().parent().parent().attr("class", "");
$(this).parent().attr("class", "");
+
                        $(this).parent().attr("class", "");
}
+
                    }
  
if(~$(this).parent().prop('className').indexOf("nh")) {
+
                    if (~$(this).parent().prop('className').indexOf("nh")) {
$(this).parent().attr("class", "");
+
                        $(this).parent().attr("class", "");
}
+
                    }
  
});
+
                });
  
    }
+
            }
}
+
        }
  
  
$(".nh").children(".navsub").addClass("nhs")
+
        $(".nh").children(".navsub").addClass("nhs")
  
  
    if($(".navbar-toggle").is(":visible")) {
+
        if ($(".navbar-toggle").is(":visible")) {
        $("#hovertext").html("Tap on a face");
+
            $("#hovertext").html("Tap on a face");
        $(".navsub").each(function() {
+
            $(".navsub").each(function() {
            $(this).removeClass("navsub");
+
                $(this).removeClass("navsub");
            $(this).addClass("navsub_m");
+
                $(this).addClass("navsub_m");
            $(this).hide();
+
                $(this).hide();
            $(this).data("link", $(this).parent().children("a").attr("href"));
+
                $(this).data("link", $(this).parent().children("a").attr("href"));
            $(this).parent().children("a").attr("href", "#");
+
                $(this).parent().children("a").attr("href", "#");
            $(this).parent().children("a").attr("onclick", "hndl(this)");
+
                $(this).parent().children("a").attr("onclick", "hndl(this)");
        })
+
            });
        $(".slide").each(function(){
+
            $(".slide").each(function() {
            if($(this).data("mobile") == null) {
+
                if ($(this).data("mobile") == null) {
                $(this).data("mobile", 1)
+
                    $(this).data("mobile", 1)
                //$(this).css("background-size", "");
+
                        //$(this).css("background-size", "");
                //$(this).data("width", $(this).width());
+
                        //$(this).data("width", $(this).width());
                //$(this).width("auto")
+
                        //$(this).width("auto")
  
                //$(this).data("minheight", $(this).css("min-height"));
+
                    //$(this).data("minheight", $(this).css("min-height"));
                //$(this).css("min-height", "0px")
+
                    //$(this).css("min-height", "0px")
  
                $(this).children("div").data("fsz", $(this).children("div").css("font-size"));
+
                    $(this).children("div").data("fsz", $(this).children("div").css("font-size"));
                $(this).children("div").css("font-size", "12pt")
+
                    $(this).children("div").css("font-size", "12pt")
  
                $(this).children("div").data("ml", $(this).children("div").css("margin-left"));
+
                    $(this).children("div").data("ml", $(this).children("div").css("margin-left"));
                //$(this).children("div").css("margin-left", "30px")
+
                    //$(this).children("div").css("margin-left", "30px")
  
                $(this).children(".padleft").data("pl", $(this).children(".padleft").css("padding-left"));
+
                    $(this).children(".padleft").data("pl", $(this).children(".padleft").css("padding-left"));
                $(this).children(".padleft").css("padding-left", "50px")
+
                    $(this).children(".padleft").css("padding-left", "50px")
  
                $(".team .face .profile p").data("fsz", $(".team .face .profile p").css("font-size"));
+
                    $(".team .face .profile p").data("fsz", $(".team .face .profile p").css("font-size"));
                $(".team .face .profile p").css("font-size", "90%")
+
                    $(".team .face .profile p").css("font-size", "90%")
  
                //$(this).data("img", $(this).css("background-image"));
+
                    //$(this).data("img", $(this).css("background-image"));
  
                //mobimg = $(this).data("mobimg")
+
                    //mobimg = $(this).data("mobimg")
                //$(this).css("background-image", (mobimg == null? "none":mobimg))
+
                    //$(this).css("background-image", (mobimg == null? "none":mobimg))
            }
+
                }
        });
+
            });
    } else {
+
            $(".slide-main").addClass("slide-main-mob");
        $("#hovertext").html("Hover over on a face");
+
        } else {
        $(".navsub_m").each(function(){
+
            $("#hovertext").html("Hover over on a face");
            $(this).removeClass("navsub_m");
+
            $(".navsub_m").each(function() {
            $(this).show()
+
                $(this).removeClass("navsub_m");
            $(this).addClass("navsub");
+
                $(this).show()
            $(this).parent().children("a").attr("href", $(this).data("link"));
+
                $(this).addClass("navsub");
            $(this).parent().children("a").attr("onclick", "");
+
                $(this).parent().children("a").attr("href", $(this).data("link"));
        })
+
                $(this).parent().children("a").attr("onclick", "");
        $(".slide").each(function(){
+
            })
            $(this).css("background-size", "");
+
            $(".slide").each(function() {
            if($(this).data("mobile") == 1) {
+
                $(this).css("background-size", "");
                $(this).data("mobile", null)
+
                if ($(this).data("mobile") == 1) {
                //$(this).width($(this).data("width")+"px")
+
                    $(this).data("mobile", null)
                //$(this).css("background-image", $(this).data("img"))
+
                        //$(this).width($(this).data("width")+"px")
                //$(this).css("min-height", $(this).data("minheight"))
+
                        //$(this).css("background-image", $(this).data("img"))
                $(this).children("div").css("font-size", $(this).children("div").data("fsz"))
+
                        //$(this).css("min-height", $(this).data("minheight"))
                //$(this).children("div").css("margin-left", $(this).children("div").data("ml"))
+
                    $(this).children("div").css("font-size", $(this).children("div").data("fsz"))
                $(this).children(".padleft").css("padding-left", $(this).children(".padleft").data("pl"))
+
                        //$(this).children("div").css("margin-left", $(this).children("div").data("ml"))
                $(".team .face .profile p").css("font-size", $(".team .face .profile p").data("fsz"))
+
                    $(this).children(".padleft").css("padding-left", $(this).children(".padleft").data("pl"))
            }
+
                    $(".team .face .profile p").css("font-size", $(".team .face .profile p").data("fsz"))
        });
+
                }
    }
+
            });
    $(".navbar-collapse").css("max-height", ($(window).height()-67)+"px")
+
            $(".slide-main").removeClass("slide-main-mob");
 +
        }
 +
        $(".navbar-collapse").css("max-height", ($(window).height() - 67) + "px")
  
//reset highlighted page
+
        //reset highlighted page
  
if(!window.location.href.match(/501/g)) {
+
        if (!window.location.href.match(/501/g)) {
  
    if($(window).width() >= 768) {
+
            if ($(window).width() >= 768) {
  
        $("a").each(function(){
+
                $("a").each(function() {
          hr=$(this).attr("href");
+
                    hr = $(this).attr("href");
  
          if(hr && hr.match(/\/\/2015/g) && !hr.match(/http:/g)) {
+
                    if (hr && hr.match(/\/\/2015/g) && !hr.match(/http:/g)) {
url = 'http://' + window.location.hostname + window.location.pathname;
+
                        url = 'http://' + window.location.hostname + window.location.pathname;
              if(url.endsWith(hr)){
+
                        if (url.endsWith(hr)) {
  
                  if(~$(this).parent().parent().prop('className').indexOf("nav")) {
+
                            if (~$(this).parent().parent().prop('className').indexOf("nav")) {
                      $(this).parent().attr("class", "nh");
+
                                $(this).parent().attr("class", "nh");
                  }
+
                            }
  
                  if($(this).parent().parent().parent().prop('className')=="navsub") {
+
                            if ($(this).parent().parent().parent().prop('className') == "navsub") {
                    $(this).parent().parent().parent().attr("class", "nhs");
+
                                $(this).parent().parent().parent().attr("class", "nhs");
                    $(this).parent().parent().parent().parent().attr("class", "nh");
+
                                $(this).parent().parent().parent().parent().attr("class", "nh");
                    $(this).parent().attr("class", "nh");
+
                                $(this).parent().attr("class", "nh");
                  }
+
                            }
  
              }
+
                        }
          }
+
                    }
  
         })
+
                })
 +
            }
 +
        }
 +
 
 +
    }).resize();
 +
 
 +
    if(!$('.nhs').length) {
 +
        $('.slide').each(function(){
 +
            $(this).addClass('slide-main');
 +
        }
 +
        $(".slide").click(function() {
 +
            if ($(".navbar-toggle").is(":visible")) {
 +
                as = $(this).find('a');
 +
                if (as.length) {
 +
                    window.location.href = as[0].href;
 +
                }
 +
            }
 +
         });
 
     }
 
     }
}
 
  
}).resize();
+
    $(".face").on("click", facepalm)
 +
    $(".profile").on("mouseover", function() {
 +
        facepalm()
 +
        $(this).addClass("profilehovered");
 +
        $(this).css("opacity", 1);
 +
    })
  
$(".face").on("click", facepalm)
+
    $(".profile").on("mouseout", function() {
$(".profile").on("mouseover", function(){
+
        $(".blur").removeClass("facehovered");
facepalm()
+
        $(".profile").removeClass("profilehovered");
$(this).addClass("profilehovered");
+
        $(".profile").css("opacity", 0);
$(this).css("opacity", 1);
+
    })
})
+
  
$(".profile").on("mouseout", function(){
+
    $("img").each(function() {
$(".blur").removeClass("facehovered");
+
$(".profile").removeClass("profilehovered");
+
$(".profile").css("opacity", 0);
+
})
+
  
$("img").each(function(){
+
        if ($(this).parent().prop('nodeName') != 'a') {
 +
            $(this).on("click", function() {
 +
                window.location = $(this).attr("src")
 +
            });
 +
            $(this).css('cursor', 'pointer');
 +
        }
  
if($(this).parent().prop('nodeName') != 'a') {
+
    });
$(this).on("click", function(){
+
window.location = $(this).attr("src")
+
});
+
$(this).css('cursor','pointer');
+
}
+
 
+
});
+
  
  
 
});
 
});
  
function facepalm(){
+
function facepalm() {
$(".blur").removeClass("facehovered");
+
    $(".blur").removeClass("facehovered");
$(".profile").removeClass("profilehovered");
+
    $(".profile").removeClass("profilehovered");
$(".profile").css("opacity", 0);
+
    $(".profile").css("opacity", 0);
  
$(this).children(".blur").addClass("facehovered");
+
    $(this).children(".blur").addClass("facehovered");
$(this).children(".profile").addClass("profilehovered");
+
    $(this).children(".profile").addClass("profilehovered");
$(this).children(".profile").css("opacity", 1);
+
    $(this).children(".profile").css("opacity", 1);
  
 
}
 
}

Revision as of 22:42, 18 September 2015

/*$('body').scrollspy({

   target: '.bs-docs-sidebar',
   offset: 40

});*/ function hndl(me) {

   if ($(me).parent().children("div").is(':visible')) {
       $(".navsub_m").hide()
   } else {
       $(".navsub_m").hide()
       $(me).parent().children("div").show()
   }

}

String.prototype.endsWith = function(suffix) {

   return ~this.indexOf(suffix, this.length - suffix.length);

};

$(window).ready(function() {

   //if($("#notebook").length == 1) return;


   $(window).on("resize", function() {


       // highlight curr page
       if (!window.location.href.match(/501/g)) {
           if ($(window).width() < 768) {
               $("a").each(function() {
                   if (~$(this).parent().parent().parent().prop("className").indexOf("nhs")) {
                       $(this).parent().parent().parent().attr("class", "navsub");
                       $(this).parent().parent().parent().parent().attr("class", "");
                       $(this).parent().attr("class", "");
                   }
                   if (~$(this).parent().prop('className').indexOf("nh")) {
                       $(this).parent().attr("class", "");
                   }
               });
           }
       }


       $(".nh").children(".navsub").addClass("nhs")


       if ($(".navbar-toggle").is(":visible")) {
           $("#hovertext").html("Tap on a face");
           $(".navsub").each(function() {
               $(this).removeClass("navsub");
               $(this).addClass("navsub_m");
               $(this).hide();
               $(this).data("link", $(this).parent().children("a").attr("href"));
               $(this).parent().children("a").attr("href", "#");
               $(this).parent().children("a").attr("onclick", "hndl(this)");
           });
           $(".slide").each(function() {
               if ($(this).data("mobile") == null) {
                   $(this).data("mobile", 1)
                       //$(this).css("background-size", "");
                       //$(this).data("width", $(this).width());
                       //$(this).width("auto")
                   //$(this).data("minheight", $(this).css("min-height"));
                   //$(this).css("min-height", "0px")
                   $(this).children("div").data("fsz", $(this).children("div").css("font-size"));
                   $(this).children("div").css("font-size", "12pt")
                   $(this).children("div").data("ml", $(this).children("div").css("margin-left"));
                   //$(this).children("div").css("margin-left", "30px")
                   $(this).children(".padleft").data("pl", $(this).children(".padleft").css("padding-left"));
                   $(this).children(".padleft").css("padding-left", "50px")
                   $(".team .face .profile p").data("fsz", $(".team .face .profile p").css("font-size"));
                   $(".team .face .profile p").css("font-size", "90%")
                   //$(this).data("img", $(this).css("background-image"));
                   //mobimg = $(this).data("mobimg")
                   //$(this).css("background-image", (mobimg == null? "none":mobimg))
               }
           });
           $(".slide-main").addClass("slide-main-mob");
       } else {
           $("#hovertext").html("Hover over on a face");
           $(".navsub_m").each(function() {
               $(this).removeClass("navsub_m");
               $(this).show()
               $(this).addClass("navsub");
               $(this).parent().children("a").attr("href", $(this).data("link"));
               $(this).parent().children("a").attr("onclick", "");
           })
           $(".slide").each(function() {
               $(this).css("background-size", "");
               if ($(this).data("mobile") == 1) {
                   $(this).data("mobile", null)
                       //$(this).width($(this).data("width")+"px")
                       //$(this).css("background-image", $(this).data("img"))
                       //$(this).css("min-height", $(this).data("minheight"))
                   $(this).children("div").css("font-size", $(this).children("div").data("fsz"))
                       //$(this).children("div").css("margin-left", $(this).children("div").data("ml"))
                   $(this).children(".padleft").css("padding-left", $(this).children(".padleft").data("pl"))
                   $(".team .face .profile p").css("font-size", $(".team .face .profile p").data("fsz"))
               }
           });
           $(".slide-main").removeClass("slide-main-mob");
       }
       $(".navbar-collapse").css("max-height", ($(window).height() - 67) + "px")
       //reset highlighted page
       if (!window.location.href.match(/501/g)) {
           if ($(window).width() >= 768) {
               $("a").each(function() {
                   hr = $(this).attr("href");
                   if (hr && hr.match(/\/\/2015/g) && !hr.match(/http:/g)) {
                       url = 'http://' + window.location.hostname + window.location.pathname;
                       if (url.endsWith(hr)) {
                           if (~$(this).parent().parent().prop('className').indexOf("nav")) {
                               $(this).parent().attr("class", "nh");
                           }
                           if ($(this).parent().parent().parent().prop('className') == "navsub") {
                               $(this).parent().parent().parent().attr("class", "nhs");
                               $(this).parent().parent().parent().parent().attr("class", "nh");
                               $(this).parent().attr("class", "nh");
                           }
                       }
                   }
               })
           }
       }
   }).resize();
   if(!$('.nhs').length) {
       $('.slide').each(function(){
           $(this).addClass('slide-main');
       }
       $(".slide").click(function() {
           if ($(".navbar-toggle").is(":visible")) {
               as = $(this).find('a');
               if (as.length) {
                   window.location.href = as[0].href;
               }
           }
       });
   }
   $(".face").on("click", facepalm)
   $(".profile").on("mouseover", function() {
       facepalm()
       $(this).addClass("profilehovered");
       $(this).css("opacity", 1);
   })
   $(".profile").on("mouseout", function() {
       $(".blur").removeClass("facehovered");
       $(".profile").removeClass("profilehovered");
       $(".profile").css("opacity", 0);
   })
   $("img").each(function() {
       if ($(this).parent().prop('nodeName') != 'a') {
           $(this).on("click", function() {
               window.location = $(this).attr("src")
           });
           $(this).css('cursor', 'pointer');
       }
   });


});

function facepalm() {

   $(".blur").removeClass("facehovered");
   $(".profile").removeClass("profilehovered");
   $(".profile").css("opacity", 0);
   $(this).children(".blur").addClass("facehovered");
   $(this).children(".profile").addClass("profilehovered");
   $(this).children(".profile").css("opacity", 1);

}