Upload a File to a Remote Server with Phonegap

I recently started looking at PhoneGap as a way to build native smartphone applications without having to learn another programming language. The process, so far, has been going very well. I’ve been able to build a basic application with very little trouble. I did, however, hit a big hiccup in development when I decided to try and upload a file from a phone to a remote location.

The unfortunate part of this hiccup was that I think its primary cause is rooted in poor documentation.In this post, I want to explain how I was able to upload a photo from a phone, using PhoneGap (and PHP on the remote server), to a remote server. I am going to assume that you have some knowledge of PhoneGap and already have a method, either the Android SDK or the iPhone SDK, to test your native application.

The HTML / JavascriptRather then use a jQuery Ajax call, I am relying on PhoneGap’s FileTransfer object to post the image to a remote server. The code below is all you need to add to your “index.html” PhoneGap file for a basic upload.

Make sure, if you use the example code below, to add your server’s URL in the appropriately marked place.As you can see, the code above allows you to browse for a photo in the device’s photo library using the function getPhoto(). Once a photo is chosen, it gets POSTed as multi-part data to the server.

You will notice a couple of things. 1. I commented out the options.fileName variable. The default name for an uploaded image is “image.jpg.” Also, I’ve included some test parameters in the upload data which will be POSTed to your server as well, but these are optional.

The PHPNow that you are able to find a file and POST it to a server, you’ll need a server side script to handle the data. Here is a very basic PHP example on handling the multi-part form data (image) that was just sent from the device.

The above code uses PHP’s move_uploaded_file() to move the uploaded file from a temporary location to a new directory. To make sure it works, change “/srv/www/upload/” to a directory on your server. I usually have to pass an absolute file-path as the second variable in the move_uploaded_file() for it to work.

You can learn more about PHP uploads in a previous post of mine.FinishedAbove is a short example of how to upload a file to a remote server using PhoneGap, including how to handle that data once it gets to the server.

Upload a File to a Remote Server with Phonegap

I recently started looking at PhoneGap as a way to build native smartphone applications without having to learn another programming language. The process, so far, has been going very well. I’ve been able to build a basic application with very little trouble. I did, however, hit a big hiccup in development when I decided to try and upload a file from a phone to a remote location.

The unfortunate part of this hiccup was that I think its primary cause is rooted in poor documentation. In this post, I want to explain how I was able to upload a photo from a phone, using PhoneGap (and PHP on the remote server), to a remote server. I am going to assume that you have some knowledge of PhoneGap and already have a method, either the Android SDK or the iPhone SDK, to test your native application.

The HTML / Javascript Rather then use a jQuery Ajax call, I am relying on PhoneGap’s FileTransfer object to post the image to a remote server. The code below is all you need to add to your “index.html” PhoneGap file for a basic upload.

Make sure, if you use the example code below, to add your server’s URL in the appropriately marked place. As you can see, the code above allows you to browse for a photo in the device’s photo library using the function getPhoto(). Once a photo is chosen, it gets POSTed as multi-part data to the server.

You will notice a couple of things. 1. I commented out the options.fileName variable. The default name for an uploaded image is “image.jpg.” Also, I’ve included some test parameters in the upload data which will be POSTed to your server as well, but these are optional.

The PHP Now that you are able to find a file and POST it to a server, you’ll need a server side script to handle the data. Here is a very basic PHP example on handling the multi-part form data (image) that was just sent from the device.

The above code uses PHP’s move_uploaded_file() to move the uploaded file from a temporary location to a new directory. To make sure it works, change “/srv/www/upload/” to a directory on your server. I usually have to pass an absolute file-path as the second variable in the move_uploaded_file() for it to work.

You can learn more about PHP uploads in a previous post of mine. Finished Above is a short example of how to upload a file to a remote server using PhoneGap, including how to handle that data once it gets to the server.

PHP Send Email Using Authenticated SMTP Mail Server In Real Time

PHP has mail() function to send an email to users.

However this mail() will not work:=>

If sendmail (or compatible binary) is not installed=>

If Apache Web server / Lighttpd running in chrooted jail=>

And your smtp server needs an authentication before sending an email=>



Or you just need to send email using PHP PEARIn all these cases you need to use PHP PEAR's Mail:: interface.



It defines the interface for implementing mailers under the PEAR hierarchy, and provides supporting functions which are useful in multiple mailer backends. In this tip you will learn about how to send an e-mail directly to client smtp server in real time.PHP Pear's Mail.php is located in /usr/share/pear/ directory. Following is sample code to send an email via authenticated smtp server.



PHP send email using PHP SMTP mail Pear functions - Sample source codeFollowing code is well commented, you need to make necessary changes as per your

setup.send($recipients, $headers, $mailmsg);

?>



Sending smtp email from chrooted Apache or Lighttpd webserverRead following section, if you are running a secure chrooted Apache or Lighttpd web server. I have already written about setting php mail() function in chrooted jail.



If you are using chrooted jail server setup, copy all files from /usr/share/pear directory to /chroot-directory/usr/share/pear directory. For example if lighttpd chrooted jail located in /webroot directory, you need to type following commands to install PHP pear support:# mkdir -p /webroot/usr/share/pear# cd /webroot/usr/share/pear# cp -avr /usr/share/pear .



If PHP SAFE MODE is on, you must set /webroot/usr/share/pear directory permission to webserver username to allow access. Otherwise you will see error as follows:1-Nov-2006 09:43:19] PHP Warning: main(): SAFE MODE Restriction in effect. The script whose uid is 506 is not allowed to access /usr/share/pear/PEAR.php owned by uid 0 in /usr/share/pear/Mail.php on line 636.



So if webserver username is lighttpd or apache use following command to setup correct ownership:# chown lighttpd:lighttpd /webroot/usr/share/pear -ROR# chown apache:apache /webroot/usr/share/pear -RYou may also find modified wordpress WP-ContactForm plugin useful. It is a drop in form for users to contact you. It can be implemented on a page or a post.



Original authored by Ryan Duff, which use php mail() function to send email. I have modified the same to send email via my ISP authenticated gateway using PHP PEAR's Mail:: interface :D

PHP Send Email Using Authenticated SMTP Mail Server In Real Time

PHP has mail() function to send an email to users.
 However this mail() will not work: =>
If sendmail (or compatible binary) is not installed =>
If Apache Web server / Lighttpd running in chrooted jail =>
And your smtp server needs an authentication before sending an email =>

Or you just need to send email using PHP PEAR In all these cases you need to use PHP PEAR's Mail:: interface.

It defines the interface for implementing mailers under the PEAR hierarchy, and provides supporting functions which are useful in multiple mailer backends. In this tip you will learn about how to send an e-mail directly to client smtp server in real time. PHP Pear's Mail.php is located in /usr/share/pear/ directory. Following is sample code to send an email via authenticated smtp server.

PHP send email using PHP SMTP mail Pear functions - Sample source code Following code is well commented, you need to make necessary changes as per your
setup. send($recipients, $headers, $mailmsg);
?>

Sending smtp email from chrooted Apache or Lighttpd webserver Read following section, if you are running a secure chrooted Apache or Lighttpd web server. I have already written about setting php mail() function in chrooted jail.

If you are using chrooted jail server setup, copy all files from /usr/share/pear directory to /chroot-directory/usr/share/pear directory. For example if lighttpd chrooted jail located in /webroot directory, you need to type following commands to install PHP pear support: # mkdir -p /webroot/usr/share/pear # cd /webroot/usr/share/pear # cp -avr /usr/share/pear .

 If PHP SAFE MODE is on, you must set /webroot/usr/share/pear directory permission to webserver username to allow access. Otherwise you will see error as follows: 1-Nov-2006 09:43:19] PHP Warning: main(): SAFE MODE Restriction in effect. The script whose uid is 506 is not allowed to access /usr/share/pear/PEAR.php owned by uid 0 in /usr/share/pear/Mail.php on line 636.

So if webserver username is lighttpd or apache use following command to setup correct ownership: # chown lighttpd:lighttpd /webroot/usr/share/pear -ROR# chown apache:apache /webroot/usr/share/pear -R You may also find modified wordpress WP-ContactForm plugin useful. It is a drop in form for users to contact you. It can be implemented on a page or a post.

Original authored by Ryan Duff, which use php mail() function to send email. I have modified the same to send email via my ISP authenticated gateway using PHP PEAR's Mail:: interface :D

Re: [PhoneGap] how to add get applicationDidBecomeActive and didFinishLaunchingWithOptions methods in Phonegap

Use the latest 0.9.6.applicationdidFinishLaunchingWithOptions is there,applicationDidBecomeActive is there but in the subclass PhoneGapDelegate.



For active/inactive events, use the "pause" and "resume" events in javascript instead to handle that event:http://docs.phonegap.com/phonegap_events_events.md.html



On 2011-06-29, at 3:00 AM, Abhi wrote:>

Hi,>>

Native apps on IOS have the following methods>

- (BOOL)application:(UIApplication *)application> didFinishLaunchingWithOptions:

(NSDictionary *)launchOptions>

- (void)applicationDidBecomeActive:(UIApplication *)application>

> but Phonegap.0.9.4 has>

- (void)applicationDidFinishLaunching:(UIApplication *)application>

- (void)webViewDidFinishLoad:(UIWebView *)theWebView //this does not> trigger when app comes to foreground from background>>>>> Pls advice how to add the two triggers in Phonegap platform (required> to implement push notification all scenarios)>

- (BOOL)application:(UIApplication *)application>

didFinishLaunchingWithOptions:(NSDictionary *)launchOptions>

- (void)applicationDidBecomeActive:(UIApplication *)application>> -->



You received this message because you are subscribed to the Google>

Groups "phonegap" group.> To post to this group, send email to phonegap@googlegroups.com>

To unsubscribe from this group, send email to>

phonegap+unsubscribe@googlegroups.com>



For more options, visit this group at>

http://groups.google.com/group/phonegap?hl=en?hl=en> >



For more info on PhoneGap or to download the code go to www.phonegap.com-- You received this message because you are subscribed to the GoogleGroups "phonegap" group.To post to this group, send email to phonegap@googlegroups.com



To unsubscribe from this group, send email tophonegap+unsubscribe@googlegroups.comFor more options, visit this group athttp://groups.google.com/group/phonegap?hl=en?hl=enFor more info on PhoneGap or to download the code go to www.phonegap.com

Re: [PhoneGap] how to add get applicationDidBecomeActive and didFinishLaunchingWithOptions methods in Phonegap

Use the latest 0.9.6. applicationdidFinishLaunchingWithOptions is there, applicationDidBecomeActive is there but in the subclass PhoneGapDelegate.

For active/inactive events, use the "pause" and "resume" events in javascript instead to handle that event: http://docs.phonegap.com/phonegap_events_events.md.html

On 2011-06-29, at 3:00 AM, Abhi wrote: >
Hi, > > 
Native apps on IOS have the following methods >
- (BOOL)application:(UIApplication *)application > didFinishLaunchingWithOptions:
(NSDictionary *)launchOptions >
- (void)applicationDidBecomeActive:(UIApplication *)application >
> but Phonegap.0.9.4 has >
- (void)applicationDidFinishLaunching:(UIApplication *)application >
- (void)webViewDidFinishLoad:(UIWebView *)theWebView //this does not > trigger when app comes to foreground from background > > > > > Pls advice how to add the two triggers in Phonegap platform (required > to implement push notification all scenarios) >
- (BOOL)application:(UIApplication *)application >
didFinishLaunchingWithOptions:(NSDictionary *)launchOptions >
- (void)applicationDidBecomeActive:(UIApplication *)application > > -- >

You received this message because you are subscribed to the Google >
Groups "phonegap" group. > To post to this group, send email to phonegap@googlegroups.com >
To unsubscribe from this group, send email to >
phonegap+unsubscribe@googlegroups.com >

For more options, visit this group at >
http://groups.google.com/group/phonegap?hl=en?hl=en > >

For more info on PhoneGap or to download the code go to www.phonegap.com -- You received this message because you are subscribed to the Google Groups "phonegap" group. To post to this group, send email to phonegap@googlegroups.com

