Skip to content

Instantly share code, notes, and snippets.

@davidwhitney
Created February 13, 2012 17:13
Show Gist options
  • Save davidwhitney/1818387 to your computer and use it in GitHub Desktop.
Save davidwhitney/1818387 to your computer and use it in GitHub Desktop.
Working prototype of JustGiving Markup in an external page
<!DOCTYPE html>
<html>
<head>
<title>JustGiving.Data</title>
</head>
<body>
<div>
<h1>JGM Example</h1>
My JustGiving Page is at www.justgiving.com/<span data-jg-page="david25" data-property="pageShortName"></span><br/>
My SMS Code: <span data-jg-page="david25" data-property="smsCode"></span>
<br/><br/>
My friend also has a page at: www.justgiving.com/<span data-jg-page="rasha25" data-property="pageShortName"></span><br/>
Called <span data-jg-page="rasha25" data-property="title"></span><br/>
Harro! I have a story<br/>
<div data-jg-page="david25" data-property="story"></div>
<h2>Team</h2>
<div data-jg-team="awesome" data-property="story"></div>
<h2>Charity</h2>
<div data-jg-charity="2050" data-property="description"></div>
<div data-jg-charity="2050" data-property="name"></div>
<h2>Donation</h2>
<div data-jg-donation="20905200" data-property="donorDisplayName"></div>
</div>
<script type="text/javascript" src="jg.js"></script>
<script type="text/javascript">
jg.init({
apiKey: 'my-api-key-here',
rootDomain: 'https://api-staging.justgiving.com'
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment