halfcourtshot

Half-Court Shot is a jsApp for Dribbble

Half-Court Shot jsApp

This jsApp will fetch your http://www.dribbble.com'>Dribbble shots from across the court (aka Internets) and display them in a fancy little widgeto. It was a collab effort between http://www.mediahack.com'>mediaHACK <codes> and http://komodomedia.com'>KomodoMedia <pretties>.

If you have any questions, suggestions or issues http://www.twitter.com/mediahack'>let me know on twitter.

<wiki:gadget url="https://halfcourtshot.googlecode.com/svn/tags/101129.1100/gadget.xml" width="240" height="190" border="0" />

Usage

If you want to just use this and instantly go, copy the code directly below and replace the jersey name "Rogie" with your own. ```

var hcs = new HalfCourtShot({ jersey: "Rogie", shots: 4, goal: 'dribbble' });

```

The instances of a shot can be passed a settings object. If you don't give it a settings object then you'll just get the app appended to your HTML body tag.

Styles

There is a default style sheet you can include. <link href="https://halfcourtshot.googlecode.com/svn/tags/101129.1100/style/half-court-shot.css" rel="stylesheet" />

Settings

A settings object with the following properties can be passed to the constructor

  • goal: Target to put the app into. For example, <div id="mydribbble"></div>. Default is appended to body tag
  • jersey: Who do you want to watch shoot? Default is random from rogie, simplebits, shauninman, jsm
  • playType: shots|players
  • shots: The number of shots to return
  • className: This will override the app container with the class you want to use
  • page: The current page you want to view
  • per_page: How many shots per page
  • following: Show who the player (specified by the jersey property) is following

Examples

Basic with no tweaking. The hcs object we create is arbitrary. You can call it whatever you want and create as many instances as you want. Just drop these script tags at the bottom of your page before the closing body tag.

```

var hcs = new HalfCourtShot();

```

This example is targeted at Rogie and an element where he wanted the app to be injected into

```

var hcs = new HalfCourtShot({ jersey: "Rogie", shots: 6, goal: "dribbble" });

```

Updates

1.101129 - This was a minor release fix. The page has been updated to reflect using the new release. The fix was small enough most everyone already using HCS won't notice and can continue to use the Tag 1 if they choose. Thanks @paulrandall

Project Information

Labels:
Dribbble JavaScript jsApp