Skip to content

Instantly share code, notes, and snippets.

@csessig86
csessig86 / gist:3183443
Created July 26, 2012 17:47
Vmix > Fusion Table tutorial 4
<div class='googft-info-window'>
{video}
</div>
@csessig86
csessig86 / gist:3183544
Created July 26, 2012 18:02
Vmix > Fusion Table tutorial 5
var t = location.href;
var u = "http://cdn-akm.vmixcore.com/player/2.0/player.swf?player_id=48df95747124fbbad1aea98cee6e46e4";
var h = "<OBJECT id='V0CuCNmu2y-DUmYkbBQt2AckDDshqeGrQd' classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0' width='620' height='382'>";
h += "<param name='FlashVars' value='debug=&services_url=http://cdn-akm.vmixcore.com/core-flash/UnifiedVideoPlayer/services.xml&token=V0CuCNmu2y-DUmYkbBQt2AckDDshqeGrQd&player_id=48df95747124fbbad1aea98cee6e46e4&ref=" + t + "'/>";
h += "<param name='movie' value='" + u + "'/>";
h += "<param name='wmode' value='opaque'/>";
h += "<param name='allowFullScreen' value='true'/>";
h += "<param name='AllowScriptAccess' value='always'/>"; h += "<embed src='" + u + "' wmode='opaque' allowFullScreen='true' AllowScriptAccess='always' width='620' height='382' FlashVars='debug=&services_url=http://cdn-akm.vmixcore.com/core-flash/UnifiedVideoPlayer/services.xml&token
@csessig86
csessig86 / gist:3190004
Created July 27, 2012 19:24
Vmix > Fusion Table tutorial 6
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="UTF-8">
<style>
#map-canvas {
height: 610px;
width: 620px;
}
@csessig86
csessig86 / gist:4447512
Last active December 10, 2015 14:28
Simple DataTables template
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://wcfcourier.com/app/special/data_tables/media/css/demo_page.css">
<link rel="stylesheet" type="text/css" href="http://wcfcourier.com/app/special/data_tables/media/css/demo_table.css">
<style>
table {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
float: left;
@csessig86
csessig86 / gist:4447531
Created January 3, 2013 21:36
Simple DataTables template part 2
<table id="five_year" style="width: 620px;">
<thead>
<tr>
<th class="NAME-cell">NAME</th>
<th class="2008 Enrollment-cell">2008 Enrollment</th>
<th class="2012 Enrollment-cell">2012 Enrollment</th>
<th class="Increase/Decrease-cell">Increase/Decrease</th>
<th class="Percent Increase/Decrease-cell">Percent Increase/Decrease</th>
</tr>
</thead>
@csessig86
csessig86 / gist:4447555
Last active June 30, 2017 18:22
Simple DataTables template part 3
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://wcfcourier.com/app/special/data_tables/media/css/demo_page.css">
<link rel="stylesheet" type="text/css" href="http://wcfcourier.com/app/special/data_tables/media/css/demo_table.css">
<style>
table {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
float: left;
@csessig86
csessig86 / gist:4447742
Last active December 10, 2015 14:28
Simple DataTable template part 4
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#five_year').dataTable({
"iDisplayLength": 25
});
});
</script>
@csessig86
csessig86 / gist:4658491
Created January 28, 2013 19:56
NEW: Datatables template
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://wcfcourier.com/app/special/data_tables/media/css/demo_page.css">
<link rel="stylesheet" type="text/css" href="http://wcfcourier.com/app/special/data_tables/media/css/demo_table.css">
<link href="http://wcfcourier.com/app/special/grassley_sweeney/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="http://wcfcourier.com/app/crime_map/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<style>
table {
@csessig86
csessig86 / gist:5016226
Created February 22, 2013 20:11
Font size, width declared in Fusion Tables info box
<div class='googft-info-window' style='font-family: sans-serif; font-size: 13px; width:225px'>
<b>{County} County</b><br>
<hr />
<b>2011 - Dollars per acre:</b> {2011: Dollars per acre}<br>
<b>2010 - Dollars per acre:</b> {2010: Dollars per acre}<br>
<br />
<b>2010-2011: Dollar change:</b> {2010-2011: Dollar change}<br>
<b>2010-2011: Percent change:</b> {2010-2011: Percent change}
</div>
@csessig86
csessig86 / gist:5017273
Last active December 14, 2015 02:58
Before, after photos: Javascript
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript" language="JavaScript">
$(document).ready(function() {
$('.trackMe').each(function(){
$(this).children("img:last").mousemove(function(e) {
var offset = $(this).offset();
var xpos = (e.pageX - offset.left);
var ypos = (e.pageY - offset.top);
//now to get the first child image width..
var thisImage = $(this);