Web Development Blog

Embed a YouTube video iframe in a phonegap app

eisabai — Tue, 24 Jan 2012 08:29:05 +0000

This tutorial will teach you how to embed a YouTube video iframe in a phonegap app. In this tutorial, I am using phonegap version 1.2.0. Youtube will automatically convert the flash video into HTML5 video tag so you don’t have to worry about encoding the video.

HTML:

Go to YouTube and get embed code for the video that you wish to include into your phonegap app. Note that not all YouTube videos can be played from a phonegap app due to restrictions placed in the videos.



	
		YouTube video

Changes to PhoneGap.plist

Change/add the following values in PhoneGap.plist file of your app.

MediaPlaybackRequiresUserAction: NO
AllowInlineMediaPlayback: YES
OpenAllWhitelistURLsInWebView: YES
ExternalHosts
          *.youtube.com
          *.ytimg.com

And that’s it! You should now be able to run the app on Simulator or an iOS device and be able to play the youtube video using the default video player that comes with the device (for example, QuickTime player for iPhone and iPad).

Read Embed a YouTube video iframe in a phonegap app on Web Development Blog!

Display a location-aware google map on page load with jQuery mobile

eisabai — Sat, 14 Jan 2012 09:07:29 +0000

The following snippet of code will display a google map with user’s default location on jQuery mobile page if location services is enabled. Otherwise, it will use predefined lat and long values to create the map. The code uses jQuery mobile pagecreate event.

A little info on jQuery mobile pagecreate event:

pagecreate
Triggered when the page has been created in the DOM (via ajax or other) but before all widgets have had an opportunity to enhance the contained markup. This event is most useful for user’s wishing to create their own custom widgets for child markup enhancement as the jquery mobile widgets do.

$( '#aboutPage' ).live( 'pagecreate',function(event){ ( ":jqmData(role='sweet-plugin')" ).sweetPlugin(); });

And the snippets:

Javascript

function initialize(lat,lng) {
	var latlng = new google.maps.LatLng(lat, lng);

	var myoptions = {
		zoom: 12,
		center: latlng,
		disableDefaultUI: true,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	};

	var map = new google.maps.Map(document.getElementById("googlemap"),myoptions);

	var icon = new google.maps.MarkerImage('images/marker.png',
			new google.maps.Size(20, 20), // size
			new google.maps.Point(0, 0), // origin
			new google.maps.Point(20, 20) // anchor
		);

	var mymarker = new google.maps.Marker({
		position: latlng,
		map: map,
		icon: icon
	});
}

$('.page-map').live("pagecreate", function() {
        var lat = -33.887418, lng = 151.17403;
	if(navigator.geolocation) {
		navigator.geolocation.getCurrentPosition(function(position){
			initialize(position.coords.latitude,position.coords.longitude);
		}, function() { console.log('Error with getCurrentPosition'); });
	} else {
                // predefined location
		initialize(lat, lng);
	}
});

HTML



	
		Google Map
	


	
		 
	


	
		Footer content

Read Display a location-aware google map on page load with jQuery mobile on Web Development Blog!

Holiday Sales for Web Designers and Developers

eisabai — Tue, 27 Dec 2011 12:21:07 +0000

We’ve put together some of the best holiday sales for web designers and developers. Enjoy!

BigCommerce
BigCommerce is the all-in-one, #1 rated ecommerce service for selling products online with over 10,000 happy clients and growing daily.
Special offer: Receive up to $100 in Google AdWords credit when you purchase a BigCommerce plan. No coupon required.

Blue Host (Linux, Apache, PHP, MySQL Hosting)
Web Hosting at $6.95 per month with UNLIMITED Domain Hosting & UNLIMITED GB Hosting Space
Special offer: $75 Free Google Credit and a free domain name

Easy CGI (ASP.NET & VPS Hosting)
Shared ASP.NET hosting at $7.96. VPS hosting is also available.

Godaddy
Domain Names and SSL Certificates
Special offer: Godaddy Coupon codes

Zend Studio – Professional IDE for PHP Developers
Zend Studio is the leading professional-grade PHP development environment, designed to maximize developer productivity by enabling you to develop and maintain code faster, solve application problems quickly and improve team collaboration.
Special offer: Free trial

99 Designs
Start a Design Contest now for your choice of wonderful and unique designs. Preview before you buy.

Website templates
A one-stop shop for premium WordPress themes, web templates and mobile themes
WordPress, Drupal, Expression Engine, Open Cart and many more.

Read Holiday Sales for Web Designers and Developers on Web Development Blog!

