Difference between revisions of "Template:Technion/Javascript"

(Created page with " $(document).ready(function() { var resize_flag; var scroll_flag; if( $(window).width() < 1000) { resize_flag = 0; } else { re...")
 
 
(13 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
$(document).ready(function() {
+
$(document).ready(function() {
 +
// The function actually applying the offset
 +
function offsetAnchor() {
 +
if(location.hash.length !== 0) {
 +
window.scrollTo(window.scrollX, window.scrollY - 100);
 +
}
 +
}
 +
 +
// This will capture hash changes while on the page
 +
$(window).on("hashchange", function () {
 +
offsetAnchor();
 +
});
 +
 +
// This is here so that when you enter the page with a hash,
 +
// it can provide the offset in that case too. Having a timeout
 +
// seems necessary to allow the browser to jump to the anchor first.
 +
window.setTimeout(function() {
 +
offsetAnchor();
 +
}, 1); // The delay of 1 is arbitrary and may not always work right (although it did in my testing).
 
 
−
var resize_flag;
+
if (window.scrollY >= 350)
 +
{
 +
$('.up_button').fadeIn();
 +
}
 +
else
 +
{
 +
$('.up_button').fadeOut();
 +
}
 +
 
 +
 
 +
$(window).scroll(function () {
 +
          if ($(this).scrollTop() > 350) {
 +
              $('.up_button').fadeIn();
 +
          } else {
 +
              $('.up_button').fadeOut();
 +
          }
 +
      });
 +
      $('.up_button').click(function () {
 +
          $("html, body").animate({
 +
              scrollTop: 0
 +
          }, 600);
 +
          return false;
 +
      });
 +
 +
 +
 +
 +
/***********************************old-dropdown-menu-code---not-relevant*************************************
 
var scroll_flag;
 
var scroll_flag;
−
+
var hover_flag = false;
−
if( $(window).width() < 1000)
+
−
{
+
−
resize_flag = 0;
+
−
}
+
−
else
+
−
{
+
−
resize_flag = 1;
+
−
}
+
 
 
 
if (window.scrollY >= 450)
 
if (window.scrollY >= 450)
Line 22: Line 59:
 
}
 
}
 
 
−
if ((resize_flag == 1) && (scroll_flag == 1))
+
if (scroll_flag == 1)
 
{
 
{
−
$(".dropdown").show();
+
$(".dropdown nav").css("max-height", "0px");
 
}
 
}
 
else
 
else
 
{
 
{
−
$(".dropdown").hide();
+
$(".dropdown nav").css("max-height", "999px");
−
}
+
−
+
−
+
−
+
−
window.onresize=function() {
+
−
if( $(window).width() < 1000)
+
−
{
+
−
resize_flag = 0;
+
−
}
+
−
else
+
−
{
+
−
resize_flag = 1;
+
−
}
+
−
if ((resize_flag == 1) && (scroll_flag == 1))
+
−
{
+
−
$(".dropdown").show();
+
−
}
+
−
else
+
−
{
+
−
$(".dropdown").hide();
+
−
}
+
 
}
 
}
 
 
 +
 
window.onscroll=function() {
 
window.onscroll=function() {
 
if (window.scrollY >= 450)
 
if (window.scrollY >= 450)
Line 61: Line 78:
 
scroll_flag = 0;
 
scroll_flag = 0;
 
}
 
}
−
if ((resize_flag == 1) && (scroll_flag == 1))
+
if ((hover_flag == false) && (scroll_flag == 1))
 
{
 
{
−
$(".dropdown").show();
+
$(".dropdown nav").css("max-height", "0px");
 
}
 
}
 
else
 
else
 
{
 
{
−
$(".dropdown").hide();
+
$(".dropdown nav").css("max-height", "999px");
 
}
 
}
 
}
 
}
−
});
+
 +
$(".dropdown").hover(function()
 +
{
 +
hover_flag = true;
 +
$(".dropdown nav").css("max-height", "999px");
 +
},
 +
 +
function()
 +
{
 +
hover_flag = false;
 +
if(scroll_flag == 1)
 +
{
 +
$(".dropdown nav").css("max-height", "0px");
 +
}
 +
});
 +
***********************************old-dropdown-menu-code---not-relevant---end*****************************/
 +
 
 +
 
 +
 
 +
 +
});

Latest revision as of 19:29, 16 September 2015

$(document).ready(function() { // The function actually applying the offset function offsetAnchor() { if(location.hash.length !== 0) { window.scrollTo(window.scrollX, window.scrollY - 100); } }

// This will capture hash changes while on the page $(window).on("hashchange", function () { offsetAnchor(); });

// This is here so that when you enter the page with a hash, // it can provide the offset in that case too. Having a timeout // seems necessary to allow the browser to jump to the anchor first. window.setTimeout(function() { offsetAnchor(); }, 1); // The delay of 1 is arbitrary and may not always work right (although it did in my testing).

if (window.scrollY >= 350) { $('.up_button').fadeIn(); } else { $('.up_button').fadeOut(); }


$(window).scroll(function () { 

         if ($(this).scrollTop() > 350) {
             $('.up_button').fadeIn();
         } else {
             $('.up_button').fadeOut();
         }
     });
     $('.up_button').click(function () {
         $("html, body").animate({
             scrollTop: 0
         }, 600);
         return false;
     });



/***********************************old-dropdown-menu-code---not-relevant************************************* var scroll_flag; var hover_flag = false;

if (window.scrollY >= 450) { scroll_flag = 1; } else { scroll_flag = 0; }

if (scroll_flag == 1) { $(".dropdown nav").css("max-height", "0px"); } else { $(".dropdown nav").css("max-height", "999px"); }


window.onscroll=function() { if (window.scrollY >= 450) { scroll_flag = 1; } else { scroll_flag = 0; } if ((hover_flag == false) && (scroll_flag == 1)) { $(".dropdown nav").css("max-height", "0px"); } else { $(".dropdown nav").css("max-height", "999px"); } }

$(".dropdown").hover(function() { hover_flag = true; $(".dropdown nav").css("max-height", "999px"); },

function() { hover_flag = false; if(scroll_flag == 1) { $(".dropdown nav").css("max-height", "0px"); } });

                                                                      • old-dropdown-menu-code---not-relevant---end*****************************/



});