Skip to content

Instantly share code, notes, and snippets.

View frequent's full-sized avatar

Sven Franck frequent

38 followers · 6 following
View GitHub Profile
@frequent
frequent / custom_event
Created October 9, 2013 17:00
Custom Event handler for IE8+
var util = {};
/**
* IE8 compatible custom event listener
* @method listenToCustomEvents
* @param {string} eventName Event to listen for
* @param {method} callback Method to run on event
*/
util.listenToCustomEvents = function (event_name, callback) {
if (document.addEventListener) {
@frequent
frequent / resampler.js
Last active November 16, 2018 06:52
/*jslint nomen: true, indent: 2, maxerr: 3 */
/*global self, buffer */
(function (worker_instance) {
"use strict";
//JavaScript Audio Resampler (c) 2011 - Grant Galitz
var INCORRECT_BUFFER_LENGTH = "Buffer was of incorrect sample length.";
var INCORRECT_SETTINGS = "Invalid settings specified for the resampler.";
@frequent
frequent / gist:da0dd977fb0cf0e9177a32f9a08fd379
Created June 14, 2016 09:59
PyData Hyperconvergence Tutorial: Graph Gadget HTML
/*global window, rJS, console, RSVP, Dygraph */
/*jslint indent: 2, maxerr: 3 */
(function (rJS) {
"use strict";
var ARRAY_VALUE_LENGTH = 8,
OPTION_DICT = {
start_date: 0,
time_factor: 1000,
resolution: 1,
@frequent
frequent / gist:1269cadfcda31ec6a03fc0778d55c3dd
Last active June 14, 2016 08:16
PyData Hyperconvergence Tutorial: Updated Graph Gadget HTML
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<title>PyData Graph</title>
<!-- renderjs -->
<script src="rsvp.js" type="text/javascript"></script>
<script src="renderjs.js" type="text/javascript"></script>
@frequent
frequent / gist:794f8374560380a39c74718736c08ced
Last active June 14, 2016 08:09
PyData Hyperconvergence Tutorial: Graph Gadget HTML
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<title>PyData Graph</title>
<script src="rsvp.js" type="text/javascript"></script>
<script src="renderjs.js" type="text/javascript"></script>
<script src="gadget_global.js" type="text/javascript"></script>
<script src="gadget_erp5_page_pydata.js" type="text/javascript"></script>
</head>
@frequent
frequent / gist:1d12343b86332d43f4262ab6dda5e415
Last active June 14, 2016 08:07
PyData Hyperconvergence Tutorial: Graph Gadget JS
/*global window, rJS, RSVP, URI */
/*jslint nomen: true, indent: 2, maxerr: 3 */
(function (window, rJS, RSVP, URI) {
"use strict";
rJS(window)
// Init local properties
.ready(function (g) {
g.props = {};
})
// Assign the element to a variable
@frequent
frequent / gist:8556034
Created January 22, 2014 09:43
fragmenting
var container = document.createDocumentFragment();
var foo = document.createElement("div")
foo.id = "mh";
var bar = document.createElement("div")
bar.id = "ha";
foo.appendChild(bar);
container.appendChild(foo);
var x = {
"fragment": container,
@frequent
frequent / gist:6583140
Last active December 23, 2015 04:49
generates a jQuery Mobile pre-enhanced popup (empty)
// this is from a larger file, fit as you need:
var priv = {};
priv.generator = {
/**
* Generates elements based on supplied configuration
* @method: makeElement
* @param: {type} string Type of element to generate
@frequent
frequent / panel transitions
Created November 25, 2012 10:35
jQuery Mobile Multiview - basic panel transitions
<!-- panel transitions on HTML links -->
<a href="somePage.html" data-transition="fade" data-panel="your_panel_id">
<!-- programmatic -->
$.mobile.changePage('somePage.html', {
transition: 'fade',
pageContainer: $('div:jqmData(id="your_panel_id")')
});
@frequent
frequent / multiview_getting_started
Created November 25, 2012 10:00
basic setup of a jQuery Multiview page
<div data-role="page" id="your_wrapper_id" data-wrapper="true">
<!-- global header -->
<div data-role="panel" data-id="your_menu_panel_id" data-panel="menu">
<div data-role="page" id="your_menu_page_id" data-show="first">
<!-- local header -->
<!-- page content -->
<!-- local footer -->
</div>
</div>
<div data-role="panel" data-id="your_main_panel_id" data-panel="main">