To unsubscribe from this group, send email to phonegap+unsubscribe@googlegroups.com For more options, visit this group at http://groups.google.com/group/phonegap?hl=en?hl=en For more info on PhoneGap or to download the code go to www.phonegap.com

[PhoneGap] Re: iOS UIWebview - make it faster for PhoneGap!

+1 more to the pile :DOn Jun 29, 6:50 am, Shazron Abdullah wrote:>

Every-time there's a duplicate issue in Apple's Bug Reporter (kinda like voting for it), the more likely it will be implemented next time (we hope). Mine was duped. So please file an issue, it will only take 5 mins :)>>



File an issue athttp://bugreporter.apple.comand login with your Apple ID. Click on "New Problem">> Title: >



UIWebview: should support Nitro Javascript>> Product:> iPhone SDK>> Classification:> Feature (New)>> Description:> Enable Nitro Javascript for the UIWebview component, like Mobile Safari and home-screen web-apps.--



You received this message because you are subscribed to the GoogleGroups "phonegap" group.To post to this group, send email to phonegap@googlegroups.com



To unsubscribe from this group, send email tophonegap+unsubscribe@googlegroups.comFor more options, visit this group athttp://groups.google.com/group/phonegap?hl=en?hl=enFor more info on PhoneGap or to download the code go to www.phonegap.com

[nodejs] Joey Guerra wants to chat

-----------------------------------------------------------------------Joey Guerra wants to stay in better touch using some of Google's coolest newproducts.If you already have Gmail or Google Talk, visit:http://mail.google.com/mail/b-5c0a4ac672-e0278c1b8b-i0wmic9xVGZ7nAXpPY-Z5P-OqsUYou'll need to click this link to be able to chat with Joey Guerra.To get Gmail - a free email account from Google with over 2,800 megabytes ofstorage - and chat with Joey Guerra, visit:http://mail.google.com/mail/a-5c0a4ac672-e0278c1b8b-i0wmic9xVGZ7nAXpPY-Z5P-OqsUGmail offers:- Instant messaging right inside Gmail- Powerful spam protection- Built-in search for finding your messages and a helpful way of organizingemails into "conversations"- No pop-up ads or untargeted banners - just text ads and related informationthat are relevant to the content of your messagesAll this, and its yours for free. But wait, there's more! By opening a Gmailaccount, you also get access to Google Talk, Google's instant messagingservice:http://www.google.com/talk/Google Talk offers:- Web-based chat that you can use anywhere, without a download- A contact list that's synchronized with your Gmail account- Free, high quality PC-to-PC voice calls when you download the Google TalkclientWe're working hard to add new features and make improvements, so we might alsoask for your comments and suggestions periodically. We appreciate your help inmaking our products even better!Thanks,The Google TeamTo learn more about Gmail and Google Talk, visit:http://mail.google.com/mail/help/about.htmlhttp://www.google.com/talk/about.html(If clicking the URLs in this message does not work, copy and paste them intothe address bar of your browser).-- Job Board: http://jobs.nodejs.org/Posting guidelines: https://github.com/joyent/node/wiki/Mailing-List-Posting-GuidelinesYou received this message because you are subscribed to the GoogleGroups "nodejs" group.To post to this group, send email to nodejs@googlegroups.comTo unsubscribe from this group, send email tonodejs+unsubscribe@googlegroups.comFor more options, visit this group athttp://groups.google.com/group/nodejs?hl=en?hl=en

[PhoneGap] Re: iOS UIWebview - make it faster for PhoneGap!

+1 more to the pile :D On Jun 29, 6:50 am, Shazron Abdullah wrote: >
Every-time there's a duplicate issue in Apple's Bug Reporter (kinda like voting for it), the more likely it will be implemented next time (we hope). Mine was duped. So please file an issue, it will only take 5 mins :) > > 

File an issue athttp://bugreporter.apple.comand login with your Apple ID. Click on "New Problem" > > Title: > 

UIWebview: should support Nitro Javascript > > Product: > iPhone SDK > > Classification: > Feature (New) > > Description: > Enable Nitro Javascript for the UIWebview component, like Mobile Safari and home-screen web-apps. -- 

You received this message because you are subscribed to the Google Groups "phonegap" group. To post to this group, send email to phonegap@googlegroups.com 

To unsubscribe from this group, send email to phonegap+unsubscribe@googlegroups.com For more options, visit this group at http://groups.google.com/group/phonegap?hl=en?hl=en For more info on PhoneGap or to download the code go to www.phonegap.com

[nodejs] Joey Guerra wants to chat

----------------------------------------------------------------------- Joey Guerra wants to stay in better touch using some of Google's coolest new products. If you already have Gmail or Google Talk, visit: http://mail.google.com/mail/b-5c0a4ac672-e0278c1b8b-i0wmic9xVGZ7nAXpPY-Z5P-OqsU You'll need to click this link to be able to chat with Joey Guerra. To get Gmail - a free email account from Google with over 2,800 megabytes of storage - and chat with Joey Guerra, visit: http://mail.google.com/mail/a-5c0a4ac672-e0278c1b8b-i0wmic9xVGZ7nAXpPY-Z5P-OqsU Gmail offers: - Instant messaging right inside Gmail - Powerful spam protection - Built-in search for finding your messages and a helpful way of organizing emails into "conversations" - No pop-up ads or untargeted banners - just text ads and related information that are relevant to the content of your messages All this, and its yours for free. But wait, there's more! By opening a Gmail account, you also get access to Google Talk, Google's instant messaging service: http://www.google.com/talk/ Google Talk offers: - Web-based chat that you can use anywhere, without a download - A contact list that's synchronized with your Gmail account - Free, high quality PC-to-PC voice calls when you download the Google Talk client We're working hard to add new features and make improvements, so we might also ask for your comments and suggestions periodically. We appreciate your help in making our products even better! Thanks, The Google Team To learn more about Gmail and Google Talk, visit: http://mail.google.com/mail/help/about.html http://www.google.com/talk/about.html (If clicking the URLs in this message does not work, copy and paste them into the address bar of your browser). -- Job Board: http://jobs.nodejs.org/ Posting guidelines: https://github.com/joyent/node/wiki/Mailing-List-Posting-Guidelines You received this message because you are subscribed to the Google Groups "nodejs" group. To post to this group, send email to nodejs@googlegroups.com To unsubscribe from this group, send email to nodejs+unsubscribe@googlegroups.com For more options, visit this group at http://groups.google.com/group/nodejs?hl=en?hl=en

Re: [nodejs] Joey Guerra wants to chat

WAT?!On Wed, Jun 29, 2011 at 9:49 PM, Joey Guerra wrote: ----------------------------------------------------------------------- Joey Guerra wants to stay in better touch using some of Google's coolest new products. If you already have Gmail or Google Talk, visit: http://mail.google.com/mail/b-5c0a4ac672-e0278c1b8b-i0wmic9xVGZ7nAXpPY-Z5P-OqsU You'll need to click this link to be able to chat with Joey Guerra. To get Gmail - a free email account from Google with over 2,800 megabytes of storage - and chat with Joey Guerra, visit: http://mail.google.com/mail/a-5c0a4ac672-e0278c1b8b-i0wmic9xVGZ7nAXpPY-Z5P-OqsU Gmail offers: - Instant messaging right inside Gmail - Powerful spam protection - Built-in search for finding your messages and a helpful way of organizing emails into "conversations" - No pop-up ads or untargeted banners - just text ads and related information that are relevant to the content of your messages All this, and its yours for free. But wait, there's more! By opening a Gmail account, you also get access to Google Talk, Google's instant messaging service: http://www.google.com/talk/ Google Talk offers: - Web-based chat that you can use anywhere, without a download - A contact list that's synchronized with your Gmail account - Free, high quality PC-to-PC voice calls when you download the Google Talk client We're working hard to add new features and make improvements, so we might also ask for your comments and suggestions periodically. We appreciate your help in making our products even better! Thanks, The Google Team To learn more about Gmail and Google Talk, visit: http://mail.google.com/mail/help/about.html http://www.google.com/talk/about.html (If clicking the URLs in this message does not work, copy and paste them into the address bar of your browser). -- Job Board: http://jobs.nodejs.org/ Posting guidelines: https://github.com/joyent/node/wiki/Mailing-List-Posting-Guidelines You received this message because you are subscribed to the Google Groups "nodejs" group. To post to this group, send email to nodejs@googlegroups.com To unsubscribe from this group, send email to nodejs+unsubscribe@googlegroups.com For more options, visit this group at http://groups.google.com/group/nodejs?hl=en?hl=en-- Job Board: http://jobs.nodejs.org/Posting guidelines: https://github.com/joyent/node/wiki/Mailing-List-Posting-GuidelinesYou received this message because you are subscribed to the GoogleGroups "nodejs" group.To post to this group, send email to nodejs@googlegroups.comTo unsubscribe from this group, send email tonodejs+unsubscribe@googlegroups.comFor more options, visit this group athttp://groups.google.com/group/nodejs?hl=en?hl=en

Re: [nodejs] Joey Guerra wants to chat

WAT?! On Wed, Jun 29, 2011 at 9:49 PM, Joey Guerra wrote: ----------------------------------------------------------------------- Joey Guerra wants to stay in better touch using some of Google's coolest new products. If you already have Gmail or Google Talk, visit: http://mail.google.com/mail/b-5c0a4ac672-e0278c1b8b-i0wmic9xVGZ7nAXpPY-Z5P-OqsU You'll need to click this link to be able to chat with Joey Guerra. To get Gmail - a free email account from Google with over 2,800 megabytes of storage - and chat with Joey Guerra, visit: http://mail.google.com/mail/a-5c0a4ac672-e0278c1b8b-i0wmic9xVGZ7nAXpPY-Z5P-OqsU Gmail offers: - Instant messaging right inside Gmail - Powerful spam protection - Built-in search for finding your messages and a helpful way of organizing emails into "conversations" - No pop-up ads or untargeted banners - just text ads and related information that are relevant to the content of your messages All this, and its yours for free. But wait, there's more! By opening a Gmail account, you also get access to Google Talk, Google's instant messaging service: http://www.google.com/talk/ Google Talk offers: - Web-based chat that you can use anywhere, without a download - A contact list that's synchronized with your Gmail account - Free, high quality PC-to-PC voice calls when you download the Google Talk client We're working hard to add new features and make improvements, so we might also ask for your comments and suggestions periodically. We appreciate your help in making our products even better! Thanks, The Google Team To learn more about Gmail and Google Talk, visit: http://mail.google.com/mail/help/about.html http://www.google.com/talk/about.html (If clicking the URLs in this message does not work, copy and paste them into the address bar of your browser). -- Job Board: http://jobs.nodejs.org/ Posting guidelines: https://github.com/joyent/node/wiki/Mailing-List-Posting-Guidelines You received this message because you are subscribed to the Google Groups "nodejs" group. To post to this group, send email to nodejs@googlegroups.com To unsubscribe from this group, send email to nodejs+unsubscribe@googlegroups.com For more options, visit this group at http://groups.google.com/group/nodejs?hl=en?hl=en -- Job Board: http://jobs.nodejs.org/ Posting guidelines: https://github.com/joyent/node/wiki/Mailing-List-Posting-Guidelines You received this message because you are subscribed to the Google Groups "nodejs" group. To post to this group, send email to nodejs@googlegroups.com To unsubscribe from this group, send email to nodejs+unsubscribe@googlegroups.com For more options, visit this group at http://groups.google.com/group/nodejs?hl=en?hl=en

Re: [PhoneGap] Coverage Into using Phonegap.

Hey Drew,You are right. I didn't execute "document.addEventListener("deviceready", onDeviceReady, false);" in the HTML file. Rather this was called in another file.



Now I got it working. Thanks for all your time :)--

You received this message because you are subscribed to the GoogleGroups "phonegap" group.



To post to this group, send email to phonegap@googlegroups.com

To unsubscribe from this group, send email tophonegap+unsubscribe@googlegroups.com

