Difference between revisions of "Team:Cambridge-JIC/Assets/Fudge js"
| (11 intermediate revisions by 2 users not shown) | |||
| 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() { | ||
| − | |||
| − | |||
| − | + | // 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")) { | + | 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")) { | |
| − | + | $("#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"); | |
| − | + | /* cause i can */ $("section:not(:first-of-type) .slide-main").height($(window).width()/2 + "px").css("min-height", "0") | |
| − | + | $(".factcol-container").addClass("factcol-container-mob"); | |
| − | + | } else { | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | } | + | |
| − | + | ||
| − | + | ||
| − | // | + | $("section:not(:first-of-type) .slide-main").height("auto").css("min-height", "600px") |
| + | $("#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"); | ||
| + | $(".factcol-container").removeClass("factcol-container-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"); | ||
| + | } | ||
| − | + | } | |
| − | + | } | |
| − | } | + | |
| − | } | + | }); |
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | } | + | |
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | } | + | |
| − | + | }); | |
| − | if($(this).parent().prop(' | + | // janky |
| − | $(this). | + | $("a").each(function() { |
| − | + | hr = $(this).attr("href"); | |
| − | + | ||
| − | $(this). | + | 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")) { | ||
| + | $('.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; | ||
| + | } | ||
| + | } | ||
| + | }); | ||
| + | } | ||
| − | }); | + | } |
| + | } | ||
| + | |||
| + | }) | ||
| + | |||
| + | $(window).resize(); | ||
| + | |||
| + | $(".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(){ | + | 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); |
} | } | ||
Latest revision as of 01:40, 19 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");
/* cause i can */ $("section:not(:first-of-type) .slide-main").height($(window).width()/2 + "px").css("min-height", "0")
$(".factcol-container").addClass("factcol-container-mob");
} else {
$("section:not(:first-of-type) .slide-main").height("auto").css("min-height", "600px")
$("#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");
$(".factcol-container").removeClass("factcol-container-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");
}
}
}
});
}
}
});
// janky
$("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")) {
$('.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;
}
}
});
}
}
}
})
$(window).resize();
$(".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);
}