opensocial-jquery

OpenSocial jQuery is jQuery based concise JavaScript Library for rapid OpenSocial Apps development.

OpenSocial JavaScript API is good, Lightweight JavaScript API is better, and OpenSocial jQuery is best.

OpenSocial jQuery is jQuery based concise JavaScript Library for rapid OpenSocial Apps development.

OpenSocial jQuery is designed to change the way that you write OpenSocial Apps. When you use it, you can develop OpenSocial Apps by the method of developing the website by jQuery.

OpenSocial jQuery is a package of customized jQuery and plugins:

http://lh6.ggpht.com/_R7O_2gBTssg/S4jRmAmhqWI/AAAAAAAACGc/0c2j4NIiVgI/s400/opensocial-jquery-package.jpg

Check out this SlideShare presentation: SocialWeb Conference vol.5 OpenSocial Night #2 - Building OpenSocial Apps using OpenSocial jQuery

Getting Started

  • Develop gadgets with iGoogle by using OpenSocial jQuery and the Google Gadget Editor
  • Develop gadgets with goo Home by using OpenSocial jQuery and the Google Gadget Editor -- ja

Reference

  • API Reference
    • Ready
    • Ajax and Feed
    • People
    • App Data
    • Activity
    • Message
    • Album and Media Item
    • View
    • Window and Auto Height
    • Preference and Locale
    • PubSub
    • Flash, Tabs and Mini Message
    • Template
  • Container Reference
    • mixi Platform
  • API Index
  • OpenSocial to jQuery Index

Examples

  • Fetches the content from YouTube by using jQuery.getJSON
  • Fetches content from the Picasa Web Albums. Attempts to navigate to this gadget in a different view
  • Fetching a single person
  • Fetching a group of people
  • Displaying an online friend
  • new The example using OAuth Proxy that post to FriendFeed on gooHome
  • new This example is fetching and rendering a single person using Ajax and Template
  • new This example is fetching and rendering a group of people using Ajax and Template
  • Google Friend Connect integration demo

Apps Using OpenSocial jQuery

  • †フェイス女学園†(顔診断) - †フェイス女学園†の令嬢たちが、あなたのお顔をズバリ診断
  • ピコピコドミノ - ピコピコドミノはちょっと懐かしい８ビット風のドットキャラクターをならべて遊べる新感覚ドミノです
  • マイミク適職診断 - かんたんな質問に答えるだけであなたのマイミクやあなた自身に向いているかもしれない職業を教えてくれるアプリです

Sites Using OpenSocial jQuery

Downloads

You can download it from the featured downloads box right on this page. Also, you could use the SVN version to get the most actual code:

$ svn checkout http://opensocial-jquery.googlecode.com/svn/trunk/ $ svn checkout http://opensocial-jquery.googlecode.com/svn/branches/templates/

Network Distribution

You can load it from Contents Delivery Network that uses Amazon CloudFront. The URL is:

http://d2hv4ldeur9lfv.cloudfront.net/opensocial-jquery-1.3.2.5.min.js http://d2hv4ldeur9lfv.cloudfront.net/opensocial-jquery-1.2.6.5.min.js http://d2hv4ldeur9lfv.cloudfront.net/opensocial-jquery.templates-0.1.0.min.js http://d2hv4ldeur9lfv.cloudfront.net/opensocial-jquery.autoHeight-1.0.0.min.js http://d2hv4ldeur9lfv.cloudfront.net/opensocial-jquery.minimessage-1.0.0.min.js http://d2hv4ldeur9lfv.cloudfront.net/opensocial-jquery.mixi-1.0.0.min.js

Container Compatibility

opensocial-jquery has cross container compatibility. The following containers were tested, and the other containers with OpenSocial will work too.

  • goo Home
  • mixi
  • iGoogle
  • Google Friend Connect
  • orkut
  • hi5
  • Partuza

There are known small problems with:

  • MySpace

Mailing List

Opensocial jQuery Discussion

Bug Report

http://code.google.com/p/opensocial-jquery/issues/list

License

opensocial-jquery is currently available for use in all personal or commercial projects under both MIT and GPL licenses. This means that you can choose the license that best suits your project, and use it accordingly.

opensocial-jquery templates is currently available for use in all personal or commercial projects under Apache License 2.0 license.

Changelog

OpenSocial jQuery Mini Message 1.0.0 is available

OpenSocial jQuery Mini Message is plugin to display the message to the user.

OpenSocial jQuery mixi Platform 1.0.0 is available

OpenSocial jQuery mixi Platform is plugin to use the extension of mixi specifically.

OpenSocial jQuery autoHeight 1.0.0 is available

OpenSocial jQuery autoHeight is plugin to adjust height of Gadgets automatically all the time.

opensocial-jquery 1.3.2.5 is available

  • opensocial-jquery 1.3.2.5 is based on jQuery 1.3.2
  • The function of this release is the same as opensocial-jquery 1.0.5

opensocial-jquery 1.2.6.5 is available

  • opensocial-jquery 1.2.6.5 is based on jQuery 1.2.6
  • The function of this release is the same as opensocial-jquery 1.0.5
  • This release is supported but is not currently the recommended release for jQuery 1.2.6

opensocial-jquery templates 0.1.0 is available

opensocial-jquery templates is HTML DOM based JavaScript template library for OpenSocial Application. It is based on implementation of Apache Shindig and has compatibility with subset of OpenSocial Templates.