Book Review: Master Mobile Web Apps with jQuery Mobile

eisabai — Sat, 03 Sep 2011 09:04:57 +0000

“Master Mobile Web Apps with jQuery Mobile” is an e-book on jQuery Mobile written by Matt Doyle, an experienced technical author and coder. According to the author, the book is intended for web development and design professionals who want to start building apps and therefore a basic knowledge of web technologies including HTML, CSS, JavaScript and web servers is required.

The book is written for jQuery Mobile Beta 2 which is the current version of jQuery Mobile and there are 3 parts to the book.

Part I covers the basics you need to know about jQuery Mobile. The thing I like about it is that it contains a lot of sample code, so if you like to create a website while reading the book, you can do so easily with the help of sample code. The tutorials in Part I is great for someone who wants to just get a simple mobile site up and running without wanting to worry too much about the UI and the nitty gritty details.

Part II focuses on the fundamentals of building user interfaces with jQuery Mobile. It covers dialogs, forms, navigations, lists, header, footer and other essential elements of a website. I particularly liked the “Creating Forms” chapter because it contains a lot of information about different input elements and attributes that you can use in jQuery Mobile. Forms are one of the most trickest elements in web designs and it is very helpful to have the whole chapter dedicated to this subject. If you are looking to create a mobile web application that uses forms, this chapter is a must-read.

Part III is titled Beyond the Basics and it contains 3 chapters; themeing jQuery Mobile, the jQuery Mobile API and a complete web app example. As you probably already knew, jQuery Mobile comes with 5 default themes that you can choose from, but more often than not, you need to create a custom theme that suits your website or web app. Themeing jQuery Mobile chapter explains just how you can do that with an example red theme. The jQuery Mobile API is another favourite chapter of mine because when I was developing in jQuery Mobile a few months ago, there weren’t a lot of resources available on how the API works, in particular, the methods and events available. It could have saved me a lot of time if only I had this book back then. The last chapter in Part III is a complete web app example. The web app example uses PHP5 for the back end and as the title suggest, it is a complete app, meaning you can take the example code, upload it to your web server and have a fully functional web app in jQuery Mobile.

Overall, the book is an excellent book for developers who want to dive into mobile app development with jQuery Mobile. There are a lot of screenshots, code examples and references to help you get started. What I like most about the book is that it’s written by a developer for developers which means the tutorials are easy to follow and will get you up to speed on the basics of app development in no time.

Read Book Review: Master Mobile Web Apps with jQuery Mobile on Web Development Blog!

13 FREE iPhone Apps for Web Developers

eisabai — Fri, 08 Jul 2011 23:56:28 +0000

There are many web development related iPhone apps on the Appstore, but it not very often you come across a FREE app that is useful and works as it should. Therefore, I am sharing 13 Free iPhone apps that I think will be useful for you as a web developer.

PhpRiot PHP Reference

This app gives you full access to PHP manual, Zend Framework programmer’s guide and Smarty Template Engine manual. There is also a quiz training system, which you can use to test and improve your PHP knowledge.

iHTML

This is a must-have utility app for web developers as it displays HTML source of a web address. There are two modes available; on Portrait mode, it displays raw HTML and on Landscape mode, it shows a web view alongside the source.

CSS UNIT Converter

This is a quick and easy conversion calculator for Front-end developers working with pixels, ems, percentages, and points. It lets you convert a font size in pixel to em, pt and % easily. The conversion table is very useful because you can see all the different values in a single screen.

CSS Quick Reference

CSS Reference app provides handy access to all of the W3C’s Cascading Style Sheets (CSS) properties, pseudo-classes and pseudo-elements, including the syntax (with the equivalent JavaScript syntax for the given property), possible values for each property, usage notes, and fully rendered sample code. The sample HTML code can be edited and re-displayed using the built-in browser which mean you can try different values and see how it looks without having to use another CSS Editor.

Mobile CSS Reference

Mobile CSS Reference gives you descriptions, examples, syntax and limitations of CSS properties and selectors on a nice UI.

WhatTheFont

This app lets you identify the fonts in a photo or a screeshot. So the next time you see a great font in a magazine ad, poster, or on the web, you can just take out your iPhone and snap a photo, and WhatTheFont will identify that font for you. This app requires Internet connection and works via Wi-Fi or the mobile phone (3G) network.

Linux Command Reference

With Linux Command Reference (LCR) app, you can access to the most widely used Linux commands to date. Although this app doesn’t cover every single Linux command, it is a good “starter” for anyone who’s just starting out with the Linux operating system.

