Skip to content

Instantly share code, notes, and snippets.

@thotbox
thotbox / JavaScript: Viewport Height.js
Last active August 29, 2015 14:04
JavaScript: Viewport Height
$(document).ready(function(){
$window = $(window);
var targetHeight = $window.height();
var viewportWidth = $window.width();
if (viewportWidth > 640) {
$('#targetID').css({ height: targetHeight });
}
});
$(window).bind('resize', function () {
@thotbox
thotbox / JavaScript: Center Block Grid Orphans.js
Last active August 29, 2015 14:03
JavaScript: Center Block Grid Orphans
// Blog Grid Center Fix
function centerBlockGrid(listID){
$window = $(window);
var windowWidth = $window.width();
var listWidth = $(listID).width();
var smallGrid;
var mediumGrid;
var largeGrid;
@thotbox
thotbox / CSS: Retina Media Queries.css
Last active August 29, 2015 14:03
CSS: Retina Media Queries
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#header { background: url('/themes/site_themes/site/img/header-image-retina.jpg'); }
}
@media only screen and (min--moz-device-pixel-ratio: 2) {
#header { background: url('/themes/site_themes/site/img/header-image-retina.jpg'); }
}
@media only screen and (-o-min-device-pixel-ratio: 2/1) {
#header { background: url('/themes/site_themes/site/img/header-image-retina.jpg'); }
}
@media only screen and (min-device-pixel-ratio: 2) {
@thotbox
thotbox / JavaScript: Required Toggle.js
Last active August 29, 2015 14:03
JavaScript: Required Toggle
// Cable Field Required
$('#email_optin').click(function() {
if ($('#email_optin').prop('checked')) {
$('#cable_provider').attr('required', true);
$('#cable_provider_label').addClass('required-label');
}
if (!$('#email_optin').prop('checked')) {
$('#cable_provider').removeAttr('required');
$('#cable_provider_label').removeClass('required-label');
@thotbox
thotbox / JavaScript: Combo Box Search.js
Last active August 29, 2015 14:03
JavaScript: Combo Box Search
// Combo Box
$(document).ready(function() {
$('#providers li').click(function(e) {
$('#provider').val($(this).text()).change();
setTimeout(function () {
$('#provider-list').hide();
}, 300);
});
$('#provider').blur(function() {
@thotbox
thotbox / ExpressionEngine: Foundation Bootstrap Template.html
Last active August 29, 2015 14:03
ExpressionEngine: Foundation Bootstrap Template
<!doctype html>
{if '{exp:browser_detect:browser}' == 'IE8'}
<html class="no-js lt-ie9" lang="en">
{if:elseif '{exp:browser_detect:browser}' == 'IE9'}
<html class="no-js lt-ie10" lang="en">
{if:else}
<html class="no-js" lang="en">
{/if}
<head>
@thotbox
thotbox / JavaScript: Slick Init.js
Last active August 29, 2015 14:03
JavaScript: Slick Init
// Slick
$('.image-switcher').slick({
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
fade: true,
pauseOnHover: false,
autoplaySpeed: 5000,
});
@thotbox
thotbox / HTML: Popup Social Links.html
Last active August 29, 2015 14:03
HTML: Popup Social Links
@thotbox
thotbox / JavaScript: Popup Function.js
Last active August 29, 2015 14:03
JavaScript: Popup Function
// Popup
function popupCenter(pageURL,title,w,h) {
var left = (window.screen.width/2)-(w/2);
var top = (window.screen.height/2)-(h/2);
var targetWin = window.open (pageURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
}
@thotbox
thotbox / JavaScript: Google Map Fixes.js
Last active August 29, 2015 14:03
JavaScript: Google Map Fixes
// IE8 Map Fix - Add data-lat and data-long attributes to .map-container
if ($('html').hasClass('lt-ie9')) {
if($('.map-container').length ) {
var mapLat = $('.map-container').attr('data-lat');
var mapLong = $('.map-container').attr('data-long');
setTimeout(function() {
google.maps.event.trigger(map, 'resize');
map_map.setCenter(new google.maps.LatLng(mapLat,mapLong));
}, 500);