Modern browsers now support cross-window/cross-domain/cross-origin messaging through window.postMessage.postmessage is a simple wrapper for window.postMessage and the window message event, for those who wish to use this feature in a more jQuery-like way.postmessage falls back to window location hash polling for browsers that do not support window.postMessage (i.e., IE7).postmessage allows messaging back and forth using JSON where window.postMessage only allows simple string-based messages.postmessage also allows for complete request/response roundtrips using success/error callbacks modeled after jQuery.ajax.postmessage is tested on Safari 4, WebKit (Nightlies), Chrome 4, Firefox 3, IE8, IE7 and Opera 10.
Best jQuery jSON Plugins & Tutorials with Demo
Google Map Instant Search in jQuery
Today i created a new looking “Google Map Instant Search” with simple jquery and j-son script ,by using Google’s API and by using instant search function keyup(function(e)) this will started to display the places as you type the results on the search box with simple and neat user interface and easy to search .
JavaScript Gauges in Metro Style
JavaScript Gauges in Metro Style is a set of 8 gauges created in the modern Windows8 or Metro style which can be added to virtually any web application: ASP, ASP.NET, PHP, JSP, ColdFusion, Ruby on Rails, and simple HTML pages.The gauges included into the package are not just separate meters, sliders, etc. They can be used as full featured ready gadgets intended to display the information in a visually appealing way.
Features:
- Cross-platform compatibility. The gauges can be used on any platforms: ASP, ASP.NET, PHP, JSP, ColdFusion, Ruby on Rails and simple HTML pages and accessed from any devices: desktop, laptop, mobile (including iPhone and iPad), and via any browsers: IE, Mozilla Firefox, Google Chrome, Opera, Safari, etc.
- Declarative description. The gauges are described using declarative selection of the parameter in JSON.
- Customization. You can set any parameters describing your gauge and create custom objects using JSON.
- Interactivity and Animation. Every gauge provides customizable interactivity and animation.
- Easy styling. A gauge styling can be easily modified in CSS.
- Callback support. You can get notifications about changes of the gauge value and handle it in JavaScript.
- Easy integration. To integrate a gauge you just need to specify gauge name and area of a webpage where it should be inserted (“div” tag); and all this with JavaScript.
- WinRT compatible. The gauges can be integrated into HTML5-based WinRT applications to effectively visualize data.
Grooveplayer : A jQuery music player
Grooveplayer is a jquery music player plugin built off the open source jplayer multimedia plugin. The GUI resembles the unique look and feel of grooveshark. Grooveplayer allows you to organize and play your mp3 files. Creating a playlist is simple and effortless. All you have to do is edit a single json file and your ready to go!
Features:
- Built with the free and open source jplayer multimedia plugin.
- Effortless installation.
- Grooveshark GUI look and feel.
- JSON playlist for easy customization.
- Custom background album art.
Make a Google Powered Shopping Search Website with jQuery & PHP
In this tutorial, we will be making a simple product search engine. Using jQuery and PHP, we will tap into Google’s Shopping Search API and return a list of items available for purchase, along with prices, photos and other useful information. The Shopping Search API gives us direct access to Google’s large database of products and prices, obtained from partnering online stores. Another benefit to using this service, is that products are automatically ranked and filtered for us behind the scenes to better match with the user’s search query.
How-To Create Your Own Instant Search in jQuery
Google recenlty launched a new way to search the web called Google Instant, which can save several seconds per search.Google instant involves a lot of high technology, including a new and smarter predicting system.
This technology is not available for every webmaster in your own page yet, however, we can get really good results with php and jQuery, allowing everyone to create your own version of instant search.We are going to create now the simplest code, in order to learn how it works.This way anyone may learn easily and recreate it, fitting it perfectly with your own project.
Coding a Vimeo API Instant Search App with jQuery
In this tutorial I want to explain how we can build a small Vimeo instant search webapp. I’ll be creating the frontend with jQuery and the backend on PHP. There is actually a full developer’s API with references for programmers. I’ll stick to explaining the more convoluted ideas so that you can follow along with my source code.
I will first explain how we can put together the HTML document so it runs our frontend Ajax functions. Let’s include a reference to the most recent jQuery library which is used for Ajax calls. I’m also using another file v.js for our custom API commands.
Building Instagram Photo Search Engine With jQuery And PHP
In this tutorial I want to explain how we can build a similar instant search web application. Instead of pulling images from Google we can use Instagramwhich has grown tremendously in just a few short years.
This social network started off as a mobile app for iOS. Users could take photos and share them with their friends, leave comments, and upload to 3rd party networks such as Flickr. The team was recently acquired by Facebook and had published a brand new app for the Android Market. Their userbase has grown tremendously, and now developers can build amazing mini-apps just like this instasearch demo.
Cleaver : HTML slideshows with JSON & jQuery
A command-line tool for generating HTML slideshows with JSON.Cleaver is a one-stop shop for generating HTML presentations in record time. Using only an intuitive JSON format, you can produce good-looking, interactive presentations without writing any code or placing a measly textbox.Cleaver produces a single document, output.html containg CSS and JavaScript (jQuery) code.
