Difference between revisions of "Template:TUDelft/js/script"

(update content)
Line 1: Line 1:
 
(function () {
 
(function () {
−
   var first = "igem";
+
   var intro_height = 450,
−
  var secon = "tudelft";
+
    hr_height = 13,
−
  var third = "gmail";
+
    hr_margin_bottom = 16,
−
  var forth = "com";
+
 
−
  var all = first + "." + secon + "@" + third + "." + forth;
+
    // For simple hr.
−
  var sall = " " + " " + all;
+
    hr_heigth = 0,
−
  var ma = "ma" + "il";
+
    hr_margin_bottom = 0,
−
  var mm = ma + "to" + ":";
+
 
 +
    first = "igem",
 +
    secon = "tudelft",
 +
    third = "gmail",
 +
    forth = "com",
 +
    all = " " + " " + first + "." + secon + "@" + third + "." + forth,
 +
    sall = " " + " " + all,
 +
    ma = "ma" + "il",
 +
    mm = ma + "to" + ":";
 
   $(function () {
 
   $(function () {
−
     // Dynamically add e-mail
+
     // Dynamically add e-mail to distract spam bots
 
     $("#mail-button").attr("href", mm + all);
 
     $("#mail-button").attr("href", mm + all);
 
     $("#email").text(sall);
 
     $("#email").text(sall);
  
 
     // Removing empty p tages
 
     // Removing empty p tages
−
     $("p").filter( function() {
+
     $("p").filter(function () {
−
       return $.trim($(this).text()) == '';
+
       return $.trim($(this).text()) === '';
 
     }).remove();
 
     }).remove();
  
 
     // Pop up boxes on menu
 
     // Pop up boxes on menu
 
     $("#contact span").hide();
 
     $("#contact span").hide();
−
     $("#contact li").hover(function () {
+
     addMenuHoverEffects();
−
       $(this).find("span").animate({width: 'show'});
+
  });
−
    }, function () {
+
 
−
       $(this).find("span").animate({width: 'hide'});
+
  // Set absolute position menu when scrolling over intro img
 +
  $(function () {
 +
    $(window).scroll(function () {
 +
       var scroll = $(window).scrollTop(),
 +
        top_bar = $('#top-bar'),
 +
        intro_height = $('#top-img').outerHeight();
 +
      if (scroll > intro_height) {
 +
        top_bar.addClass('fixed-menu container');
 +
        $('#top-hr').addClass('fixed-top-hr');
 +
        $('#top-hr').css('top', "" + top_bar.outerHeight() + "px");
 +
        $('main').css("margin-top", "" + (top_bar.outerHeight() + hr_height + hr_margin_bottom) + "px");
 +
       } else {
 +
        $('#top-bar').removeClass('fixed-menu container');
 +
        $('main').css("margin-top", 0);
 +
        $('#top-hr').removeClass('fixed-top-hr');
 +
      }
 
     });
 
     });
 
   });
 
   });
 +
 +
  //  $(function () {
 +
  //    alert($('footer').css('padding-top'));
 +
  //  })
  
 
}());
 
}());
 +
 +
  
 
// function for copying text to clipboard (used for phone number)
 
// function for copying text to clipboard (used for phone number)
Line 36: Line 65:
 
   document.execCommand("copy");
 
   document.execCommand("copy");
 
   $temp.remove();
 
   $temp.remove();
 +
  alert("You copied: " + element + ".");
 +
}
 +
 +
function addMenuHoverEffects() {
 +
  $("#contact li a, #contact li button").hover(function () {
 +
    $(this).find("span").animate({
 +
      width: 'show'
 +
    });
 +
  }, function () {
 +
    $(this).find("span").animate({
 +
      width: 'hide'
 +
    });
 +
  });
 
}
 
}
−
console.log(5);
 

Revision as of 12:02, 4 May 2017

(function () { 

 var intro_height = 450,
   hr_height = 13,
   hr_margin_bottom = 16,

   // For simple hr.
   hr_heigth = 0,
   hr_margin_bottom = 0,

   first = "igem",
   secon = "tudelft",
   third = "gmail",
   forth = "com",
   all = " " + " " + first + "." + secon + "@" + third + "." + forth,
   sall = " " + " " + all,
   ma = "ma" + "il",
   mm = ma + "to" + ":";
 $(function () {
   // Dynamically add e-mail to distract spam bots
   $("#mail-button").attr("href", mm + all);
   $("#email").text(sall);

   // Removing empty p tages
   $("p").filter(function () {
     return $.trim($(this).text()) === ;
   }).remove();

   // Pop up boxes on menu
   $("#contact span").hide();
   addMenuHoverEffects();
 });

 // Set absolute position menu when scrolling over intro img
 $(function () {
   $(window).scroll(function () {
     var scroll = $(window).scrollTop(),
       top_bar = $('#top-bar'),
       intro_height = $('#top-img').outerHeight();
     if (scroll > intro_height) {
       top_bar.addClass('fixed-menu container');
       $('#top-hr').addClass('fixed-top-hr');
       $('#top-hr').css('top', "" + top_bar.outerHeight() + "px");
       $('main').css("margin-top", "" + (top_bar.outerHeight() + hr_height + hr_margin_bottom) + "px");
     } else {
       $('#top-bar').removeClass('fixed-menu container');
       $('main').css("margin-top", 0);
       $('#top-hr').removeClass('fixed-top-hr');
     }
   });
 });

 //  $(function () {
 //    alert($('footer').css('padding-top'));
 //  })

}());


// function for copying text to clipboard (used for phone number) function copyToClipboard(element) { 

 var $temp = $("<input>");
 $("body").append($temp);
 $temp.val(element).select();
 document.execCommand("copy");
 $temp.remove();
 alert("You copied: " + element + ".");

}

function addMenuHoverEffects() { 

 $("#contact li a, #contact li button").hover(function () {
   $(this).find("span").animate({
     width: 'show'
   });
 }, function () {
   $(this).find("span").animate({
     width: 'hide'
   });
 });

}