-
Notifications
You must be signed in to change notification settings - Fork 2
/
javascript_widget.html
83 lines (68 loc) · 2.95 KB
/
javascript_widget.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
---
layout: page
title: JavaScript Widget
---
<div id='top-box'>
<span class='ribbon'>VenueDriver JavaScript Widget</span>
<p>This is a small documentation on how to use the JavaScript widget. It displays a list of events with links to the ticketing pages. The ticketing pages can be hosted on Venue Driver or externally.</p>
</div>
<div id="demo_box">
<img src="images/js_widget/demo.png"/>
</demo>
<span id="demo_btn" class="button" onClick="window.location='http://widgets.venuedriver.com/demo.html'">Live demo of the widget</span>
<div class="cl"></div>
<hr class="line">
<div class="note">
<h2>Requirements</h2>
<ul>
<li>To use VenueWidget you need last jQuery version from <a href="http://code.jquery.com/jquery.min.js" target="_blank", span class ="readmore_link">http://code.jquery.com/jquery.min.js</span></a></li>
<li>Put the jquery.min.js file on to HTML document</li>
</ul>
</div>
<div class="cl"></div>
<hr class="line">
<div class="note">
<h2> How to Install</h2>
<ul>
<li>Make sure you have jQuery loaded</li>
<li>You need to set a couple of parameters api_token(your secret api token), account(your account id number) & div_id(the name of div where you draw the table)</li>
<li>link to the VenueWidget.js file directly from <a href="http://widgets.venuedriver.com/js/AccountWidget.js" target="_blank", span class ="readmore_link">http://widgets.venuedriver.com/js/AccountWidget.js</span></a></li>
</ul>
</div>
<br/>
<div class="important">
<div class="note">
<p>When using this widget, it is very important that you link to the VenueWidget.js from <a href="http://widgets.venuedriver.com/js/AccountWidget.js" target="_blank", span class ="readmore_link">http://widgets.venuedriver.com/js/AccountWidget.js</span></a>. This will allow us to update the widget as new features come in without the need for you to update the file.</p>
</div>
</div>
<div class="cl"></div>
<hr class="line">
<div class="note">
<h2> Code to embed </h2>
<p>Copy this example code, then set the API access token, then embed the widget in your HTML page.</p>
</div>
<pre class="sh_html">
<html>
<head>
<link href='http://widgets.venuedriver.com/css/styles.css' rel='stylesheet'
type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js">
</script>
<script>
VenueDriverWidgetConfig = new Object();
VenueDriverWidgetConfig.api_token = '' //example '02AFDFG57HTT7GQ53'
VenueDriverWidgetConfig.account = '' //example '12345'
VenueDriverWidgetConfig.div_id = '' //example 'my_div'
</script>
<script src="http://widgets.venuedriver.com/js/AccountEventsWidget.js"></script>
</head>
<body>
<div id="wrapper">
<div id="my_div"></div>
</div>
</body>
</html>
</pre>
<div class='link'>
<a class='button' href="http://help.venuedriver.com/">Return to Table of Contents</a>
</div>