Skip to content

Instantly share code, notes, and snippets.

View fietstouring's full-sized avatar

Philipp Hofstätter fietstouring

View GitHub Profile
@fietstouring
fietstouring / jquery.resp.condition.js
Created February 27, 2016 13:35
jquery responsive condition based on CSS properties (media queries)
// function is triggered on resize and document ready
$(window).on('resize',function() {
var $elem = $('.my-checker-elem');
if ($elem.length && $elem.css('display') == 'none') { // or other CSS property
// do something
} else {
// do something or not ...
}
}).trigger('resize');
@fietstouring
fietstouring / jquery.ocmenu-animate-close.js
Created February 27, 2016 13:33
ocmenu onepager animate local links and ocmenu with timeout
var lnks = $(".ocmenu a:not(.ocmenu-subopen)");
lnks.click(function(e) {
e.preventDefault();
var $html = $('html, body'),
href = $(this).attr('href'),
offs = $(href).offset().top;
$(".ocmenu-item").removeClass("ocmenu-active");
$(this).parent("li").addClass("ocmenu-active");
@fietstouring
fietstouring / r4.seo42.sociallinks.php
Created February 27, 2016 13:29
Redaxo Social Icons
@fietstouring
fietstouring / js.detect-ie.js
Created February 27, 2016 13:26
detect IE and IE11/13/Edge
function GetIEVersion() {
var sAgent = window.navigator.userAgent;
var Idx = sAgent.indexOf("MSIE");
// If IE, return version number.
if (Idx > 0)
return parseInt(sAgent.substring(Idx+ 5, sAgent.indexOf(".", Idx)));
// If IE 11 then look for "Trident" in user agent string.
else if (!!navigator.userAgent.match(/trident/gi))
@fietstouring
fietstouring / jquery.svg-img-fallback.js
Last active February 27, 2016 13:24
simple fallback for SVG images
// SVG Fallback to PNG with data-fallback="url-to-fallback-image.ext"
if(!Modernizr.svg) {
var imgs = $('img[data-fallback]');
imgs.attr('src', imgs.data('fallback'));
}
// SVG Fallback to pngs by the same name
if (!Modernizr.svg) {
var imgs = document.getElementsByTagName('img');
var svgExtension = /.*\.svg$/
@fietstouring
fietstouring / jquery.back-to-top.js
Last active February 27, 2016 13:23
dynamic back-to-top button
// Dynamic Back-to-Top Link Button
var offset = 350,
duration = 600,
btt = $('#back-to-top');
$(window).scroll(function() {
if(btt.css("position") !== "static") {
if ($(this).scrollTop() > offset) {
btt.fadeIn(duration);
} else {
@fietstouring
fietstouring / jquery.locallinks.js
Created February 27, 2016 13:19
animated local links
@fietstouring
fietstouring / js.getScrollBarWidth.js
Created February 27, 2016 13:00
JS get srollbar width
/* Use .msie-overflow {
-ms-overflow-style: scrollbar;
}
on the outer created DIV. */
function getScrollbarWidth() {
var outer = document.createElement("div");
outer.style.visibility = "hidden";
outer.style.width = "100px";
@fietstouring
fietstouring / jquery.toggler.csstransition.js
Created February 27, 2016 12:58
jQuery toggler with CSS transition listener
var toggler = function(element, open, closing) {
var b = element;
if(b.hasClass(open)) {
b.addClass(closing);
b.one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend',
function(e) {
b.removeClass(closing);
});
}