cflove’s gists

cflove / class_jQuery1.html

Last active August 29, 2015 13:56

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Untitled Document</title>
	<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(document).ready(
	function() {

cflove / class_jquery2.html

Created February 28, 2014 01:57

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Untitled Document</title>
	<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(document).ready(
	function() {

cflove / js_function_class.html

Last active August 29, 2015 13:56

cflove / gist:9437752

Created March 8, 2014 19:42

class_jQuery_image_gal.html

	<!DOCTYPE html>

	<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(function () {

	centerMe = function () {
	var pageW = $(window).width()

cflove / class_Canvas.html

Created March 15, 2014 01:52

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Canvas</title>
	</head>
	<body>
	<canvas id="MyDrawing" width="600" height="400" style="border: 1px solid black;"></canvas>

	<script type="text/javascript">

cflove / class_form.html

Created March 15, 2014 01:53

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Form</title>
	<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
	<link href="//netdna.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
	<script src="//netdna.bootstrapcdn.com/bootstrap/2.3.2/js/bootstrap.min.js" type="text/javascript"></script>
	</head>
	<script type="text/javascript">

cflove / ajax_class.cfm

Created March 15, 2014 01:58

	<!doctype html>
	<html lang="en">
	<head>
	<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
	<meta charset="UTF-8">
	<title>Ajax Call</title>
	<style type="text/css">
	body {font-family: Verdana; font-size: 14px}
	.rabbits {cursor: pointer; color: red;}
	#AboutRabbits {padding: 20px;}

cflove / gist:9560801

Created March 15, 2014 02:01

	--------------------Mrs-Rabbit.html
	<img src="http://www.tonightsbedtimestory.com/wp-content/uploads/2008/11/the-tale-of-peter-rabbit-5.jpg">
	<div>A strong, practical mother, Mrs. Rabbit provides for her brood in the most resourceful and traditional ways. Mrs. Rabbit represents the heart of Peter's home life. No matter what happens to him, no matter how much trouble he gets into, Peter knows that his mother will always welcome him home with unconditional love and a warm embrace. Flopsy & Mopsy, <span class="rabbits" data-url="Benjamin">Cotton-tail</span> and <span class="rabbits" data-url="Peter">Peter</span> are her bunnies.
	</div>

	-------------------Cotton-Tail.html
	<img src="http://criminalbrief.com/wp-content/uploads/2009/09/Peter-Rabbit-1.jpg">
	<div>The youngest of Mrs. Rabbit's brood, Cotton-tail is a lovable and adorable 18-month-old. A child of few words, she clearly adores her big brother Peter and tries to copy his every move. Cotton-tail has an uncanny way of involving herself in Peter's

cflove / flicker.html

Created March 15, 2014 02:03

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Flickr</title>
	<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
	<style type="text/css">
	body {font-family: Verdana;}
	.photo {display: inline-block; padding: 10px; width: 400px; height: 300px;}
	#count {font-weight: bold;}

cflove / class_promise.html

Created March 15, 2014 02:22

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
	<style type="text/css" media="screen">
	.box {background-color: red; width: 80px; height: 80px; display: inline-block;}
	</style>
	</head>