rominirani’s gists

rominirani / index.html

Created August 1, 2013 03:18

Episode #6 : Firefox OS Tutorial : Storage : index.html

	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Notes</title>
	<link rel="stylesheet" href="jquery.mobile-1.3.1.min.css" />
	<script src="jquery-1.7.1.min.js"></script>
	<script src="jquery.mobile-1.3.1.min.js"></script>

rominirani / manifest.webapp

Created August 1, 2013 03:17

Episode #6 : Firefox OS Tutorial : Storage : manifest.webapp

	{
	"version":"1.0",
	"name": "Notes",
	"description": "This app uses the HTML5 Storage API to demonstrate how to save data in your Firefox OS Apps.",
	"launch_path": "/index.html",
	"icons": {
	"16": "/images/icon_016.png",
	"32": "/images/icon_032.png",
	"48": "/images/icon_048.png",
	"128": "/images/icon_128.png"

rominirani / webapp.manifest

Created July 31, 2013 05:42

Episode #5 : Firefox OS Tutorial : webapp.manifest

	{
	"version":"1.0",
	"name": "LocateMe",
	"description": "This app uses the HTML5 Geolocation API to retrieve your current position and plot on the map using Google Maps.",
	"launch_path": "/index.html",
	"icons": {
	"16": "/images/icon_016.png",
	"32": "/images/icon_032.png",
	"48": "/images/icon_048.png",
	"128": "/images/icon_128.png"

rominirani / map-app.js

Created July 31, 2013 03:19

Episode #5 : Firefox OS Tutorial : map-app.js

	$(document).ready(function(){
	$("#btnLocateMe").click(function(){
	findMyCurrentLocation();
	});
	});

	function findMyCurrentLocation(){
	var geoService = navigator.geolocation;
	if (geoService) {
	navigator.geolocation.getCurrentPosition(showCurrentLocation,errorHandler,{enableHighAccuracy:true});

rominirani / map.html

Created July 31, 2013 03:19

Episode #5 : Firefox OS Tutorial : map.html

	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Map Me</title>
	<link rel="stylesheet" href="jquery.mobile-1.3.1.min.css" />
	<script src="jquery-1.7.1.min.js"></script>
	<script src="jquery.mobile-1.3.1.min.js"></script>

rominirani / manifest.webapp

Created July 31, 2013 03:18

Episode #5 : Firefox OS Tutorial : manifest.webapp

	{
	"version":"1.0",
	"name": "LocateMe",
	"description": "This app uses the HTML5 Geolocation API to retrieve your current position and plot on the map using Google Maps.",
	"launch_path": "/map.html",
	"icons": {
	"16": "/images/icon_016.png",
	"32": "/images/icon_032.png",
	"48": "/images/icon_048.png",
	"128": "/images/icon_128.png"

rominirani / app.js

Created July 31, 2013 03:17

Episode #5 : Firefox OS Tutorial : app.js for HTML5 Geolocation calls

	$(document).ready(function(){
	$("#btnLocateMe").click(function(){
	findMyCurrentLocation();
	});
	});

	function findMyCurrentLocation(){
	var geoService = navigator.geolocation;
	if (geoService) {
	navigator.geolocation.getCurrentPosition(showCurrentLocation,errorHandler);

rominirani / index.html

Created July 31, 2013 03:16

Episode #5 : Firefox OS Tutorial : HTML5 GeoLocation API - index.html

	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Locate Me</title>
	<link rel="stylesheet" href="jquery.mobile-1.3.1.min.css" />
	<script src="jquery-1.7.1.min.js"></script>
	<script src="jquery.mobile-1.3.1.min.js"></script>

rominirani / abc.html

Created July 30, 2013 09:07

Sample HTML

	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>India Pincodes</title>
	<link rel="stylesheet" href="jquery.mobile-1.3.1.min.css" />
	<script src="jquery-1.7.1.min.js"></script>
	<script src="jquery.mobile-1.3.1.min.js"></script>

rominirani / index.html

Created July 30, 2013 06:07

Indian Pincode App index.html fixed by addressing Firefox OS CSP violation. We moved all the code from inside of the <script> tag to an external file app.js

	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>India Pincodes</title>
	<link rel="stylesheet" href="jquery.mobile-1.3.1.min.css" />
	<script src="jquery-1.7.1.min.js"></script>
	<script src="jquery.mobile-1.3.1.min.js"></script>

Romin Irani rominirani