Events on your website, the easy way

27 August 2018

Do you want a list of the upcoming events from Radar for your group on your website?

There are several ways of doing this, but we've just added one more, really easy option: a Javascript widget.

The script

Here is an example. Just add a bit of code like this somewhere on your website. The only condition is that you are allowed to place javascript there.

    <script src="https://radar.squat.net/helpers/events-current.js"></script>
    <div id="radar_events">https://radar.squat.net/en/events/city/Amsterdam/group/41</div>

This will show the results of the page https://radar.squat.net/en/events/city/Amsterdam/group/41.
Change URL in the second line to any other events search result and it will show that instead.

That's it.

If you like Javascript, you can play around with the output and host the script locally (technical aside: the CORS header should be so that you can make the XHR request).

We'll be coming with further posts on using the events from Radar in other ways, how the API works, and developments for presenting different types of groups, over the next weeks.

The output of the script

Here's another example showing you the output of the script. In this case it's the events of Joe's Garage fetched by the two line widget, showing you the next 10 events.


https://radar.squat.net/en/events/city/Amsterdam/group/41

2018-09-29: The post was updated to include the url to events-current.js this will always point at the current version of the javascript. If you want a fixed version, the current release is events-0.1.js