JSInt

JSInt is an interactive JavaScript console which lets you perform mathematical calculations or for learning JavaScript. Just input your Javascript statement in the console and it will return you the result. For example, if you enter parseInt(5.135, 10), it will return 5. JSInt uses JavaScriptCore Open Source library which implements JavaScript 1.5 / ECMA-262 3rd edition.

Chmod

Chmod is a handy little utility app for determining file and directory permissions on Mac OS X, Linux and Unix operating systems.

RGB Colors

RGB Colors iPhone app show you the color of the RGB combination that you choose using the sliders provided. It will be useful when you want to use rgb or rgba values to declare a color in CSS.

WordPress

WordPress app enables you to manage your WordPress blog or site from your iPhone device. With this app, you can moderate comments, create or edit posts and pages, and add images or videos with ease. All you need is a WordPress.com blog or a self-hosted WordPress.org site running 2.9.2 or higher. I have written a step-by-step guide on how to use WordPress iPhone app.

Dropbox

Dropbox app lets you access all your photos, docs, and videos saved in your Dropbox account from your iPhone. Not only does it let you access the files, you can also save photos and videos into your Dropbox account from your iPhone.

PassGen

PassGen generates a random password that is between 4 and 16 digits and comprised of upper and lower case letters, numbers and special characters. It can also be used to generate Hexadecimal passwords. Once a password has been generated, it can be emailed.

Read 13 FREE iPhone Apps for Web Developers on Web Development Blog!

Godaddy Coupons 2011

eisabai — Mon, 04 Jul 2011 07:42:30 +0000

Coupons for Godaddy Domain names

$5 off $30 Order

cjcsave

Click to copy

$1.00 off

cjcdollar

Click to copy

$5 off $30

cjcdoe30

Click to copy

$7.50 .net and .org renewals

gdbb776

Click to copy

35% off .com

fun3

Click to copy

$10 off $50 order

cjcchp50

Click to copy

$20 off $100

cjcdeal100

Click to copy

Any order (eg: SSL certificate, Domain Name, Hosting, etc)

$1 off any order

cjcdeal74

Click to copy

10% off any purchase

cjcfat10

Click to copy

15% off $75 or more

cjcfat75

Click to copy

20% off $40 or more

bb5020d30

Click to copy

20% off $40 or more

gdbb45

Click to copy

10% off any order

SPN1

Click to copy

15% off any order

downforce

Click to copy

10% off any order

promo10

Click to copy

Read Godaddy Coupons 2011 on Web Development Blog!

Creating a Contact Form in jQuery Mobile and PHP

eisabai — Wed, 29 Jun 2011 06:39:11 +0000

Here is a step-by-step tutorial on how to create a contact form in jQuery Mobile. I have also included complete php source code that can be used as a web service to send emails from your server.

1. Create a folder structure
The first thing you need to do is create a folder structure where all your files will live. My folder structure is as follows:

- www
-- api
--- send.php
-- js
--- contact.js
-- css
--- contact.css
-- index.html

2. Copy and paste the following boilerplate template
This will go into index.html file that you’ve created. Note that we are including the Javascript and CSS files from the jQuery Mobile server. You can also download the latest version of jQuery Mobile from the website and include the local copy.



	
	Contact Us
	
	
	
	

 



	
		Contact Us
	


	
		
	


	
		Source code by Web Development Blog.  Check out tip & resources for Web Developers.

3. Add HTML form in the content area
Add the following code into

		
			Thank you.  Your message has been sent.  We will get back to you as soon as we can.
		
		
			* indicates Manadatory Field
			
				First Name*:
				
			
			
				Last Name:
				
			
			
				Email Address*:
				
			
			
				Mobile Number:
				
			
			
				State:*
					
			
			
				Message*:
				
			
			send feedback

4. Create a web service in PHP to send email
We have a folder called api and we will create a new file called send.php in the api folder. You will need to change the $recipient variable.

rn"; 

	$ip = $_SERVER['REMOTE_ADDR'];
	$httpref = $_SERVER['HTTP_REFERER'];
	$httpagent = $_SERVER['HTTP_USER_AGENT'];
	$today = date("F j, Y, g:i a");    

	$recipient = 'YOUREMAILADDRESS@DOMAIN.COM';
	$subject = 'Contact Form';
	$mailbody = "
First Name: $firstname
Last Name: $surname
Email: $email
Mobile Phone: $mobilephone
State: $state
Message: $message

