Skip to content

Instantly share code, notes, and snippets.

@townivan
townivan / icur.js
Last active November 1, 2017 18:50
updated JavaScript function for displaying currency (allows rounding up to next whole cent or dollar)
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/ceil
// https://stackoverflow.com/questions/42109818/reliable-js-rounding-numbers-with-tofixed2-of-a-3-decimal-number
// Closure
(function() {
/**
* Decimal adjustment of a number.
*
* @param {String} type The type of adjustment.
* @param {Number} value The number.
* @param {Integer} exp The exponent (the 10 logarithm of the adjustment base).
@townivan
townivan / get-query-string-with-js.js
Last active July 28, 2017 17:46
JS get query string
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, " "));
}
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"
@townivan
townivan / css.css
Created October 5, 2016 13:11
html5 validation for Safari
/* .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;
}
@townivan
townivan / inline-svg-scale
Created September 29, 2016 15:04
inline svg scale
.img-svg { width:100%; height: auto; }
<img class="img-svg" src="box.svg" />
@townivan
townivan / .gitignore
Created September 5, 2016 23:34
.gitignore for vscode
# Windows image file caches
Thumbs.db
ehthumbs.db
# Folder config file
Desktop.ini
# Recycle Bin used on file shares
$RECYCLE.BIN/
// 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);
@townivan
townivan / matchHeight.js
Created February 5, 2016 18:42
Match heights with jQuery (because bootstrap won't)
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');
@townivan
townivan / raquo.html
Last active February 19, 2016 19:50
raquo
<!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;
@townivan
townivan / index.html
Last active June 29, 2016 14:48
bootstrap boilerplate 3.6
<!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 -->