danwarfel’s gists

danwarfel / notes-inna-browser.html

Last active November 30, 2017 16:34

Makes a blank notepad in the browser

data:text/html, <html><head><link href='http://fonts.googleapis.com/css?family=Lato:300,400,700 rel='stylesheet' type='text/css'><style type="text/css"> html { font-family: "Lato"; font-weight: 300; color:#e9e9e9; background-color:#222; } * { -webkit-transition: all linear 1s; }</style></head><body contenteditable style="font-size:1.6em;line-height:1.4;max-width:80rem;margin:0 auto;padding:3rem;">

danwarfel / add.to.bookmarks.button.js

Last active April 10, 2017 08:43

How To Add A Cross-Browser, Add-To-Favorites Bookmark Button

	jQuery(document).ready(function($) {
	$('#bookmark-this').click(function(e) {
	var bookmarkURL = window.location.href;
	var bookmarkTitle = document.title;

	if ('addToHomescreen' in window && window.addToHomescreen.isCompatible) {
	// Mobile browsers
	addToHomescreen({ autostart: false, startDelay: 0 }).show(true);
	} else if (window.sidebar && window.sidebar.addPanel) {
	// Firefox version < 23

danwarfel / add.to.bookmarks.cross.browser.html

Last active April 10, 2017 08:44

Add a Cross-Browser “Add to Favorites” (Bookmark) Button to Your Website

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>Add to Bookmarks Cross-Browser Demo</title>
	<!-- from https://www.thewebflash.com/how-to-add-a-cross-browser-add-to-favorites-bookmark-button-to-your-website/ -->
	<style>
	#bookmark-this {
	padding: 5px 10px;
	font-size: 12px;

danwarfel / click.to.select.text.js

Last active April 10, 2017 08:45

This function illustrates how to programmatically select all text inside any HTML element

	function selectText(element) {
	if (element.nodeName === 'INPUT' \|\| element.nodeName === 'TEXTAREA') {
	element.select();
	return;
	}

	var rangeObj, selection;
	if (document.createRange) { // IE >=9 and all other browsers
	rangeObj = document.createRange();
	rangeObj.selectNodeContents(element);

danwarfel / detect-touch-screen-device-using.js

Last active August 6, 2016 13:27

Detect a Touch Screen Device w/ JavaScript From http://codesr.thewebflash.com/2014/09/detect-touch-screen-device-using.html

var isTouchDevice = ('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0);

danwarfel / defer.ext.css.js

Last active April 10, 2017 08:46

Defer Loading of External CSS Until Page Loaded

	var cb = function() {
	var l = document.createElement('link'); l.rel = 'stylesheet';
	l.href = '//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css';
	var h = document.getElementsByTagName('head')[0]; h.insertBefore(l, h.lastChild);
	};
	var raf = requestAnimationFrame \|\| mozRequestAnimationFrame \|\|
	webkitRequestAnimationFrame \|\| msRequestAnimationFrame;
	if (raf) raf(cb);
	else if (window.addEventListener) window.addEventListener('load', cb);
	else if (window.attachEvent) window.attachEvent("onload", cb);

danwarfel / clear-sel.js

Last active April 10, 2017 08:46

JavaScript: Clear Selection

	function clearSelection() {
	if (window.getSelection) {
	var selection = window.getSelection();
	if (selection.removeAllRanges) {
	selection.removeAllRanges();
	} else if (selection.empty) {
	selection.empty();
	}
	} else if (document.selection) {
	document.selection.empty();

danwarfel / get-val-URL-param.js

Created December 8, 2015 14:28

Get the Value of an URL Parameter From http://codesr.thewebflash.com/2014/09/get-value-of-url-parameter.html

	function getURLParameter(sParam)
	{
	var sPageURL = window.location.search.substring(1);
	var sURLVariables = sPageURL.split('&');
	for (var i = 0, len = sURLVariables.length; i < len; i++)
	{
	var sParameterName = sURLVariables[i].split('=');
	if (sParameterName[0] == sParam)
	{
	return sParameterName[1];

danwarfel / get.event.handlers.js

Last active April 10, 2017 08:46

Get Event Handlers

	// Get click event handler set by JavaScript
	document.getElementById("ele").onclick;


	// Get event handlers set by jQuery
	$("#ele").data("events"); // < jQuery 1.8

	$._data("#ele", "events"); // jQuery 1.8+

	// from http://codesr.thewebflash.com/2014/07/javascript-get-event-handlers-of-element.html

danwarfel / get.event.handlers.of.an.element.js

Created December 8, 2015 14:36

Get Event Handlers of an Element From http://codesr.thewebflash.com/2014/07/javascript-get-event-handlers-of-element.html

	// Get click event handler set by JavaScript
	document.getElementById("ele").onclick;


	// Get event handlers set by jQuery
	$("#ele").data("events"); // < jQuery 1.8

	$._data("#ele", "events"); // jQuery 1.8+

Dan danwarfel