Skip to content

Instantly share code, notes, and snippets.

View poonkave's full-sized avatar

John Chacko poonkave

3 followers · 0 following
View GitHub Profile
@poonkave
poonkave / jqm1.4x.enhanceWithin
Created May 1, 2014 14:12
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>enhanceWithin demo</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
@poonkave
poonkave / filterablebeforefilter
Last active August 29, 2015 14:05
var app = {
timer: null,
init: function() {
var instance = this;
$(document).on("pagecreate", "#home", function() {
$("#autocomplete").on("filterablebeforefilter", function(e, data) {
var $ul = $(this),
$input = $(data.input),
value = $input.val(),
html = "";
@poonkave
poonkave / detail
Created October 10, 2014 11:16
<b>Name:</b></span>{{ contact.name }} <br/>
<b>Email:</b>{{ contact.email }} <br/>
<b>Company:</b>{{ contact.company }} <br/>
<b>Address:</b>{{ contact.address }} <br/>
<b>City:</b>{{ contact.city }} <br/>
<b>ZIP:</b>{{ contact.zip }} <br/>
@poonkave
poonkave / index
Created October 10, 2014 11:14
<!DOCTYPE html>
<html>
<head>
<title>Experiment with AngularJS -1 ( Contact Search Application )</title>
</head>
<style>
tr:nth-child(even) {
background-color: #EBF5FF;
}
tr:nth-child(odd) {
@poonkave
poonkave / app
Created October 10, 2014 11:15
var contactsApp = angular.module('contacts', ['ngRoute']);
contactsApp.config(['$routeProvider',
function($routeProvider) {
$routeProvider.
@poonkave
poonkave / google_news_feed.html
Created November 7, 2014 15:54
<!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>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
(function () {
@poonkave
poonkave / app
Last active August 29, 2015 14:09
angular.module('contacts', ['ngRoute'])
.config(['$routeProvider',
function ($routeProvider) {
$routeProvider
.when('/detail/:id', {
templateUrl: 'detail.html',
controller: 'DetailsController'
});
}
@poonkave
poonkave / runtimePopup.js
Created November 16, 2012 15:37
runtimePopup
function runtimePopup(message, popupafterclose) {
var template = "<div data-role='popup' class='ui-content messagePopup' style='max-width:280px'>"
+ "<a href='#' data-role='button' data-theme='g' data-icon='delete' data-iconpos='notext' "
+ " class='ui-btn-right closePopup'>Close</a> <span> "
+ message + " </span> </div>";
popupafterclose = popupafterclose ? popupafterclose : function () {};
$.mobile.activePage.append(template).trigger("create");
@poonkave
poonkave / jqm_popup_vimeo_video2
Created November 30, 2012 11:02
jQueryMobile popup Vimeo Video -1
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script>
$(document).on("pageinit", function () {
$("#popupVideo").on({
popupbeforeposition: function () {
@poonkave
poonkave / jqm_popup_vimeo_video
Created November 30, 2012 09:59
jQueryMobile popup Vimeo Video
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://a.vimeocdn.com/js/froogaloop2.min.js?1b636-1354269188"></script>
<script>
$(document).on("pageinit", function () {
$("#popupVideo iframe")