IP: $ip
Browser info: $httpagent
Referral: $httpref
Sent: $today
";
	$result = 'success';

	if (mail($recipient, $subject, $mailbody, $header)) {
		echo json_encode($result);
	}
}
?>

5. Add Javascript code to handle form onsubmit
Create a file called contact.js with the following content and include it in your HTML file.

$('#send-feedback').live("click", function() {
	var url = 'api/send.php';
	var error = 0;
	var $contactpage = $(this).closest('.ui-page');
	var $contactform = $(this).closest('.contact-form');
	$('.required', $contactform).each(function (i) {
        if ($(this).val() === '') {
			error++;
        }
	}); // each
	if (error > 0) {
			alert('Please fill in all the mandatory fields. Mandatory fields are marked with an asterisk *.');
	} else {
		var firstname = $contactform.find('input[name="firstname"]').val();
		var surname = $contactform.find('input[name="surname"]').val();
		var state = $contactform.find('select[name="state"]').val();
		var mobilephone = $contactform.find('input[name="mobilephone"]').val();
		var email = $contactform.find('input[name="email"]').val();
		var message = $contactform.find('textarea[name="message"]').val();	

		//submit the form
		$.ajax({
			type: "GET",
			url: url,
			data: {firstname:firstname, surname:surname, state: state, mobilephone: mobilephone, email: email, message: message},
            success: function (data) {
				if (data == 'success') {
					// show thank you
					$contactpage.find('.contact-thankyou').show();
					$contactpage.find('.contact-form').hide();
				}  else {
					alert('Unable to send your message. Please try again.');
				}
			}
		}); //$.ajax

	}
	return false;
});

After completing all the above steps, you will have a fully functional contact form built using jQuery Mobile, HTML5, and PHP.

Screenshot of Contact Form in jQuery Mobile

Read Creating a Contact Form in jQuery Mobile and PHP on Web Development Blog!

Introduction to CSS3 Animations by Examples

eisabai — Tue, 28 Jun 2011 06:08:23 +0000

CSS3 animations are really easy to write once you know how they work. This post will show you some very basic animations done in CSS3. Once you get the hang of how to put them together, you will be able to do more advanced animations in CSS3 based on these examples. Also have a look at Reference on Safari for the animation properties that you can use on your CSS selectors.

Note: The examples on this page will only work on WebKit Browsers (eg: Chrome, Safari). Hover over the little black elements to see the effect done in pure CSS3.

Before we start, let’s add the following CSS to change the look and feel of your