For more options, visit this group athttp://groups.google.com/group/phonegap?hl=en?hl=en

For more info on PhoneGap or to download the code go to www.phonegap.com

[PhoneGap] Re: Calling plugin method synchronously

Here is my correspondence with ShazronYou can use static libraries only, no third-party dynamic librariesare allowed. Apple's dynamic libraries are allowed of course (thingslike UIKit, etc that are part of the SDK) but not your own.- Hide quoted text -On Tue, Jun 28, 2011 at 5:01 AM, Sumedh wrote:> Hi Shazron,>> I wanted to know whether i can use shared libraries with phonegap plugins.>> What about Dynamic link Libraries, are they allowed as part of an iphone> app. I am not getting appropriate information about this.>> thanks.>> On Mon, Jun 27, 2011 at 6:03 PM, Sumedh wrote:>>>> Thanks sir.>>>>>> On Mon, Jun 27, 2011 at 5:31 PM, Shazron Abdullah>> wrote:>>>>>> Also i see PhoneGap uses UIWebvVew, so there are limits on scripts>>> executions, like 10 sec and 10 MB, can we set this values?>>>>>> No.>>>>>> Can i build my custom webkit for ios, so that i can have access to>>> jscore. I have done it on windows, and linux... I hope i can do same for MAC>>> OSX, but don't have any idea about IOS. Can you throw some light on this?>>>>>> You could. Look at the Couchbase (CouchDB) for iOS project, might be some>>> info there.********************************No, everything is async. It's a limitation on how PhoneGap works (atleast on iOS). For Android, it's possible but I'm not familiar withit.--Shazron AbdullahOn Monday, June 27, 2011 at 3:30 AM, Sumedh wrote:> Hi Shazron,>> I was going through plugins, all available plugin examples utility functions seems to be called in a thread and then return back the result in callback. Can i have a plugin which will return back the result to the caller, for which i hope call to plugin utility functions should be in the same thread.>> Hoping for a reply. Thanks.-- You received this message because you are subscribed to the GoogleGroups "phonegap" group.To post to this group, send email to phonegap@googlegroups.comTo unsubscribe from this group, send email tophonegap+unsubscribe@googlegroups.comFor more options, visit this group athttp://groups.google.com/group/phonegap?hl=en?hl=enFor more info on PhoneGap or to download the code go to www.phonegap.com

Re: [PhoneGap] Coverage Into using Phonegap.

Hey Drew, You are right. I didn't execute "document.addEventListener("deviceready", onDeviceReady, false);" in the HTML file. Rather this was called in another file.

Now I got it working. Thanks for all your time :) --
You received this message because you are subscribed to the Google Groups "phonegap" group.

To post to this group, send email to phonegap@googlegroups.com
To unsubscribe from this group, send email to phonegap+unsubscribe@googlegroups.com
For more options, visit this group at http://groups.google.com/group/phonegap?hl=en?hl=en
For more info on PhoneGap or to download the code go to www.phonegap.com

[PhoneGap] Re: Calling plugin method synchronously

Here is my correspondence with Shazron You can use static libraries only, no third-party dynamic libraries are allowed. Apple's dynamic libraries are allowed of course (things like UIKit, etc that are part of the SDK) but not your own. - Hide quoted text - On Tue, Jun 28, 2011 at 5:01 AM, Sumedh wrote: > Hi Shazron, > > I wanted to know whether i can use shared libraries with phonegap plugins. > > What about Dynamic link Libraries, are they allowed as part of an iphone > app. I am not getting appropriate information about this. > > thanks. > > On Mon, Jun 27, 2011 at 6:03 PM, Sumedh wrote: >> >> Thanks sir. >> >> >> On Mon, Jun 27, 2011 at 5:31 PM, Shazron Abdullah >> wrote: >>> >>> Also i see PhoneGap uses UIWebvVew, so there are limits on scripts >>> executions, like 10 sec and 10 MB, can we set this values? >>> >>> No. >>> >>> Can i build my custom webkit for ios, so that i can have access to >>> jscore. I have done it on windows, and linux... I hope i can do same for MAC >>> OSX, but don't have any idea about IOS. Can you throw some light on this? >>> >>> You could. Look at the Couchbase (CouchDB) for iOS project, might be some >>> info there. ******************************** No, everything is async. It's a limitation on how PhoneGap works (at least on iOS). For Android, it's possible but I'm not familiar with it. -- Shazron Abdullah On Monday, June 27, 2011 at 3:30 AM, Sumedh wrote: > Hi Shazron, > > I was going through plugins, all available plugin examples utility functions seems to be called in a thread and then return back the result in callback. Can i have a plugin which will return back the result to the caller, for which i hope call to plugin utility functions should be in the same thread. > > Hoping for a reply. Thanks. -- You received this message because you are subscribed to the Google Groups "phonegap" group. To post to this group, send email to phonegap@googlegroups.com To unsubscribe from this group, send email to phonegap+unsubscribe@googlegroups.com For more options, visit this group at http://groups.google.com/group/phonegap?hl=en?hl=en For more info on PhoneGap or to download the code go to www.phonegap.com


Click here for more interesting details 

[PhoneGap] Re: BlackBerry WebWorks - eclipse Issues

Hi,1. I'm using blackberry.app.exit() in my BB-Webworks App. and it is working for me.2. Here is the sample code for JS-WSDL communication. function wssample(){try{var oXmlHttp = new XMLHttpRequest(); // Create a function that will receive data sent from the serveroXmlHttp.onreadystatechange = function(){if(oXmlHttp.readyState == 4){alert(oXmlHttp.responseText);}};oXmlHttp.open("POST", "http://10.55.55.55/AuthenticationService.svc", false); oXmlHttp.setRequestHeader("Content-Type", "text/xml"); oXmlHttp.setRequestHeader("SOAPAction", "http://tempuri.org/IAuthenticationService/AuthenticateUser"); var str=" \ \ \ \ adminadmin \ admin \ \ \ \"; oXmlHttp.send(str); }catch(e){document.getElementById("ex").innerHTML = "Exception- "+e.toString(); }}Do not forget to add the url in config.xml-- You received this message because you are subscribed to the GoogleGroups "phonegap" group.To post to this group, send email to phonegap@googlegroups.comTo unsubscribe from this group, send email tophonegap+unsubscribe@googlegroups.comFor more options, visit this group athttp://groups.google.com/group/phonegap?hl=en?hl=en For more info on PhoneGap or to download the code go to www.phonegap.com

[PhoneGap] Re: BlackBerry WebWorks - eclipse Issues

Hi, 1. I'm using blackberry.app.exit() in my BB-Webworks App. and it is working for me. 2. Here is the sample code for JS-WSDL communication. function wssample(){ try{ var oXmlHttp = new XMLHttpRequest(); // Create a function that will receive data sent from the server oXmlHttp.onreadystatechange = function(){ if(oXmlHttp.readyState == 4){ alert(oXmlHttp.responseText); } }; oXmlHttp.open("POST", "http://10.55.55.55/AuthenticationService.svc", false); oXmlHttp.setRequestHeader("Content-Type", "text/xml"); oXmlHttp.setRequestHeader("SOAPAction", "http://tempuri.org/IAuthenticationService/AuthenticateUser"); var str=" \ \ \ \ adminadmin \ admin \ \ \ \ "; oXmlHttp.send(str); }catch(e){ document.getElementById("ex").innerHTML = "Exception- "+e.toString(); } } Do not forget to add the url in config.xml -- You received this message because you are subscribed to the Google Groups "phonegap" group. To post to this group, send email to phonegap@googlegroups.com To unsubscribe from this group, send email to phonegap+unsubscribe@googlegroups.com For more options, visit this group at http://groups.google.com/group/phonegap?hl=en?hl=en For more info on PhoneGap or to download the code go to www.phonegap.com

[PhoneGap] Re: how to add get applicationDidBecomeActive and didFinishLaunchingWithOptions methods in Phonegap

cd ~/Documents/phonegap-iphone/git remote updategit merge origin/mastermake, reinstall the pkg, reload, clean & rebuildOn Jun 30, 10:40 am, Abhilash Vijayakumar wrote:> Ok thank you. Any recommended way to convert an existing Phonegap.0.9.4 app> to Phonegap.0.9.6 app> Can Phonegap0.9.4 and 0.9.6 templates co-exist in xcode3.2.6 ?> Pls advice> Regards> Abhilash Vijayakumar>> On Wed, Jun 29, 2011 at 6:17 PM, Shazron Abdullah <>>>> shazron.abdul...@nitobi.com> wrote:> > Use the latest 0.9.6.> > applicationdidFinishLaunchingWithOptions is there,> > applicationDidBecomeActive is there but in the subclass PhoneGapDelegate.>> > For active/inactive events, use the "pause" and "resume" events in> > javascript instead to handle that event:> >http://docs.phonegap.com/phonegap_events_events.md.html>> > On 2011-06-29, at 3:00 AM, Abhi wrote:>> > > Hi,>> > > Native apps on IOS have the following methods> > > - (BOOL)application:(UIApplication *)application> > > didFinishLaunchingWithOptions:(NSDictionary *)launchOptions> > > - (void)applicationDidBecomeActive:(UIApplication *)application>> > > but Phonegap.0.9.4 has> > > - (void)applicationDidFinishLaunching:(UIApplication *)application> > > - (void)webViewDidFinishLoad:(UIWebView *)theWebView //this does not> > > trigger when app comes to foreground from background>> > > Pls advice how to add the two triggers in Phonegap platform (required> > > to implement push notification all scenarios)> > > - (BOOL)application:(UIApplication *)application> > > didFinishLaunchingWithOptions:(NSDictionary *)launchOptions> > > - (void)applicationDidBecomeActive:(UIApplication *)application>> > > --> > > You received this message because you are subscribed to the Google> > > Groups "phonegap" group.> > > To post to this group, send email to phonegap@googlegroups.com> > > To unsubscribe from this group, send email to> > > phonegap+unsubscribe@googlegroups.com> > > For more options, visit this group at> > >http://groups.google.com/group/phonegap?hl=en?hl=en>> > > For more info on PhoneGap or to download the code go towww.phonegap.com>> > --> > You received this message because you are subscribed to the Google> > Groups "phonegap" group.> > To post to this group, send email to phonegap@googlegroups.com> > To unsubscribe from this group, send email to> > phonegap+unsubscribe@googlegroups.com> > For more options, visit this group at> >http://groups.google.com/group/phonegap?hl=en?hl=en>> > For more info on PhoneGap or to download the code go towww.phonegap.com-- You received this message because you are subscribed to the GoogleGroups "phonegap" group.To post to this group, send email to phonegap@googlegroups.comTo unsubscribe from this group, send email tophonegap+unsubscribe@googlegroups.comFor more options, visit this group athttp://groups.google.com/group/phonegap?hl=en?hl=enFor more info on PhoneGap or to download the code go to www.phonegap.com

[PhoneGap] Re: how to add get applicationDidBecomeActive and didFinishLaunchingWithOptions methods in Phonegap

