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 / google_feed_list.js
Created April 17, 2013 15:37
Dynamically populating jQueryMobile listview from google news feed.
(function () {
var googleResult = [];
var newsTopic = "w";
function initialize() {
var feed = new google.feeds.Feed("https://news.google.com/news/feeds?pz=1&cf=all&ned=en_ie&hl=en&topic=" + newsTopic + "&output=rss");
feed.setResultFormat(google.feeds.Feed.JSON_FORMAT);
//feed.includeHistoricalEntries();
feed.setNumEntries(100);
feed.load(function (result) {
@poonkave
poonkave / dynamicList.html
Last active December 17, 2015 14:49
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<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>
var i = 0;
@poonkave
poonkave / pagebeforechange
Created September 27, 2013 14:58
$(document).on("pagebeforechange", function (e, data) {
// We only want to handle changePage() calls where the caller is
// asking us to load a page by URL
if(typeof data.toPage === "string") {
// We are being asked to load a page by URL
var u = $.mobile.path.parseUrl(data.toPage),
_re = "#contact";
if(u.hash.search(_re) !== -1) {
var id = urlParam("id", data.toPage);
$.ajax({
@poonkave
poonkave / search_list
Created October 1, 2013 10:33
var app = {
timer: null,
init: function () {
var instance = this;
$(document).on('pageinit', '#list_page', function () {
$('#searchBox').on('keyup', function () {
var $searchBox = $(this);
var searchFor = $.trim($searchBox.val() + "");
if(instance.timer) {
clearTimeout(instance.timer);
@poonkave
poonkave / boxpuzzle..html
Created December 12, 2013 11:22
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<style>
#clock
{
margin:0 5px 0 5px;
color: Blue;
}
@poonkave
poonkave / vimeo_playlist.html
Created December 13, 2013 16:45
<html>
<head>
<meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0-rc.1/jquery.mobile-1.4.0-rc.1.min.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.0-rc.1/jquery.mobile-1.4.0-rc.1.min.js"></script>
@poonkave
poonkave / vimeo_playlist_popup.html
Created December 13, 2013 16:46
<html>
<head>
<meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0-rc.1/jquery.mobile-1.4.0-rc.1.min.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.0-rc.1/jquery.mobile-1.4.0-rc.1.min.js"></script>
@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 / 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) {