View get-query-string-with-js.js
function getParameterByName(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, " "));
}
View myFormatCurrency.js
function myFormatCurrency(num, options) {
// Defaults to showing cents with normal rounding on the cent.
// myFormatCurrency(1000.021) -> "$1,000.02"
// options = 1 Don't show the cents
// myFormatCurrency(1000.021, 1) -> "$1,000"
// options = 2 Show the cents with cent rounding up the next whole cent
// myFormatCurrency(1000.021, 2) -> "$1,000.03"
View css.css
/* .invalid class prevents CSS from automatically applying */
.invalid input:required:invalid {
background: #BE4C54;
}
.invalid textarea:required:invalid {
background: #BE4C54;
}
.invalid select:required:invalid {
background: #BE4C54;
}
View inline-svg-scale
.img-svg { width:100%; height: auto; }
<img class="img-svg" src="box.svg" />
View .gitignore
# Windows image file caches
Thumbs.db
ehthumbs.db
# Folder config file
Desktop.ini
# Recycle Bin used on file shares
$RECYCLE.BIN/
View scrollTo.js
// source: https://jonsuh.com/blog/better-scroll-to-anchor-links/
$(".anchorLink").click(function(e){
e.preventDefault();
var this_offset = $(this).offset();
var that_id = $(this).attr("href");
var that_offset = $(that_id).offset();
var offset_diff = Math.abs(that_offset.top - this_offset.top);
View matchHeight.js
function getWindowWidth2() {
return window.innerWidth || document.body.clientWidth;
}
$(window).resize(function(){
myMatchHeight('.sameHeight1'); // first group of things I want the same height
myMatchHeight('.sameHeight2'); // second group of things I want the same height
});
$(window).load(function(){
myMatchHeight('.sameHeight1');
View raquo.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>raquo</title>
<style type="text/css">
a:link{text-decoration:none;}
a:hover, a:active{text-decoration:underline;}
.raquoSpan{
font-family:Arial, Helvetica, sans-serif;
View index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Bootstrap 101 Template</title>
<link rel="shortcut icon" href=""><!-- removes error in console if you don't have a favicon -->
View calc.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Calculator</title>
<style>body{display:none;}</style>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
function loadMyJson() {
return $.getJSON('_config.json');