cd ~/Documents/phonegap-iphone/ git remote update git merge origin/master make, reinstall the pkg, reload, clean & rebuild On Jun 30, 10:40 am, Abhilash Vijayakumar wrote: > Ok thank you. Any recommended way to convert an existing Phonegap.0.9.4 app > to Phonegap.0.9.6 app > Can Phonegap0.9.4 and 0.9.6 templates co-exist in xcode3.2.6 ? > Pls advice > Regards > Abhilash Vijayakumar > > On Wed, Jun 29, 2011 at 6:17 PM, Shazron Abdullah < > > > > shazron.abdul...@nitobi.com> wrote: > > Use the latest 0.9.6. > > applicationdidFinishLaunchingWithOptions is there, > > applicationDidBecomeActive is there but in the subclass PhoneGapDelegate. > > > For active/inactive events, use the "pause" and "resume" events in > > javascript instead to handle that event: > >http://docs.phonegap.com/phonegap_events_events.md.html > > > On 2011-06-29, at 3:00 AM, Abhi wrote: > > > > Hi, > > > > Native apps on IOS have the following methods > > > - (BOOL)application:(UIApplication *)application > > > didFinishLaunchingWithOptions:(NSDictionary *)launchOptions > > > - (void)applicationDidBecomeActive:(UIApplication *)application > > > > but Phonegap.0.9.4 has > > > - (void)applicationDidFinishLaunching:(UIApplication *)application > > > - (void)webViewDidFinishLoad:(UIWebView *)theWebView //this does not > > > trigger when app comes to foreground from background > > > > Pls advice how to add the two triggers in Phonegap platform (required > > > to implement push notification all scenarios) > > > - (BOOL)application:(UIApplication *)application > > > didFinishLaunchingWithOptions:(NSDictionary *)launchOptions > > > - (void)applicationDidBecomeActive:(UIApplication *)application > > > > -- > > > You received this message because you are subscribed to the Google > > > Groups "phonegap" group. > > > To post to this group, send email to phonegap@googlegroups.com > > > To unsubscribe from this group, send email to > > > phonegap+unsubscribe@googlegroups.com > > > For more options, visit this group at > > >http://groups.google.com/group/phonegap?hl=en?hl=en > > > > For more info on PhoneGap or to download the code go towww.phonegap.com > > > -- > > You received this message because you are subscribed to the Google > > Groups "phonegap" group. > > To post to this group, send email to phonegap@googlegroups.com > > To unsubscribe from this group, send email to > > phonegap+unsubscribe@googlegroups.com > > For more options, visit this group at > >http://groups.google.com/group/phonegap?hl=en?hl=en > > > For more info on PhoneGap or to download the code go towww.phonegap.com -- You received this message because you are subscribed to the Google Groups "phonegap" group. To post to this group, send email to phonegap@googlegroups.com To unsubscribe from this group, send email to phonegap+unsubscribe@googlegroups.com For more options, visit this group at http://groups.google.com/group/phonegap?hl=en?hl=en For more info on PhoneGap or to download the code go to www.phonegap.com

[PhoneGap] Re: emailComposer plugin

