Ticketleap Public API

JavaScript Example

Last Updated: .

Using the Ticketleap Public API you can add your events to your own website. We've developed a jQuery plugin to demonstrate this. Take a look at the Upcoming Events Widget Example. You can use this on widget on your own site to share your Ticketleap events on your own website.

How to Use It

Download the Upcoming Events Widget on GitHub and put the source in your site directory.

On the page you will be using the Upcoming Events Widget, add the following HTML to the head of your page.

<link href="PATH_TO_SOURCE/jquery.tl.upcoming.css" rel="stylesheet" type="text/css" />
<script src="PATH_TO_SOURCE/jquery-1.5.1.js" type="text/javascript"></script>
<script src="PATH_TO_SOURCE/jquery.tl.upcomingevents.js" type="text/javascript"></script>

Place the following html on your page where you want to show the Upcoming Events Widget.

<div id="#upcoming-events"></div>

Initialize the Upcoming Events Widget. The code below can be placed anywhere on your page. There are three options to set when you initialize the widget:

<script type="text/javascript">
	$(function(){

		$('#upcoming-events').upcomingEvents({
			orgSlug: 'awesomepuppies',
			pageSize: 5,
			apiKey: 'PUT_API_KEY_HERE'
		 });

	});
</script>

Customizing

Customizing the Upcoming Events Widget requires a little web development know how. All of the CSS styles for the widget are defined in jquery.tl.upcoming.css.

Support and Development

Depending on your site, there may be CSS and JavaScript conflicts with the Upcoming Events Widget. Though we can't help implement the widget on your site, if you find a bug with the Public API or with the widget itself, please submit a support request.

Feel free to share your enhancements or fixes to the widget. Fork the repository on GitHub and submit a pull request.