Skip to content

Instantly share code, notes, and snippets.

@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'
});
}
<!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 () {
<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/>
var contactsApp = angular.module('contacts', ['ngRoute']);
contactsApp.config(['$routeProvider',
function($routeProvider) {
$routeProvider.
<!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) {
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 = "";
<!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>
<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>
<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>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<style>
#clock
{
margin:0 5px 0 5px;
color: Blue;
}