On Nov 2, 7:18 pm, Nick McCloud wrote:> You will need to add MessageUI.framework to your project if it is not> already included.>> Just add the .m.h files to your project ( you can add them directly to> your own project, you don't need to put them in phonegap lib ).>> Place the .js file in your app root, and include it from your html.>> This is intended to also demonstrate how to pass arguments to native> code using the options/map object. Please review the js file to> understand the interface you can call, and reply with any questions.>> On Nov 2, 4:45 pm, jamie_mcdonnell wrote:>>>> > Hi there,>> > can anyone please post a simple example for implementing the> > emailComposrer plugin?>> > It would really help me / others get going...>> > Many thanks>> > Jamie-- You received this message because you are subscribed to the GoogleGroups "phonegap" group.To post to this group, send email to phonegap@googlegroups.comTo unsubscribe from this group, send email tophonegap+unsubscribe@googlegroups.comFor more options, visit this group athttp://groups.google.com/group/phonegap?hl=en?hl=enFor more info on PhoneGap or to download the code go to www.phonegap.com

[PhoneGap] Re: emailComposer plugin

On Nov 2, 7:18 pm, Nick McCloud wrote: > You will need to add MessageUI.framework to your project if it is not > already included. > > Just add the .m.h files to your project ( you can add them directly to > your own project, you don't need to put them in phonegap lib ). > > Place the .js file in your app root, and include it from your html. > > This is intended to also demonstrate how to pass arguments to native > code using the options/map object. Please review the js file to > understand the interface you can call, and reply with any questions. > > On Nov 2, 4:45 pm, jamie_mcdonnell wrote: > > > > > Hi there, > > > can anyone please post a simple example for implementing the > > emailComposrer plugin? > > > It would really help me / others get going... > > > Many thanks > > > Jamie -- You received this message because you are subscribed to the Google Groups "phonegap" group. To post to this group, send email to phonegap@googlegroups.com To unsubscribe from this group, send email to phonegap+unsubscribe@googlegroups.com For more options, visit this group at http://groups.google.com/group/phonegap?hl=en?hl=en For more info on PhoneGap or to download the code go to www.phonegap.com

jquery basics

This is a basic tutorial, designed to help you get started using jQuery. If you don't have a test page setup yet, start by creating a new HTML page with the following contents:



Edit the src attribute in the script tag to point to your copy of jquery.js. For example, if jquery.js is in the same directory as your HTML file, you can use:







You can download your own copy of jQuery from the Downloading jQuery page

[edit]

Launching Code on Document Ready



The first thing that most Javascript programmers end up doing is adding some code to their program, similar to this:



window.onload = function(){ alert("welcome"); }



Inside of which is the code that you want to run right when the page is loaded. Problematically, however, the Javascript code isn't run until all images are finished downloading (this includes banner ads). The reason for using window.onload in the first place is that the HTML 'document' isn't finished loading yet, when you first try to run your code.



To circumvent both problems, jQuery has a simple statement that checks the document and waits until it's ready to be manipulated, known as the ready event:



$(document).ready(function(){

// Your code here

});



Inside the ready event, add a click handler to the link:



$(document).ready(function(){

$("a").click(function(event){

alert("Thanks for visiting!");

});

});



Save your HTML file and reload the test page in your browser. Clicking the link on the page should make a browser's alert pop-up, before leaving to go to the main jQuery page.



For click and most other events, you can prevent the default behaviour - here, following the link to jquery.com - by calling event.preventDefault() in the event handler:



$(document).ready(function(){

$("a").click(function(event){

alert("As you can see, the link no longer took you to jquery.com");

event.preventDefault();

});

});



[edit]

Complete Example



The following is an example of what the complete HTML file might look like if you were to use the script in your own file. Note that it links to Google's CDN to load the jQuery core file. Also, while the custom script is included in the , it is generally preferable to place it in a separate file and refer that file with the script element's src attribute



[edit]

Adding and Removing an HTML Class



Important: The remaining jQuery examples will need to be placed inside the ready event so that they are executed when the document is ready to be worked on. See Launching Code on Document Ready above for details.



Another common task is adding (or removing) a class.



First, add some style information into the of your document, like this:







Next, add the addClass call to your script:



$("a").addClass("test");



All your a elements will now be bold.



To remove the class, use removeClass



$("a").removeClass("test");



(HTML allows multiple classes to be added to an element.)



[edit]

Special Effects



In jQuery, a couple of handy effects are provided, to really make your web site stand out. To put this to the test, change the click that you added earlier to this:



$("a").click(function(event){

event.preventDefault();

$(this).hide("slow");

});



Now, if you click any link, it should make itself slowly disappear.

[edit]

Callback and Functions



A callback is a function that is passed as an argument to another function and is executed after its parent function has completed. The special thing about a callback is that functions that appear after the "parent" can execute before the callback executes. Another important thing to know is how to properly pass the callback. This is where I have often forgotten the proper syntax.

[edit]

Callback without arguments



For a callback with no arguments you pass it like this:



$.get('myhtmlpage.html', myCallBack);



Note that the second parameter here is simply the function name (but not as a string and without parentheses). Functions in Javascript are 'First class citizens' and so can be passed around like variable references and executed at a later time.

[edit]

Callback with arguments



"What do you do if you have arguments that you want to pass?", you might ask yourself.

[edit]

Wrong



The Wrong Way (will not work!)



$.get('myhtmlpage.html', myCallBack(param1, param2));





This will not work because it calls



myCallBack(param1, param2)



and then passes the return value as the second parameter to $.get()

[edit]

Right



The problem with the above example is that myCallBack(param1, param2) is evaluated before being passed as a function. Javascript and by extension jQuery expects a function pointer in cases like these. I.E. setTimeout function.



In the below usage, an anonymous function is created (just a block of statements) and is registered as the callback function. Note the use of 'function(){'. The anonymous function does exactly one thing: calls myCallBack, with the values of param1 and param2 in the outer scope.



$.get('myhtmlpage.html', function(){

myCallBack(param1, param2);

});



param1 and param2 are evaluated as a callback when the '$.get' is done getting the page.

jquery basics

This is a basic tutorial, designed to help you get started using jQuery. If you don't have a test page setup yet, start by creating a new HTML page with the following contents: Edit the src attribute in the script tag to point to your copy of jquery.js. For example, if jquery.js is in the same directory as your HTML file, you can use: You can download your own copy of jQuery from the Downloading jQuery page [edit] Launching Code on Document Ready The first thing that most Javascript programmers end up doing is adding some code to their program, similar to this: window.onload = function(){ alert("welcome"); } Inside of which is the code that you want to run right when the page is loaded. Problematically, however, the Javascript code isn't run until all images are finished downloading (this includes banner ads). The reason for using window.onload in the first place is that the HTML 'document' isn't finished loading yet, when you first try to run your code. To circumvent both problems, jQuery has a simple statement that checks the document and waits until it's ready to be manipulated, known as the ready event: $(document).ready(function(){ // Your code here }); Inside the ready event, add a click handler to the link: $(document).ready(function(){ $("a").click(function(event){ alert("Thanks for visiting!"); }); }); Save your HTML file and reload the test page in your browser. Clicking the link on the page should make a browser's alert pop-up, before leaving to go to the main jQuery page. For click and most other events, you can prevent the default behaviour - here, following the link to jquery.com - by calling event.preventDefault() in the event handler: $(document).ready(function(){ $("a").click(function(event){ alert("As you can see, the link no longer took you to jquery.com"); event.preventDefault(); }); }); [edit] Complete Example The following is an example of what the complete HTML file might look like if you were to use the script in your own file. Note that it links to Google's CDN to load the jQuery core file. Also, while the custom script is included in the , it is generally preferable to place it in a separate file and refer that file with the script element's src attribute [edit] Adding and Removing an HTML Class Important: The remaining jQuery examples will need to be placed inside the ready event so that they are executed when the document is ready to be worked on. See Launching Code on Document Ready above for details. Another common task is adding (or removing) a class. First, add some style information into the of your document, like this: Next, add the addClass call to your script: $("a").addClass("test"); All your a elements will now be bold. To remove the class, use removeClass $("a").removeClass("test"); (HTML allows multiple classes to be added to an element.) [edit] Special Effects In jQuery, a couple of handy effects are provided, to really make your web site stand out. To put this to the test, change the click that you added earlier to this: $("a").click(function(event){ event.preventDefault(); $(this).hide("slow"); }); Now, if you click any link, it should make itself slowly disappear. [edit] Callback and Functions A callback is a function that is passed as an argument to another function and is executed after its parent function has completed. The special thing about a callback is that functions that appear after the "parent" can execute before the callback executes. Another important thing to know is how to properly pass the callback. This is where I have often forgotten the proper syntax. [edit] Callback without arguments For a callback with no arguments you pass it like this: $.get('myhtmlpage.html', myCallBack); Note that the second parameter here is simply the function name (but not as a string and without parentheses). Functions in Javascript are 'First class citizens' and so can be passed around like variable references and executed at a later time. [edit] Callback with arguments "What do you do if you have arguments that you want to pass?", you might ask yourself. [edit] Wrong The Wrong Way (will not work!) $.get('myhtmlpage.html', myCallBack(param1, param2)); This will not work because it calls myCallBack(param1, param2) and then passes the return value as the second parameter to $.get() [edit] Right The problem with the above example is that myCallBack(param1, param2) is evaluated before being passed as a function. Javascript and by extension jQuery expects a function pointer in cases like these. I.E. setTimeout function. In the below usage, an anonymous function is created (just a block of statements) and is registered as the callback function. Note the use of 'function(){'. The anonymous function does exactly one thing: calls myCallBack, with the values of param1 and param2 in the outer scope. $.get('myhtmlpage.html', function(){ myCallBack(param1, param2); }); param1 and param2 are evaluated as a callback when the '$.get' is done getting the page.

jquery tutorial

English Tutorials jQuery Plugin Authoring Learn how to develop a jQuery plugin. jQuery Beginner Tutorial in 18 minutes Learn to build jQuery plugins from scratch - an 18 minute tutorial. [edit]General TutorialsThese tutorials cover the fundamentals of the jQuery library - covering a diverse number of topics.



How jQuery Works by John Resig. A basic introduction to jQuery and the concepts that you need to know to use it. Tags: jQuery Core, Selectors, CSS, Traversing, Manipulation, Events, Effects Getting Started with jQuery by Jörn Zaefferer Goes through the basics of jQuery, all the way up to building plugins.



Tags: jQuery Core, Selectors, Attributes, Traversing, Manipulation, Events, Effects, Ajax, Plugins jQuery For Designers by Mark Panay Examples of writing Unobtrusive JavaScript to add simple behavior to a web page.



Tags: Selectors, Manipulation, Effects, Events Live Examples of jQuery by Cody Lindley An interactive demonstration of the basics behind jQuery.



Tags: Selectors, Attributes, Traversing, Effects, Manipulation [edit]Interface Introduction to jQuery Animation by Abel Mohler 51+ Best of jQuery Tutorials and Examples by Sydney Monis jQuery Tutorials for Designers by Sydney Monis Highlight words in an html page by Reuven jQuery Tabs Build simple jQuery Tabs controls (Beginner's Tutorials) by Greg Sidelnikov Create a Roll Over Star Comment Rating with JQuery by Eli Geske



Form validation with jQuery from scratch by Daniel Create an Accessible Slideshow Using jQuery by Jacob Gube Create a Vertical Scrolling Menu with Tooltips by Andrew Valums Create a Horizontal Scrolling Menu with CSS and jQuery by Andrew Valums Slide and Hide Section with jQuery by WebAir The Dollar Sign What is the Significance of the Dollar Sign ($)?



Smooth and Stunning Popup from scratch by Adrian Mato (yensdesign.com) Create a smooth tabbed menu in jQuery by Adrian Mato (yensdesign) How to Validate Forms in both sides using PHP and jQuery by Adrian Mato (yensdesign.com) Improving search boxes with jQuery by Adrian Mato (yensdesign)



Submit a Form Without Refresh Using jQuery by NETTUTS Create a tabbed content area by Queness Simple jQuery Modal Window Tutorial by Queness AJAX Interface using JQuery/PHP by Vision Master Designs Building modal panels with jQuery by Daniel Jquery Image Loader add loading animation before image completely loaded by Bali Web Design State-Saving jQuery Accordion Menu Without Reloading the Page by Michael Jacob Davis



Creating a very basic Image Gallery in JQuery by Jack Franklin Disjointed rollovers in jQuery by Justin Farmer Image Enlargement with .animate() by Justin Farmer jQuery Frequently Asked Questions (FAQ) by Michael Jacob Davis Ajaxify your web pages using jQuery by Bali Web Design PHP jQuery Ajax Login by Bali Web Design SEO friendly ajax by Bali Web Design Building a Lightbox by dryan Simple JQuery



Image Slide Show with Semi-Transparent Caption by Queness jQuery Image Gallery/News Slider with Caption Tutorial by Queness Create an Attractive jQuery Menu with Fadein and Fadeout Effect by Queness Create a Vertical, Horizontal and Diagonal Sliding Content Website with jQuery by Queness Simple Lava Lamp Menu Tutorial with jQuery by Queness jQuery



Moving Tab and Sliding Content Tutorial by Queness Create a Stunning Sliding Door Effect with jQuery by Queness jQuery Thumbnail with Zooming Image and Fading Caption Tutorial by Queness Making a jQuery pagination system by web.enavu Making a jQuery infinite carousel with nice features by web.enavu How to make a completely reusable jquery modal window by web.enavu



Make a custom tab interface with JQuery by web.enavu Cool navigation menu made with JQuery by web.enavu Sliding door effect with JQuery by web.enavu Image splitting effect with CSS and JQuery by web.enavu Create an amazing contact form with jQuery. by web.enavu



Making image captions using jQuery by web.enavu Client side filtering data with jQuery by web.enavu Create a Thumbnail with Fading Caption Using jQuery by Queness Create a Simple Infinite Carousel with jQuery by Queness jQuery Drop Down Menu for RSS Subscription



Tutorial by Queness 7 Amazing Presentation Slides to Teach you How to Code with jQuery by web.enavu Making a Cool Spotlight Effect with jQuery by web.enavu jQuery Photo Slide Show with Slick Caption Tutorial Revisited by Queness [edit]Misc Beginner's Plugin Tutorial Build jQuery Plugins from scratch (Beginner's tutorials). Run my JQuery script only if a certain element exists! by Eli Geske How to switch to an Alternate Stylesheet using jQuery by Web Dev Codex Roundup of jQuery Menus by Query7 Staff 5 Tips for Better jQuery Code by Marc Grabanski Creating AJAX websites based on anchor navigation using jQuery by Ivan Guardado Castro &



Adrian Mato (yensdesign) Easy XML Consumption Using JQuery by Joseph Ucuzoglu Creating a very basic Image Gallery in JQuery by Jack Franklin jQuery Thickbox and ColdFusion Dynamic Image Resizing by Raymond Camden An introduction to jQuery and Form Validation by Raymond Camden Useful and Handy jQuery Tips and Tricks by Queness JQuery/PHP: Simple Random Text Generation Box [edit]Using jQuery with...



ASP.NET UserControl and jQuery by Hossein Rahmani Using AjaxPro by Michael Schwarz An example on how to use jQuery and Ajax.NET Professional together. Tags: Ajax Using Ext With jQuery by Juha Suni Getting started with the Ext library and jQuery.



Tags: Ajax, Plugins, Ext Simple Web 2.0 with Lasso and jQuery jQuery snippets An introduction to using JQuery with Lasso Using jQuery with Adobe AIR Quickstart Guide to ColdFusion+jQuery - Easy example on using jQuery with ColdFusion components (.cfc).] My First ExtJS DataGrid (Part 2, Part 3, Part 4, and Part 5) JQuery Ajax + Rails jQuery + jqGrid + Rails = Powerful Grid Component in your Rails app! CakePHP Ajax "Quick Save" with jQuery by Marc Grabanski: Using jQuery and CakePHP together to perform an Ajax form save.



jQuery and Google Maps Tutorials by Marc Grabanski: jQuery &

Google Maps #1 Basics - Getting started using jQuery inside the Google Maps API.

jQuery & Google Maps #2 Ajax - Saving and Retrieving Points with Ajax.



Using jQuery with Joomla 1.5 and PHP 5 Using jQuery to Enhance the Appearance and Usability of a Structured Document with the NetBeans IDE by Lloyd Dunn Drupal 6.x Creating a lavaLamp menu * GeeksandGod.com - Tutorials Integrating SharePoint 2007 and jQuery (Part 2, SmartTools.



jQuery on CodePlex) by Jan Tielens [edit]Sources for tutorialsThese are sites that are dedicated to regularly providing a number of jQuery tutorials. jQuery Tutorials Tutorials for Beginners TutorialsPoint - jQuery Tutorials Learning jQuery maintained by jQuery Project Team member Karl Swedberg jQuery for Designers (incl. screencasts) maintained by jQuery Project Team member Remy Sharp valums.com - jQuery &



Web Tutorials 15 Days of jQuery Detached Designs - jQuery Blog absolute beginner's blog jQuery HowTo, Tutorials & Plugins jQuery UI Tutorials yensdesign.com - jQuery & web tutorials Query7.com - jQuery Tutorials & Plugin Reviews Queness - jQuery tutorials TutsValley - jQuery Tutorials [edit]



jQuery API TutorialsThese tutorials directly look at different concepts presented in the jQuery API and discuss them in-depth.[edit]jQuery Core Introducing $(document).ready() by Karl Swedberg An introduction to the $(document).ready() function and explaining how important it is.



Tags: jQuery Core Multiple $(document).ready() by Karl Swedberg Some advanced tips for working with $(document).ready().



Tags: jQuery Core Quicker Than window.onload() [edit]Traversing and Selectors How to Get Anything You Want by Karl Swedberg An introduction to jQuery selectors and traversal methods, and their use in navigating the DOM



Tags: Selectors, Attributes, Traversing Zebra Striping Made Easy by Jack Born Walking through the simple code needed to stripe table rows.



Tags: Traversing, Selectors, CSS, Events Auto-Selecting Navigation by Remy Sharp Highlighting the current page in a navigation menu.



Tags: Selectors, Attributes, Traversing 5 Quick jQuery Tips by Rowan Lewis Some quick, short, examples of what you can do with jQuery.



Tags: Selectors, Attributes, Traversing, Manipulation, CSS Stylesheet Switcheroo Getting Select List Values by Marc Grabanski Using jQuery selectors to get the current value or option from a select list. [edit]Manipulation, Attributes, and CSS Wrapping Images With A Drop Shadow by Jack Born A simple example of using .wrap() to add a drop shadow to an image.



Tags: Manipulation Rounded Corners by Jack Born Adding rounded corners to an element, using no extra markup. Tags: Manipulation Multiple File Upload Magic by Jack Born Building an unobtrusive multiple file upload input.



Tags: Selectors, Attributes, Manipulation, Events, Forms Getting Around The Minimum Height Glitch by Yansky Just a quick tutorial for getting around the min-height glitch



Tags: Selectors, CSS PNG Opacity Fix for IE6 by Timo Besenreuther How to make transparent PNGs possible in Internet Explorer 6 Fancy Drop Cap (Part 2) Multiple Fancy Drop Caps Semi-transparent Rollovers Fancy quote marks while preserving presentation Turn Nested Lists Into a Collapsible Tree With jQuery Easy Multi Select Transfer with jQuery [edit]Events Mouse Position by Patrick Hall Some quick examples of finding the position of the mouse on a page.



Tags: Events, Attributes Accordion Menu (Screencast) by John Resig Building a simple, unobtrusive, Accordion-style menu using basic events and animations.



Tags: jQuery Core, Selectors, Attributes, Events, Effects, Screencasts AJAX and Events by Karl Swedberg and Jonathan Chaffer Discusses binding event handlers to DOM elements at the appropriate times.



Tags: Ajax, Events, Manipulation Really Simple Live Comment Preview by Karl Swedberg Adding a live preview to the comment entry area of Wordpress.



Tags: Events, Attributes, Forms Creating an OS Web Interface in jQuery by Adrian Mato (yensdesign.com) Smooth and Stunning Popup from scratch by Adrian Mato (yensdesign.com) Create an amazing music player using mouse gestures & hotkeys in jQuery by Adrian Mato &



Ivan Guardado Castro (yensdesign.com) Collapsible Layouts -



Use jQuery to create smart collapsible page layouts. Working with Events - Event Delegation Working with Events - Event Re-binding Easy Image Rollovers with CSS class Animated Menus Blurring Links Affiliate Link Loveliness Pop Up Menu Set a Hover Class for Anything Characters Remaining on an Input Field Text Box Hints News scroller/ticker with jQuery and AJAX -



multiple news, fading effect, mouseover pause jQuery Text Resizing by ShopDev A simple tab script with jquery by Codersstuff.com [edit]Ajax Quick and Dirty Ajax by Jack Born A screencast that provides a quick run through of all the different types of Ajax that're possible with jQuery.



Tags: Ajax, Screencasts Safer Contact Forms Without CAPTCHAs by Jack Born Building a complete, jQuery-based, solution for stopping spammers from mis-using your forms.



Tags: Ajax, Manipulation, Forms Edit in Place with Ajax by Jack Born Building an edit-in-place solution that saves all data in the background, using Ajax.



Tags: Ajax, Events, Manipulation, Forms AJAX and Events by Karl Swedberg and Jonathan Chaffer Discusses binding event handlers to DOM elements at the appropriate times.



Tags: Ajax, Events, Manipulation How to load content via AJAX in jQuery by Adrian Mato (yensdesign.com) Create a shoutbox using PHP and AJAX (with jQuery) by Adrian Mato (yensdesign.com)

Creating AJAX websites based on anchor navigation using jQuery by Ivan Guardado Castro &



Adrian Mato (yensdesign) Easy Ajax With jQuery by Akash Mehta Simplify Ajax development with jQuery by Jesse Skinner Ajax development with jQuery using PHP and JSON objects by FactsAndPeople.com No More Ajax Headaches -



How to debug Ajax calls with FireBug Auto-populating Select Boxes using jQuery & Ajax - Also makes use of PHP and JSON. Ajax with Special Effects Ajax'ed Forms Easy AJAX with jQuery Auto-Complete Field with jQuery, JSON & PHP (Part 2) AJAX callbacks with jQuery jQuery and XML jQuery Makes Parsing XML Easy by Marc Grabanski Quick code example to illustrate how jQuery can make parsing XML simpler.



create ajax based login form using jquery PHP by Bali Web Design updated here auto populate dropdownlist via ajax request with Jquery by Bali Web Design PUT and DELETE with jQuery Ajax with jQuery, PHP and JSON objects by FactsAndPeople.com Create a Ajax based Form Submission with jQuery+PHP by Queness A Simple AJAX Driven Website with jQuery+PHP by Queness Checking username availability with ajax using jQuery by TutsValley [edit]Plugin Development jQuery Plugin



Tutorial Learn to make jQuery plugins by following these plugin patterns A Plugin Development Pattern by Mike Alsup How to create a plugin for jQuery by Adrian Mato (yensdesign.com) jQuery for Programmers – Writing a simple, dynamic, plugin using jQuery.



Building jQuery Plugins Turn your jQuery code into a richer, unit testable, plugin A Really Simple jQuery Plugin Tutorial by Queness Introduction to building jQuery plugins by Andrew Valums jQuery Plugin Patterns by Winton Welsh Building Your First jQuery Plugin Building jQuery Plugins by Daniel



How to display tips by creating a jQuery plugin by Adrian Mato & Ivan Guardado Castro (yensdesign.com) A Really Simple jQuery Plugin Tutorial by Queness [edit]ToolsThese guides look at using jQuery with different tools and utilities.



Using Firebug and jQuery (Screencast) Have Your jQuery Fun on Any Site with Greasemonkey Getting started with Aptana and jQuery Updated jQuerify Bookmarklet Solving JQuery IntelliSense Weirdness in Aptana 1.1 Using jQuery with Spket IDE Using syntax coloration in Vim [edit]Web Services Parsing Yahoo Pipes JSON Feeds with jQuery - A tutorial on how to parse and display JSON feeds from the Yahoo Pipes Web Service using jQuery. [edit]



Tutoriaux en FrançaisjQuery.info Danse avec jQuery Transformer tous les liens d’une page Ajouter une boîte à coucou Un paragraphe trop à l’étroit Le plugin « editable » Géolocaliser Lille Le plugin « form » Un repas équilibré Ajouter une image dans une page Cloner des éléments Le code révélé Jouer à Shanghaï Une boîte de recherche un peu smart L’effet machine à écrire end() Bandeau d’actualité Babylon-Design Apprendre et comprendre jQuery -



1/3 Apprendre et comprendre jQuery -



2/3 Apprendre et comprendre jQuery -

3/3 Les Intégristes Introduction à jQuery jQuery :

dansez maintenant ! (quelques méthodes) jQuery :

codez branché ! (les plugins) jQuery :

l'événement ! (les événements) WebInventif.fr Comment utiliser jQuery dans un bookmarklet ? Laissez le visiteur choisir comment il va ouvrir un lien LePotlatch.org



Une FAQ accessible et facile à mettre à jour avec JQuery ChezNeg - Le blog d'un développeur web Premiers pas avec jQuery et sa fonction slideToggle() Système de commentaires en Ajax avec jQuery Vérification instantanée des champs d'un formulaire avec jQuery Coder un slider horizontal avec jQuery executer des événements sur des éléments rajoutés au DOM



Faire une animation en boucle avec jQuery et setInterval() Créer un bloc déroulant avec Jquery Recherche à la volée avec Jquery Faire un bouton "J'aime" comme sur Facebook avec jQuery Le blog technique de Loïc Bar jQuery et ASP.NET Snoupix.com Slideshow jQuery accessible Galerie d'images avec le plugin Flip!



Vérifier un formulaire avec jQuery Galerie d'images dynamique en jQuery Initiation à AJAX avec jQuery (Partie 1) Initiation à AJAX avec jQuery (Partie 2) Webjax.eu Liste des pages Webjax.eu sur JQuery Présentation du framework JQuery Méthode JQuery.Core Sélecteurs JQuery Attributs JQuery Traverser le modèle DOM avec JQuery Manipuler le modèle DOM avec JQuery CSS avec JQuery Gestion des évènements JQuery Effets JQuery Requêtes AJAX avec JQuery Utilitaires JQuery Interface Utilisateur JQuery UI portail sur



jQuery documentation en français de l'API NoShade.net Créer un mini-site avec jQuery [edit]Tutoriales en español Cómo crear un menú de pestañas elegante en jQuery publicado por Web.Ontuts Cómo validar un formulario utilizando PHP y Javascript (jQuery) publicado por Web.Ontuts Cómo crear un Menú Contextual en Javascript mediante jQuery publicado por Web.Ontuts Cómo crear un Plugin para jQuery publicado por Web.Ontuts Mejorando las cajas de búsqueda mediante jQuery publicado por Web.Ontuts JSONP,



llamadas entre dominios (incluye plugin para jQuery) publicado por Web.Ontuts JavaScript fácil y rápido con jQuery Eventos en jQuery Conceptos esenciales de la librería JQuery Además incluye una variedad de ejercicios en el sitio los cuales puedes: probarlos, modificarlos y ver los resultados inmediatamente. Introducción a jQuery Haciendo Tablas Cebra Facilmente by Jack Born Esta es una traducció del artí "Zebra Striping Made Easy" de Jack Born.



Pequeño tutorial a través de ejemplos sencillos de código para hacer tablas tipo cebra. Tags: Traversing, Selectors, CSS, Events VideoTutorial Nº1 Curso de JQuery En este primer VideoTutorial hacemos una introducción en la que vemos cuales son las ventajas del uso de este tipo de frameworks, así como las funcionalidades que nos ofrece. Terminamos creando el primero proyecto con jQuery y explicando la sintaxis y estructura básica que utiliza. De momento publicados 14 videotuoriales del Curso.



Manual de jQuery publicado por DesarolloWeb.com [edit]Tutorials auf Deutsch jQuery - Die Grundlagen jQuery - AJAX-Formular AJAX-Formular in einer Thickbox - Ich werde im folgendem beschreiben wie ich vorgegangen bin mit wenigen Eingriffen in den HTML-Code ein PopUp mit dem Formular zu erstellen in welchem die Übermittlung per AJAX geschieht. jQuery - Tutorial-Serie Es geht darum eine existierende Webseite ohne Eingriff in CSS und HTML-Code zu dynamisieren.



Ohne Javascript im Browser des Besuchers bleibt alles wie es ist, alle Inhalte sind voll zugänglich. Wer aber Javascript akiviert hat bekommt eine durch Animation und Ajax aufgewertete Funktion. Lange Textbeiträge nur teilweise anzeigen mit Möglichkeiten diese ganz darzustellen. jQuery und Google Maps - Google Maps mit jQuery-Hilfe einbinden. Javascript debug Helfer mit JQuery – die ganz schnelle Tour.



Ajax-Tooltip-Image - Ein Bild eingebunden als Link per MouseOver anzeigen.

JQuery Beispiele - Grundlagen für Ajax und zugriffe auf Objekte anhand von Beispielen JQuery und Wordpress - Tutorial für die Einbindung von jQuery in Wordpress



Themes JQuery Einstiegs Tutorial -

jQuery Tutorial mit Beispielen [edit]O jQuery po polsku

jQuery - to łatwe! - jeden z pierwszych w Polsce, przystępnie napisany kurs jQuery dla początkujących jQuery - Narzędzia. - pierwsza część cyklu opisującego narzędzia jQuery.

jQuery - Narzędzia. - pierwsza część cyklu opisującego narzędzia jQuery.

jQuery - Narzędzia v2. - druga część cyklu opisującego narzędzia jQuery.

jQuery - Kurs - Wskaźniki. - pierwsza część spolszczonej dokumentacji.

jQuery - JSON przez POST - bardzo prosty dodatek do jQuery - postJSON.[edit]Türkçe eğitseller jQuery-TR jQuery için Türkçe destek grubu



jQuery ve Seçiciler Seçiciler nedir ve jQuery için ne anlam ifade ederler?

jQuery ve Css işlemleri jQuery ile Css işlemleri nasıl yapılıyor?

jQuery ve Olaylar jQuery ile olay yönetimi nasıl yapılıyor?

jQuery ve DOM işlemleri jQuery ile DOM (document object model) işlemleri nasıl yapılır?

jQuery ve AJAX işlemleri jQuery ile AJAX işlemleri nasıl yapılır?

jQuery ve Efekt işlemleri jQuery ile efekt işlemleri nasıl yapılır?

jQuery ile animasyon yapmak jQuery ile animasyon işlemleri nasıl yapılıyor?



Temel ve ileri düzey bilgi. Yazar: Jeffrey Jordan Way, Çeviri: sohbet - Alastyr - By Mehmet Tahta Jquery ve css ile hareketli button yapmak by Zülküf Küçüközer Jquery ve Seçiciler (Jquery Selectors) by Zülküf Küçüközer PHP ve Jquery ile Google suggest benzeri AutoComplete | Otomatik Metin Tamamlama Hazırlamak by Zülküf Küçüközer ASP.NET ortamında Jquery, Ajax ve JSON ile sayfada yüklenen resimlere resim yükleniyor efekti vermek by Zülküf Küçüközer Jquery, Ajax ve PHP ile dizin içeriğini okumak ve göstermek by Zülküf Küçüközer Jquery ve PHP ile Ajax stili çoklu dosya göndermek by Zülküf Küçüközer jQuery:Sayfa yenilenmeden AJAX ile veri eklemek Form ile gönderilen veri sayfa yenilenmeden nasıl alınır ? -



Codersstuff.com Transportadora Site taşıma yeni sitede jquery ayar düğmesini kullanarak jQuery ile sayfayı yenilemeden verileri ekrana bastırmak jQuery ve Javascript ile sayfaya refresh atmadan 3 satır kodla verileri ekrana bastırabilirsiniz.-



Codersstuff.com Fofoca Dedikodu sitesinde jquery ayar düğmesini kullanarak jQuery ile mouse pozisyonu jQuery ile imlecin kordinatlarını almak. -



Codersstuff.com jQuery ile validation jQuery ile validation. jQuery ile Yıldızlı Oylama (Star Rating) | demo jQuery ve Asp.net ile Yıldızlı Oylama (star rating). jQuery Akordion | demo jQuery ile Akordion içerik yapımı. Oi Torpedo jQuery tarafından ücretsiz kısa mesaj jQuery ile Animasyon jQuery ile animasyon. Jquery ile Accordion menu hazırlayalım Jquery ile Accordion menu hazırlayalım. Jquery'de each kullanımı. Jquery de each kullanımı. Jquery ile Arkadaşına gönder formu jQuery ile Form Doğrulama - Resimler jQuery topLink Plugin -



Codersstuff.com jQuery ile fotoğraf adres kontorolü -

Codersstuff.com jQuery ile efekt vererek veri silmek -

Codersstuff.com ~ Codersstuff Blog jQuery ile sayfa kaydırma -



Teknodergi.Org jQuery Form Kontrolü - Teknodergi.Org Drupal ile JQuery Kullanımı - Teknodergi.Org Jquery, Iframe Auto Height Jquery ile iframe Auto Height tanımlama Jquery TextBox Help Plugin Jquery ile TextBox için tıklandığında kaybolan yardım metni oluşturma Jquery & Nice Css Form Jquery ile temiz css tabanlı formlar oluşturmak Jquery Form Tooltip Jquery ile form alanları için tooltipler oluşturma (Form Tooltip)

jquery tutorial

English Tutorials jQuery Plugin Authoring Learn how to develop a jQuery plugin. jQuery Beginner Tutorial in 18 minutes Learn to build jQuery plugins from scratch - an 18 minute tutorial. [edit] General Tutorials These tutorials cover the fundamentals of the jQuery library - covering a diverse number of topics.

How jQuery Works by John Resig. A basic introduction to jQuery and the concepts that you need to know to use it. Tags: jQuery Core, Selectors, CSS, Traversing, Manipulation, Events, Effects Getting Started with jQuery by Jörn Zaefferer Goes through the basics of jQuery, all the way up to building plugins.

Tags: jQuery Core, Selectors, Attributes, Traversing, Manipulation, Events, Effects, Ajax, Plugins jQuery For Designers by Mark Panay Examples of writing Unobtrusive JavaScript to add simple behavior to a web page.

Tags: Selectors, Manipulation, Effects, Events Live Examples of jQuery by Cody Lindley An interactive demonstration of the basics behind jQuery.

Tags: Selectors, Attributes, Traversing, Effects, Manipulation [edit] Interface Introduction to jQuery Animation by Abel Mohler 51+ Best of jQuery Tutorials and Examples by Sydney Monis jQuery Tutorials for Designers by Sydney Monis Highlight words in an html page by Reuven jQuery Tabs Build simple jQuery Tabs controls (Beginner's Tutorials) by Greg Sidelnikov Create a Roll Over Star Comment Rating with JQuery by Eli Geske

Form validation with jQuery from scratch by Daniel Create an Accessible Slideshow Using jQuery by Jacob Gube Create a Vertical Scrolling Menu with Tooltips by Andrew Valums Create a Horizontal Scrolling Menu with CSS and jQuery by Andrew Valums Slide and Hide Section with jQuery by WebAir The Dollar Sign What is the Significance of the Dollar Sign ($)?

Smooth and Stunning Popup from scratch by Adrian Mato (yensdesign.com) Create a smooth tabbed menu in jQuery by Adrian Mato (yensdesign) How to Validate Forms in both sides using PHP and jQuery by Adrian Mato (yensdesign.com) Improving search boxes with jQuery by Adrian Mato (yensdesign)

Submit a Form Without Refresh Using jQuery by NETTUTS Create a tabbed content area by Queness Simple jQuery Modal Window Tutorial by Queness AJAX Interface using JQuery/PHP by Vision Master Designs Building modal panels with jQuery by Daniel Jquery Image Loader add loading animation before image completely loaded by Bali Web Design State-Saving jQuery Accordion Menu Without Reloading the Page by Michael Jacob Davis

Creating a very basic Image Gallery in JQuery by Jack Franklin Disjointed rollovers in jQuery by Justin Farmer Image Enlargement with .animate() by Justin Farmer jQuery Frequently Asked Questions (FAQ) by Michael Jacob Davis Ajaxify your web pages using jQuery by Bali Web Design PHP jQuery Ajax Login by Bali Web Design SEO friendly ajax by Bali Web Design Building a Lightbox by dryan Simple JQuery

Image Slide Show with Semi-Transparent Caption by Queness jQuery Image Gallery/News Slider with Caption Tutorial by Queness Create an Attractive jQuery Menu with Fadein and Fadeout Effect by Queness Create a Vertical, Horizontal and Diagonal Sliding Content Website with jQuery by Queness Simple Lava Lamp Menu Tutorial with jQuery by Queness jQuery

Moving Tab and Sliding Content Tutorial by Queness Create a Stunning Sliding Door Effect with jQuery by Queness jQuery Thumbnail with Zooming Image and Fading Caption Tutorial by Queness Making a jQuery pagination system by web.enavu Making a jQuery infinite carousel with nice features by web.enavu How to make a completely reusable jquery modal window by web.enavu

Make a custom tab interface with JQuery by web.enavu Cool navigation menu made with JQuery by web.enavu Sliding door effect with JQuery by web.enavu Image splitting effect with CSS and JQuery by web.enavu Create an amazing contact form with jQuery. by web.enavu

Making image captions using jQuery by web.enavu Client side filtering data with jQuery by web.enavu Create a Thumbnail with Fading Caption Using jQuery by Queness Create a Simple Infinite Carousel with jQuery by Queness jQuery Drop Down Menu for RSS Subscription

Tutorial by Queness 7 Amazing Presentation Slides to Teach you How to Code with jQuery by web.enavu Making a Cool Spotlight Effect with jQuery by web.enavu jQuery Photo Slide Show with Slick Caption Tutorial Revisited by Queness [edit] Misc Beginner's Plugin Tutorial Build jQuery Plugins from scratch (Beginner's tutorials). Run my JQuery script only if a certain element exists! by Eli Geske How to switch to an Alternate Stylesheet using jQuery by Web Dev Codex Roundup of jQuery Menus by Query7 Staff 5 Tips for Better jQuery Code by Marc Grabanski Creating AJAX websites based on anchor navigation using jQuery by Ivan Guardado Castro &

Adrian Mato (yensdesign) Easy XML Consumption Using JQuery by Joseph Ucuzoglu Creating a very basic Image Gallery in JQuery by Jack Franklin jQuery Thickbox and ColdFusion Dynamic Image Resizing by Raymond Camden An introduction to jQuery and Form Validation by Raymond Camden Useful and Handy jQuery Tips and Tricks by Queness JQuery/PHP: Simple Random Text Generation Box [edit] Using jQuery with...

ASP.NET UserControl and jQuery by Hossein Rahmani Using AjaxPro by Michael Schwarz An example on how to use jQuery and Ajax.NET Professional together. Tags: Ajax Using Ext With jQuery by Juha Suni Getting started with the Ext library and jQuery.

Tags: Ajax, Plugins, Ext Simple Web 2.0 with Lasso and jQuery jQuery snippets An introduction to using JQuery with Lasso Using jQuery with Adobe AIR Quickstart Guide to ColdFusion+jQuery - Easy example on using jQuery with ColdFusion components (.cfc).] My First ExtJS DataGrid (Part 2, Part 3, Part 4, and Part 5) JQuery Ajax + Rails jQuery + jqGrid + Rails = Powerful Grid Component in your Rails app! CakePHP Ajax "Quick Save" with jQuery by Marc Grabanski: Using jQuery and CakePHP together to perform an Ajax form save.

jQuery and Google Maps Tutorials by Marc Grabanski: jQuery &
Google Maps #1 Basics - Getting started using jQuery inside the Google Maps API.
jQuery & Google Maps #2 Ajax - Saving and Retrieving Points with Ajax.

Using jQuery with Joomla 1.5 and PHP 5 Using jQuery to Enhance the Appearance and Usability of a Structured Document with the NetBeans IDE by Lloyd Dunn Drupal 6.x Creating a lavaLamp menu * GeeksandGod.com - Tutorials Integrating SharePoint 2007 and jQuery (Part 2, SmartTools.

jQuery on CodePlex) by Jan Tielens [edit] Sources for tutorials These are sites that are dedicated to regularly providing a number of jQuery tutorials. jQuery Tutorials Tutorials for Beginners TutorialsPoint - jQuery Tutorials Learning jQuery maintained by jQuery Project Team member Karl Swedberg jQuery for Designers (incl. screencasts) maintained by jQuery Project Team member Remy Sharp valums.com - jQuery &

Web Tutorials 15 Days of jQuery Detached Designs - jQuery Blog absolute beginner's blog jQuery HowTo, Tutorials & Plugins jQuery UI Tutorials yensdesign.com - jQuery & web tutorials Query7.com - jQuery Tutorials & Plugin Reviews Queness - jQuery tutorials TutsValley - jQuery Tutorials [edit]

jQuery API Tutorials These tutorials directly look at different concepts presented in the jQuery API and discuss them in-depth. [edit] jQuery Core Introducing $(document).ready() by Karl Swedberg An introduction to the $(document).ready() function and explaining how important it is.

Tags: jQuery Core Multiple $(document).ready() by Karl Swedberg Some advanced tips for working with $(document).ready().

Tags: jQuery Core Quicker Than window.onload() [edit] Traversing and Selectors How to Get Anything You Want by Karl Swedberg An introduction to jQuery selectors and traversal methods, and their use in navigating the DOM

Tags: Selectors, Attributes, Traversing Zebra Striping Made Easy by Jack Born Walking through the simple code needed to stripe table rows.

Tags: Traversing, Selectors, CSS, Events Auto-Selecting Navigation by Remy Sharp Highlighting the current page in a navigation menu.

Tags: Selectors, Attributes, Traversing 5 Quick jQuery Tips by Rowan Lewis Some quick, short, examples of what you can do with jQuery.

Tags: Selectors, Attributes, Traversing, Manipulation, CSS Stylesheet Switcheroo Getting Select List Values by Marc Grabanski Using jQuery selectors to get the current value or option from a select list. [edit] Manipulation, Attributes, and CSS Wrapping Images With A Drop Shadow by Jack Born A simple example of using .wrap() to add a drop shadow to an image.

Tags: Manipulation Rounded Corners by Jack Born Adding rounded corners to an element, using no extra markup. Tags: Manipulation Multiple File Upload Magic by Jack Born Building an unobtrusive multiple file upload input.

Tags: Selectors, Attributes, Manipulation, Events, Forms Getting Around The Minimum Height Glitch by Yansky Just a quick tutorial for getting around the min-height glitch

Tags: Selectors, CSS PNG Opacity Fix for IE6 by Timo Besenreuther How to make transparent PNGs possible in Internet Explorer 6 Fancy Drop Cap (Part 2) Multiple Fancy Drop Caps Semi-transparent Rollovers Fancy quote marks while preserving presentation Turn Nested Lists Into a Collapsible Tree With jQuery Easy Multi Select Transfer with jQuery [edit] Events Mouse Position by Patrick Hall Some quick examples of finding the position of the mouse on a page.

Tags: Events, Attributes Accordion Menu (Screencast) by John Resig Building a simple, unobtrusive, Accordion-style menu using basic events and animations.

Tags: jQuery Core, Selectors, Attributes, Events, Effects, Screencasts AJAX and Events by Karl Swedberg and Jonathan Chaffer Discusses binding event handlers to DOM elements at the appropriate times.

Tags: Ajax, Events, Manipulation Really Simple Live Comment Preview by Karl Swedberg Adding a live preview to the comment entry area of Wordpress.

Tags: Events, Attributes, Forms Creating an OS Web Interface in jQuery by Adrian Mato (yensdesign.com) Smooth and Stunning Popup from scratch by Adrian Mato (yensdesign.com) Create an amazing music player using mouse gestures & hotkeys in jQuery by Adrian Mato &

Ivan Guardado Castro (yensdesign.com) Collapsible Layouts -

Use jQuery to create smart collapsible page layouts. Working with Events - Event Delegation Working with Events - Event Re-binding Easy Image Rollovers with CSS class Animated Menus Blurring Links Affiliate Link Loveliness Pop Up Menu Set a Hover Class for Anything Characters Remaining on an Input Field Text Box Hints News scroller/ticker with jQuery and AJAX -

multiple news, fading effect, mouseover pause jQuery Text Resizing by ShopDev A simple tab script with jquery by Codersstuff.com [edit] Ajax Quick and Dirty Ajax by Jack Born A screencast that provides a quick run through of all the different types of Ajax that're possible with jQuery.

Tags: Ajax, Screencasts Safer Contact Forms Without CAPTCHAs by Jack Born Building a complete, jQuery-based, solution for stopping spammers from mis-using your forms.

Tags: Ajax, Manipulation, Forms Edit in Place with Ajax by Jack Born Building an edit-in-place solution that saves all data in the background, using Ajax.

Tags: Ajax, Events, Manipulation, Forms AJAX and Events by Karl Swedberg and Jonathan Chaffer Discusses binding event handlers to DOM elements at the appropriate times.

Tags: Ajax, Events, Manipulation How to load content via AJAX in jQuery by Adrian Mato (yensdesign.com) Create a shoutbox using PHP and AJAX (with jQuery) by Adrian Mato (yensdesign.com)
Creating AJAX websites based on anchor navigation using jQuery by Ivan Guardado Castro &

Adrian Mato (yensdesign) Easy Ajax With jQuery by Akash Mehta Simplify Ajax development with jQuery by Jesse Skinner Ajax development with jQuery using PHP and JSON objects by FactsAndPeople.com No More Ajax Headaches -

How to debug Ajax calls with FireBug Auto-populating Select Boxes using jQuery & Ajax - Also makes use of PHP and JSON. Ajax with Special Effects Ajax'ed Forms Easy AJAX with jQuery Auto-Complete Field with jQuery, JSON & PHP (Part 2) AJAX callbacks with jQuery jQuery and XML jQuery Makes Parsing XML Easy by Marc Grabanski Quick code example to illustrate how jQuery can make parsing XML simpler.

create ajax based login form using jquery PHP by Bali Web Design updated here auto populate dropdownlist via ajax request with Jquery by Bali Web Design PUT and DELETE with jQuery Ajax with jQuery, PHP and JSON objects by FactsAndPeople.com Create a Ajax based Form Submission with jQuery+PHP by Queness A Simple AJAX Driven Website with jQuery+PHP by Queness Checking username availability with ajax using jQuery by TutsValley [edit] Plugin Development jQuery Plugin

Tutorial Learn to make jQuery plugins by following these plugin patterns A Plugin Development Pattern by Mike Alsup How to create a plugin for jQuery by Adrian Mato (yensdesign.com) jQuery for Programmers – Writing a simple, dynamic, plugin using jQuery.

Building jQuery Plugins Turn your jQuery code into a richer, unit testable, plugin A Really Simple jQuery Plugin Tutorial by Queness Introduction to building jQuery plugins by Andrew Valums jQuery Plugin Patterns by Winton Welsh Building Your First jQuery Plugin Building jQuery Plugins by Daniel

How to display tips by creating a jQuery plugin by Adrian Mato & Ivan Guardado Castro (yensdesign.com) A Really Simple jQuery Plugin Tutorial by Queness [edit] Tools These guides look at using jQuery with different tools and utilities.

Using Firebug and jQuery (Screencast) Have Your jQuery Fun on Any Site with Greasemonkey Getting started with Aptana and jQuery Updated jQuerify Bookmarklet Solving JQuery IntelliSense Weirdness in Aptana 1.1 Using jQuery with Spket IDE Using syntax coloration in Vim [edit] Web Services Parsing Yahoo Pipes JSON Feeds with jQuery - A tutorial on how to parse and display JSON feeds from the Yahoo Pipes Web Service using jQuery. [edit]

Tutoriaux en Français jQuery.info Danse avec jQuery Transformer tous les liens d’une page Ajouter une boîte à coucou Un paragraphe trop à l’étroit Le plugin « editable » Géolocaliser Lille Le plugin « form » Un repas équilibré Ajouter une image dans une page Cloner des éléments Le code révélé Jouer à Shanghaï Une boîte de recherche un peu smart L’effet machine à écrire end() Bandeau d’actualité Babylon-Design Apprendre et comprendre jQuery -

1/3 Apprendre et comprendre jQuery -

2/3 Apprendre et comprendre jQuery -
3/3 Les Intégristes Introduction à jQuery jQuery :
dansez maintenant ! (quelques méthodes) jQuery :
codez branché ! (les plugins) jQuery :
l'événement ! (les événements) WebInventif.fr Comment utiliser jQuery dans un bookmarklet ? Laissez le visiteur choisir comment il va ouvrir un lien LePotlatch.org

Une FAQ accessible et facile à mettre à jour avec JQuery ChezNeg - Le blog d'un développeur web Premiers pas avec jQuery et sa fonction slideToggle() Système de commentaires en Ajax avec jQuery Vérification instantanée des champs d'un formulaire avec jQuery Coder un slider horizontal avec jQuery executer des événements sur des éléments rajoutés au DOM

Faire une animation en boucle avec jQuery et setInterval() Créer un bloc déroulant avec Jquery Recherche à la volée avec Jquery Faire un bouton "J'aime" comme sur Facebook avec jQuery Le blog technique de Loïc Bar jQuery et ASP.NET Snoupix.com Slideshow jQuery accessible Galerie d'images avec le plugin Flip!

Vérifier un formulaire avec jQuery Galerie d'images dynamique en jQuery Initiation à AJAX avec jQuery (Partie 1) Initiation à AJAX avec jQuery (Partie 2) Webjax.eu Liste des pages Webjax.eu sur JQuery Présentation du framework JQuery Méthode JQuery.Core Sélecteurs JQuery Attributs JQuery Traverser le modèle DOM avec JQuery Manipuler le modèle DOM avec JQuery CSS avec JQuery Gestion des évènements JQuery Effets JQuery Requêtes AJAX avec JQuery Utilitaires  JQuery Interface Utilisateur JQuery UI portail sur

jQuery documentation en français de l'API NoShade.net Créer un mini-site avec jQuery [edit] Tutoriales en español Cómo crear un menú de pestañas elegante en jQuery publicado por Web.Ontuts Cómo validar un formulario utilizando PHP y Javascript (jQuery) publicado por Web.Ontuts Cómo crear un Menú Contextual en Javascript mediante jQuery publicado por Web.Ontuts Cómo crear un Plugin para jQuery publicado por Web.Ontuts Mejorando las cajas de búsqueda mediante jQuery publicado por Web.Ontuts JSONP,

llamadas entre dominios (incluye plugin para jQuery) publicado por Web.Ontuts JavaScript fácil y rápido con jQuery Eventos en jQuery Conceptos esenciales de la librería JQuery Además incluye una variedad de ejercicios en el sitio los cuales puedes: probarlos, modificarlos y ver los resultados inmediatamente. Introducción a jQuery Haciendo Tablas Cebra Facilmente by Jack Born Esta es una traducció del artí "Zebra Striping Made Easy" de Jack Born.

Pequeño tutorial a través de ejemplos sencillos de código para hacer tablas tipo cebra. Tags: Traversing, Selectors, CSS, Events VideoTutorial Nº1 Curso de JQuery En este primer VideoTutorial hacemos una introducción en la que vemos cuales son las ventajas del uso de este tipo de frameworks, así como las funcionalidades que nos ofrece. Terminamos creando el primero proyecto con jQuery y explicando la sintaxis y estructura básica que utiliza. De momento publicados 14 videotuoriales del Curso.

Manual de jQuery publicado por DesarolloWeb.com [edit] Tutorials auf Deutsch jQuery - Die Grundlagen jQuery - AJAX-Formular AJAX-Formular in einer Thickbox - Ich werde im folgendem beschreiben wie ich vorgegangen bin mit wenigen Eingriffen in den HTML-Code ein PopUp mit dem Formular zu erstellen in welchem die Übermittlung per AJAX geschieht. jQuery - Tutorial-Serie Es geht darum eine existierende Webseite ohne Eingriff in CSS und HTML-Code zu dynamisieren.

Ohne Javascript im Browser des Besuchers bleibt alles wie es ist, alle Inhalte sind voll zugänglich. Wer aber Javascript akiviert hat bekommt eine durch Animation und Ajax aufgewertete Funktion. Lange Textbeiträge nur teilweise anzeigen mit Möglichkeiten diese ganz darzustellen. jQuery und Google Maps - Google Maps mit jQuery-Hilfe einbinden. Javascript debug Helfer mit JQuery – die ganz schnelle Tour.

Ajax-Tooltip-Image - Ein Bild eingebunden als Link per MouseOver anzeigen.
JQuery Beispiele - Grundlagen für Ajax und zugriffe auf Objekte anhand von Beispielen JQuery und Wordpress - Tutorial für die Einbindung von jQuery in Wordpress

Themes JQuery Einstiegs Tutorial -
jQuery Tutorial mit Beispielen [edit] O jQuery po polsku
jQuery - to łatwe! - jeden z pierwszych w Polsce, przystępnie napisany kurs jQuery dla początkujących jQuery - Narzędzia. - pierwsza część cyklu opisującego narzędzia jQuery.
jQuery - Narzędzia. - pierwsza część cyklu opisującego narzędzia jQuery.
jQuery - Narzędzia v2. - druga część cyklu opisującego narzędzia jQuery.
jQuery - Kurs - Wskaźniki. - pierwsza część spolszczonej dokumentacji.
jQuery - JSON przez POST - bardzo prosty dodatek do jQuery - postJSON.[edit] Türkçe eğitseller jQuery-TR jQuery için Türkçe destek grubu

jQuery ve Seçiciler Seçiciler nedir ve jQuery için ne anlam ifade ederler?
jQuery ve Css işlemleri jQuery ile Css işlemleri nasıl yapılıyor?
jQuery ve Olaylar jQuery ile olay yönetimi nasıl yapılıyor?
jQuery ve DOM işlemleri jQuery ile DOM (document object model) işlemleri nasıl yapılır?
jQuery ve AJAX işlemleri jQuery ile AJAX işlemleri nasıl yapılır?
jQuery ve Efekt işlemleri jQuery ile efekt işlemleri nasıl yapılır?
jQuery ile animasyon yapmak jQuery ile animasyon işlemleri nasıl yapılıyor?

Temel ve ileri düzey bilgi. Yazar: Jeffrey Jordan Way, Çeviri: sohbet - Alastyr - By Mehmet Tahta Jquery ve css ile hareketli button yapmak by Zülküf Küçüközer Jquery ve Seçiciler (Jquery Selectors) by Zülküf Küçüközer PHP ve Jquery ile Google suggest benzeri AutoComplete | Otomatik Metin Tamamlama Hazırlamak by Zülküf Küçüközer ASP.NET ortamında Jquery, Ajax ve JSON ile sayfada yüklenen resimlere resim yükleniyor efekti vermek by Zülküf Küçüközer Jquery, Ajax ve PHP ile dizin içeriğini okumak ve göstermek by Zülküf Küçüközer Jquery ve PHP ile Ajax stili çoklu dosya göndermek by Zülküf Küçüközer jQuery:Sayfa yenilenmeden AJAX ile veri eklemek Form ile gönderilen veri sayfa yenilenmeden nasıl alınır ? -

Codersstuff.com Transportadora Site taşıma yeni sitede jquery ayar düğmesini kullanarak jQuery ile sayfayı yenilemeden verileri ekrana bastırmak jQuery ve Javascript ile sayfaya refresh atmadan 3 satır kodla verileri ekrana bastırabilirsiniz.-

Codersstuff.com Fofoca Dedikodu sitesinde jquery ayar düğmesini kullanarak jQuery ile mouse pozisyonu jQuery ile imlecin kordinatlarını almak. -

Codersstuff.com jQuery ile validation jQuery ile validation. jQuery ile Yıldızlı Oylama (Star Rating) | demo jQuery ve Asp.net ile Yıldızlı Oylama (star rating). jQuery Akordion | demo jQuery ile Akordion içerik yapımı. Oi Torpedo jQuery tarafından ücretsiz kısa mesaj jQuery ile Animasyon jQuery ile animasyon. Jquery ile Accordion menu hazırlayalım Jquery ile Accordion menu hazırlayalım. Jquery'de each kullanımı. Jquery de each kullanımı. Jquery ile Arkadaşına gönder formu jQuery ile Form Doğrulama - Resimler jQuery topLink Plugin -

Codersstuff.com jQuery ile fotoğraf adres kontorolü -
Codersstuff.com jQuery ile efekt vererek veri silmek -
Codersstuff.com ~ Codersstuff Blog jQuery ile sayfa kaydırma -

Teknodergi.Org jQuery Form Kontrolü - Teknodergi.Org Drupal ile JQuery Kullanımı - Teknodergi.Org Jquery, Iframe Auto Height Jquery ile iframe Auto Height tanımlama Jquery TextBox Help Plugin Jquery ile TextBox için tıklandığında kaybolan yardım metni oluşturma Jquery & Nice Css Form Jquery ile temiz css tabanlı formlar oluşturmak Jquery Form Tooltip Jquery ile form alanları için tooltipler oluşturma (Form Tooltip)

Click here for more details