opensocial-jquery templates supports the following markup in OSML:

  • ${Expr} variables and expressions into a element text and a attribute
  • Set of special variables: Top, Cur, Context.index, Context.Count and Msg
  • Set of special attributes: if, repeat, and var

The following is an example:

  • This example is fetching and rendering a single person using Ajax and Template
  • This example is fetching and rendering a group of people using Ajax and Template

opensocial-jquery 1.0.5 is available

  • jQuery.ajax supports OAuth Proxy, and simplifies OAuth Authentication for Gadgets.
  • jQuery.ajax supports Album API that fetches albums, photos and other media items.
  • jQuery.ajax adds app data as extended profile fields when fetches person or people.
  • jQuery.param changed it to encode space in %20, not +.
  • issue #21
  • issue #22
  • issue #25
  • Adds the example using OAuth Proxy that post to FriendFeed on gooHome.

opensocial-jquery 1.0.4 is available

  • jQuery.skin(key): Fetches the display property mapped to the given key
  • jQuery.fn.gadget(url, data): Display a gadgets by locale
  • jQuery.fn.gadget(url, data): Display a gadgets with canvas view
  • jQuery.container: Fix a locale of the container
  • issue #17
  • issue #19

opensocial-jquery 1.0.3 is available

  • jQuery.ready: Initialize the Google Friend Connect OpenSocial API
  • jQuery.invite: Creates a pop-up box that allows the user to invite Friend Connect friends to become members of your Friend Connect website
  • jQuery.settings: Creates a pop-up box that allows the user to manage his or her account and friends, or to unjoin your Friend Connect website
  • jQuery.signIn: Creates a pop-up box that asks the user to sign-in to the Friend Connect website
  • jQuery.fn.signIn: Renders either a sign in button branded with Google Friend Connect
  • jQuery.signOut: Logs the user out of the Friend Connect website
  • jQuery.anonymous: The user is identified as an anonymous account
  • jQuery.fn.gadget: Renders an OpenSocial gadget on the Friend Connect page

opensocial-jquery 1.0.2 is available

  • Cache jQuery.container.cache: Disabling server proxy caching
  • Ajax jQuery.ajax and short cuts: jQuery.ajax has been fixed for mixi platform
  • Environment jQuery.container.mixi: mixi platform was added
  • AjaxData jQuery.ajax and short cuts: @admins selector was added
  • Environment jQuery.container.friendconnect: Google Friend Connect was added
  • AjaxDeferred jQuery.deferred, jQuery.parallel, jQuery.wait, jQuery.next, jQuery.call: These Deferred methods were defined
  • AjaxDeferred Deferred.fn.wait, Deferred.fn.ajax and short cuts: These Deferred methods were registered
  • Flash jQuery.flash: Detection of flash player has been fixed

opensocial-jquery 1.0.1 is available

  • jQuery.container.goohome: goo home was added

opensocial-jquery 1.0.0 is available

  • jQuery.ajax: Fetching the activities of a person or group
  • jQuery.ajax: Updating a person's activity stream
  • jQuery.ajax: Requests the container to send a specific message to the specified users
  • jQuery.proxy: Gets the proxy version of the passed-in URL
  • jQuery.fn.tabs: Create a tab interface
  • jQuery.pub: Publishes a message to a channel
  • jQuery.sub: Subscribes a gadget to a message channel

opensocial-jquery 0.6.0 is available

  • jQuery.ajax: A request can be signed. About shortcuts such as jQuery.get, jQuery.post, and jQuery.getJSON
  • jQuery.flash: Detects Flash Player
  • jQuery.flash.version: Detects Flash Player and its major version
  • jQuery.fn.flash: Injects a Flash file into the DOM tree
  • jQuery.fn.minimessage: Creates a dismissible message with an close icon
  • jQuery.msg: Fetches an unformatted message

opensocial-jquery 0.5.1 is available

  • jQuery.ajax dateType=feed: MySpace and Partuza is supported

opensocial-jquery 0.5.0 is available

  • jQuery.ajax: /people/{userId}/{groupId}/{filter}, fields, filterBy, sortBy, startIndex, count
  • jQuery.ajax: /appdata/{userId}/{groupId}, fields
  • jQuery.ajax: Enhancing of jQuery.ajax with JSDeferred
  • jQuery.feature: Returns the value of parameters for this feature and whether the specified feature is supported
  • Cross Container: MySpace was added

opensocial-jquery 0.4.0 is available

  • dataType="data" was supported with jQuery.ajax.
  • jQuery.getData('/people/@me/@self', data, callback)
  • Renamed from jQuery.container.ig to jQuery.container.igoogle.
  • jQuery.container.myspace
  • jQuery.container.domain

opensocial-jquery 0.3.0 is available

  • jQuery.container and CSS container selector
  • jQuery.pref(key): Don't escape HTML entities.
  • jQuery.pref(key, value)
  • jQuery.pref(data)
  • jQuery.prefArray(key): Don't escape HTML entities.
  • jQuery(window).title(title): Escape HTML entities.
  • jQuery(window).width
  • jQuery(window).height
  • jQuery(window).height(height)

opensocial-jquery 0.2.0 is available

  • jQuery.view()
  • jQuery.view(name, data)
  • jQuery.views()
  • jQuery( function($, data) )
  • jQuery(document).ready( function($, data) )
  • Example: Picasa Web Albums

opensocial-jquery 0.1.0 is available

  • The first release.

Special Thanks

Project Information

Labels:
opensocial jquery gadgets shindig jsdeferred friendconnect oauth mixi