Skip to content

Instantly share code, notes, and snippets.

View danwarfel's full-sized avatar

Dan danwarfel

6 followers · 12 following
View GitHub Profile
@danwarfel
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
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
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
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
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
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
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
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
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
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+