pages/js/MillironX_CustomScripts.js

58 lines
1.7 KiB
JavaScript

/*!
* Custom scripts for millironx.github.io
*/
// Resize the window image on first page load
$(".img-src").width($("#main-content").width());
if ($("#top-container").width() > 768) {
$("#nav-link-container").height($("#nav-link-list").height());
}
// Resize the window image if the screen size changes
$(window).resize(function () {
$(".img-src").width($("#main-content").width());
if ($("#top-container").width() > 768) {
$("#nav-link-container").height($("#nav-link-list").height());
}
else {
$("#nav-link-container").css('height', '');
}
});
// Squeeze the heading text into the proper box
$("#motto").fitText();
$("[rel='tooltip']").tooltip();
// Animate the transparency for the glossy scroll effect
var transparentDemo = true;
var fixedTop = false;
$(window).scroll(function(e) {
oVal = ($(window).scrollTop() / 170);
$(".blur").css("opacity", oVal);
if (oVal >= 3) {
$(".img-src").css("visibility", "hidden")
}
else {
$(".img-src").css("visibility", "")
}
});
// Add class to invalid elements
var invalidClassName = 'invalid'
var inputs = document.querySelectorAll('input, select, textarea')
inputs.forEach(function (input) {
// Add a css class on submit when the input is invalid.
input.addEventListener('invalid', function () {
input.classList.add(invalidClassName)
})
// Remove the class when the input becomes valid.
// 'input' will fire each time the user types
input.addEventListener('input', function () {
if (input.validity.valid) {
input.classList.remove(invalidClassName)
}
})
})