TimoM’s gists

TimoM / browserlanguage.js

Created November 28, 2019 07:22

let userLang = navigator.language || navigator.userLanguage;

TimoM / isVisibleInViewport.js

Created June 6, 2019 11:10

Check if element is in viewport

	function isVisibleInViewport(elem)
	{
	var y = elem.offsetTop;
	var height = elem.offsetHeight;

	while ( elem = elem.offsetParent )
	y += elem.offsetTop;

	var maxHeight = y + height;
	var isVisible = ( y < ( window.pageYOffset + window.innerHeight ) ) && ( maxHeight >= window.pageYOffset );

TimoM / trigger.js

Created June 6, 2019 11:08

Shorthand to trigger an event

	Object.prototype.trigger = function(e) {

	if (e == undefined) {
	console.error("Param missing");
	}

	var event = document.createEvent('HTMLEvents');
	event.initEvent(e, true, false);
	this.dispatchEvent(event);
	};

TimoM / addListenerMulti.js

Created June 6, 2019 11:08

Add same function to multiple events

	function addListenerMulti(el, s, fn) {
	s.split(' ').forEach(function(e){
	el.addEventListener(e, fn, false);
	});
	}

TimoM / forEach.js

Last active June 6, 2019 11:25

Shorthand forEach

	var forEach = function (array, callback, scope) {
	for (var i = 0; i < array.length; i++) {
	callback.call(scope, i, array[i]); // passes back stuff we need
	}
	};

TimoM / closestByClass.js

Created June 6, 2019 11:05

Select an element with chosen class that is nearest to element

	Object.prototype.closestByClass = function(clazz) {
	var el = this;

	while (!el.classList.contains(clazz)) {

	el = el.parentNode;
	if (!el) {
	return null;
	}
	}

TimoM / bottom.js

Last active June 6, 2019 11:23

Detect if reached bottom of page

	$(window).scroll(function() {
	if($(window).scrollTop() + $(window).height() == $(document).height()) {
	alert("bottom!");
	}
	});

TimoM / scrollAnchor.js

Last active November 11, 2019 09:46

Soft Scroll to anchor

	$("a[href*=\\#]").click(function(event){
	$('html, body').animate({
	scrollTop: $( $.attr(this, 'href') ).offset().top
	}, 800);
	event.preventDefault();
	});

TimoM / loadBackgroundImages.js

Created February 24, 2018 16:19

loadBackgroundImages

	$(window).on('load', function () {
	// image loader
	setInterval(loadBackgroundImages, 200);
	});
	function loadBackgroundImages(){
	var count = 0;
	$('[data-background-image]').each( function(){
	console.debug('load '+$(this).attr('data-background-image') );
	var source = $(this).attr('data-background-image');
	var target = $(this).css('backgroundImage');

TimoM / contentFadeIn.css

Last active February 24, 2018 16:18

Content FadeIn on Scroll down

Timo Montalto TimoM