Skip to content

Instantly share code, notes, and snippets.

View jueyang's full-sized avatar

jueyang

58 followers · 8 following
View GitHub Profile
@jueyang
jueyang / QW expand
Created April 24, 2012 14:18
from quitewrite
mv: function(tp, h, nu, ind, ob) { // Collapse / Expand
var t = this;
if (t.ii[ind]) {
if (!nu) {
t.ii[ind].style.overflow = 'hidden';
}
t.p.$(t.ii[ind]).animate({
top: tp,
height: h
}, 800, null, function() {
@jueyang
jueyang / Flickr MM example
Created April 25, 2012 18:52
display image from flickr non-geographically and geographically
Question:
In the MM flickr example, the photos are displayed on load. However, I'd like to turn the whole flickr thing into a function that can be fired with a click on the page.
Original MM example (see changes/thought process in the next chunk):
var MM = com.modestmaps;
var provider = new MM.Layer(new MM.BlueMarbleProvider());
@jueyang
jueyang / question MB.layers
Created May 4, 2012 19:37
How do i make the switcher and the in-text link independent from each other?
MB.layers = function(switcher, m, layers) {
$.each(layers, function(i, l) {
if (l.el) {
$('#' + l.el)
.click(function(e) {
e.preventDefault();
//('#' + switcher + ' .layer').removeClass('active');
$(this).addClass('active');
MB.refresh(m, l);
});
@jueyang
jueyang / MB.layers
Created May 10, 2012 20:40
multiple layer switchers?
new MB.layers('none', 'map', [
{
name: '',
id: 'jue.map-9izw3s28',
el: 'now',
layer: 1,
center: {
lat: -2,
lon: 17,
zoom: 3,
@jueyang
jueyang / MB.layers
Created May 10, 2012 20:40
multiple layer switchers?
new MB.layers('none', 'map', [
{
name: '',
id: 'jue.map-9izw3s28',
el: 'now',
layer: 1,
center: {
lat: -2,
lon: 17,
zoom: 3,
@jueyang
jueyang / index
Created May 29, 2012 16:30
when to use tooltip
case 'tooltips':
MM_map.interaction = wax.mm.interaction()
.map(MM_map)
.tilejson(t)
.on({on:function(o)
if (l.api=='http://a.tiles.mapbox.com/v3/djohnson.icc-situations,mapbox.world-borders-dark.jsonp') {
wax.tooltip()
.parent(MM_map.parent)
.events()
);
@jueyang
jueyang / geocoder.js
Created December 2, 2012 20:29
geocoder
$(input).keydown(function (e) {
var value = $(this).val();
if (value.length > 3) {
_.debounce(goGeo(value), 300);
}
var query = $(this).val();
goGeo(query);
});
@jueyang
jueyang / index.html
Last active December 20, 2015 11:19 — forked from anonymous/map.geojson
<!DOCTYPE html>
<meta charset="utf-8">
<head>
<link href='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.css' rel='stylesheet' />
<!--[if lte IE 8]>
<link href='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.ie.css' rel='stylesheet' />
<![endif]-->
<script src='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.js'></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
@jueyang
jueyang / README.md
Last active December 26, 2015 05:59 — forked from mbostock/.block
@jueyang
jueyang / dnd.js
Created October 23, 2013 21:13 — forked from johan/dnd.js
// http://www.html5rocks.com/en/tutorials/file/dndfiles/
d3.select('svg')
.on('dragover', handleDragOver)
.on('drop', handleFileSelect)
;
function handleFileSelect() {
var event = d3.event
, files = event.dataTransfer.files // FileList object
, about = []