ul.css3demo li { -webkit-border-radius: 15px; display: block; float: left; width: 50px; height: 50px; margin: 10px; background: #000; color: #fff; text-indent: -5000em; }

And now let’s take a look at 15 different CSS3 animations and their source code.

Tilt

	ul.css3demo1 li { -webkit-transition: all 0.3s linear; }
	ul.css3demo1 li:hover {  -webkit-transform:  rotate3d(0, 0, 0, 50deg); -webkit-transform-style: preserve-3d; }

Pushed Down (by 40px)

	ul.css3demo2 li { -webkit-transition: all 0.3s linear; }
	ul.css3demo2 li:hover { -webkit-transform:  translate3d(0, 40px, 0); }

Smaller

	ul.css3demo3 li { -webkit-transition: all 0.3s linear; }
	ul.css3demo3 li:hover {  -webkit-transform:  scale(.5); }

Bigger

	ul.css3demo4 li { -webkit-transition: all 0.3s linear; }
	ul.css3demo4 li:hover {  -webkit-transform:  scale(1.5); }

Slide Right (by 10px)

	ul.css3demo5 li { -webkit-transition: all 0.3s linear; }
	ul.css3demo5 li:hover { -webkit-transform:  translate3d(10px, 0, 0); }

Add Shadow

	ul.css3demo6 li { -webkit-transition: all 0.3s linear; }
	ul.css3demo6 li:hover { -webkit-box-shadow: 3px 3px 3px rgba(0,0,0, 0.5); }

Change Color

	ul.css3demo7 li { -webkit-transition: all 0.3s linear; }
	ul.css3demo7 li:hover { background: #0cf; }

Shrink horizontally (by 50%)

	ul.css3demo8 li { -webkit-transition: all 0.3s linear; }
	ul.css3demo8 li:hover { -webkit-transform: scale3d(.5, 1, 1); }

Shrink vertically (by 50%)

	ul.css3demo9 li { -webkit-transition: all 0.3s linear; }
	ul.css3demo9 li:hover {  -webkit-transform: scale3d(1, 0.5, 1); }

Rotate 360 degree

	ul.css3demo10 li { -webkit-transition: all 0.3s linear; }
	ul.css3demo10 li:hover { -webkit-transform: rotate(360deg); }

Fade In

	ul.css3demo11 li { -webkit-transition: opacity 0.8s ease-in; opacity: 0.4;  }
	ul.css3demo11 li:hover { opacity: 1; }

Fade Out

	ul.css3demo12 li { -webkit-transition: opacity 1s ease-in; opacity: 1.0;  }
	ul.css3demo12 li:hover { opacity: 0.4; }

Spin

	ul.css3demo13 li { -webkit-transition: -webkit-transform 1s ease-in-out;   }
	ul.css3demo13 li:hover { -webkit-animation: spin 0.3s infinite linear; }
	@-webkit-keyframes spin {
		0% { -webkit-transform: rotate(0deg); }
		100% { -webkit-transform: rotate(360deg); background-color: #ff0;  }
	}

Fade to Color (Colorize)

	ul.css3demo14 li { -webkit-transition: -webkit-transform 5s ease-in-out;   }
	ul.css3demo14 li:hover { -webkit-animation: colorize 3s infinite linear; }
	@-webkit-keyframes colorize {
		0% { background-color: #333; }
		100% { background-color: #ff0;  }
	}

Change Shape

	ul.css3demo15 li { -webkit-transition: all 2s ease-in-out;   }
	ul.css3demo15 li:hover { -webkit-animation: shape 1s infinite linear; }
	@-webkit-keyframes shape {
		100% { -webkit-border-radius: 50px;  }
	}

Read Introduction to CSS3 Animations by Examples on Web Development Blog!

Professional Mobile Themes for WordPress

eisabai — Sat, 25 Jun 2011 22:00:30 +0000

A lot of people have emailed and asked me for ready-made mobile themes that they can easily install on their WordPress blog so I have decided to put together four of my favourite professional and affordable mobile themes for WordPress.

For Advanced Users and Developers

WPtouch Pro

WPtouch Pro is a premium version of the popular WPtouch theme for WordPress. It is a WordPress plugin which adds powerful, easy-to-use features to WordPress for mobile + tablet theme support, while keeping it completely independent of your desktop theme. It also has a robust theming framework, perfect for creating awesome mobile & tablet optimized versions of websites.
Pricing:
$39 for 1 site, $69 for 5 sites, and $199 for an unlimited developer license (Prices in Canadian (CAD) dollars)
Why would I buy it:
The technologies used (HTML5, AJAX, CSS3) are ideal for mobiles and tablets (iPad). WPtouch Pro is compatible with not just iPhone and iPad but also with high-end mobile devices like Android and Blackberry and tablet devices like iPad.

Purchase WPtouch Pro

Obox Mobile

Obox Mobile works by detecting supported devices like iPhones, Android & Blackberry and more, serving an optimised theme instead of your regular desktop theme. It is a WordPress plugin with a Plug ‘n Play Installation. Obox Mobile is built for developers with a custom mobile framework giving them the ability to create child themes and make custom modifications. It integrates well with WooThemes and other Obox Themes for WordPress.
Pricing:
$50 for single pack, $100 for developer pack
Why would I buy it:
As with WPtouch Pro, modern technologies such as HTML5, AJAX and CSS3 are used to deliver a seamless user experience like a native app. It also works on most smartphones such as iPhones, Androids, Nokia Smartphones, Blackberry and Opera Mobile based browsers. The ‘Child Themes’ feature enables developers to create custom themes based on the existing mobile framework in a short amount of time.

Purchase Obox Mobile

For Normal Users

Simple Mobile

This is a WordPress Mobile Theme available for sale at ThemeForest. It is one of the earliest mobile themes made for sale. This theme is designed especially for iPhone and best viewed in Portrait orientation. There are 8 color schemes available to choose from and 2 widget areas for easy customisation.
Pricing:
$20 for a Regular License
Why would I buy it:
Multiple color schemes and easy customisation. Comes with built-in twitter and flickr photostream modules. Good for a blog with social media presence.

Purchase Simple Mobile

My Mobile Page V2

This is another WordPress Mobile Theme available for sale at ThemeForest. It uses a fluid layout and therefore supports both portrait and landscape orientations. It comes with a few page templates such as blog page template, gallery page template, generic page template and contact us page template. It is designed for Wordpress 3.0.
Pricing:
$20 for a Regular License
Why would I buy it:
Easy to install and customise. Works well on both portrait and landscape orientations. Good for a portfolio or an agency site with a blog.

Purchase My Mobile Page V2

Read Professional Mobile Themes for WordPress on Web Development Blog!

How to ‘Post on Facebook Wall’ on iPhone and Android using PhoneGap plugins

eisabai — Sat, 25 Jun 2011 01:45:51 +0000

For iPhone / iPad (iOS)

Prerequsites
- Install ChildBrowser Phonegap plugin
- Copy FBConnectExample/FBConnect.js into your www folder and include it in your HTML file
- Read and follow the instructions from How to post to the Facebook wall in an iPhone app with phonegap, FaceBook Connect and ChildBrother plugin by MosaCrea

The Javascript(jQuery) code:

$('#share-facebook').live("touchstart touchend", function() {
	var url = $(this).attr("rel");
	try {
		shareonfacebook(" likes Web Development Blog by Ei Sabai.", "http://eisabainyo.net/weblog/wp-content/uploads/2010/11/profile-small.gif", url);
	}
	catch(err) {
		console.log(err);
	}
	return false;
});

function shareonfacebook(text, image, url) {
	var client_id = "xxxxxxxxxxxxx"; // Your Facebook Client ID
	var redir_url = "http://www.facebook.com/connect/login_success.html";

	if (typeof fbPlugin === 'undefined') {
		fbPlugin = FBConnect.install();
	}
	fbPlugin.connect(client_id, redir_url, "touch");
    fbPlugin.onConnect = function() {
	    window.plugins.fbConnect.postFBWall(text, url, image, function() {
			navigator.notification.alert(
				'Thank you for sharing on Facebook.',
				function() {},
				'Thank you',
				'OK'
			);
		});
	};
}

For Android

Prerequsites
- Install Facebook for Android Phonegap plugin
- Copy facebook.js into your www folder and include it in your HTML file

The Javascript(jQuery) code:

$('#share-facebook').live("touchstart touchend", function() {
	var url = $(this).attr("rel");
	try {
		shareonfacebook(" likes Web Development Blog by Ei Sabai.", "http://eisabainyo.net/weblog/wp-content/uploads/2010/11/profile-small.gif", url);
	}
	catch(err) {
		console.log(err);
	}
	return false;
});

function postonfacebook(text, image, url, token) {
	$.ajax({
		   type: 'POST',
		   url: "https://graph.facebook.com/me/feed",
		   data: {
				message: text,
				picture: image,
				link: url,
				access_token: token,
				format: "json"
		   },
		   success: function (data) {
			   navigator.notification.alert(
					'Thank you for sharing on Facebook.',
					function() {},
					'Thank you',
					'OK'
				);
		   },
		   dataType: "json",
		   timeout: 10000
	});
}

function shareonfacebook(text, image, url) {
	var client_id = "xxxxxxxxxxxxx"; // Your Facebook Client ID

	window.plugins.facebook.authorize(client_id, function(res){
		if (res.token !== undefined) {
			postonfacebook(text, image, url, res.token)
		} else {
			// call authorization method
			window.plugins.facebook.getAccess(function(res) {
				if (res.token !== undefined) {
					postonfacebook(text, image, url, res.token)
				}
			});
		}
	});
}

Usage (for both iPhone and Android):

Share on Facebook

Read How to ‘Post on Facebook Wall’ on iPhone and Android using PhoneGap plugins on Web Development Blog!

Web Development Blog

Embed a YouTube video iframe in a phonegap app

Other similiar posts that you might be interested in:

Display a location-aware google map on page load with jQuery mobile

Google Map

Footer content

Other similiar posts that you might be interested in:

Holiday Sales for Web Designers and Developers

Other similiar posts that you might be interested in:

Book Review: Master Mobile Web Apps with jQuery Mobile

Other similiar posts that you might be interested in:

13 FREE iPhone Apps for Web Developers

Other similiar posts that you might be interested in:

Godaddy Coupons 2011

Other similiar posts that you might be interested in:

Creating a Contact Form in jQuery Mobile and PHP

Contact Us

Other similiar posts that you might be interested in:

Introduction to CSS3 Animations by Examples

Other similiar posts that you might be interested in:

Professional Mobile Themes for WordPress

For Advanced Users and Developers

WPtouch Pro

Obox Mobile

For Normal Users

Simple Mobile

My Mobile Page V2

Other similiar posts that you might be interested in:

How to ‘Post on Facebook Wall’ on iPhone and Android using PhoneGap plugins

Other similiar posts that you might be interested in: