Difference between revisions of "Widget:SpaceAPI"
m (testing script loading) |
m (added [http://leafletjs.com/ leaflet] module) |
||
| Line 87: | Line 87: | ||
if ( this._features.split(",").indexOf( "beacon" ) >= 0 ) | if ( this._features.split(",").indexOf( "beacon" ) >= 0 ) | ||
{ | { | ||
| − | var | + | var node; |
| − | + | ||
| − | document. | + | node = document.createElement( "link" ); |
| + | node.href = "/leaflet/leaflet.css"; | ||
| + | node.rel = "stylesheet"; | ||
| + | node.type = "text/css"; | ||
| + | // Load the css | ||
| + | ( document.head || document.documentElement ).appendChild( node ); | ||
| + | |||
| + | node = document.createElement( "script" ); | ||
| + | node.src = "/leaflet/leaflet.js"; | ||
| + | node.type = "text/javascript"; | ||
| + | node.addEventListener( "load", function( _evt ) | ||
| + | { | ||
| + | console && console.log( "leaflet script loaded" ); | ||
| + | } ); | ||
| + | |||
| + | // Load the script | ||
| + | ( document.head || document.documentElement ).appendChild( node ); | ||
} | } | ||
Revision as of 12:41, 11 May 2016
This widget allows you to display the Space API data (provided as JSON)
Created by Xopr
Using this widget
To insert this widget, use the following code:
{{#widget:SpaceAPI
|url=/spaceAPI/
|width=260px
|height=20px
|padding=8px
|interval=20
|float=right
}}
This will give the following result:
Notes
- url is mandatory, the rest is optional (leave out interval to make the data static).
- it also must be written without protocol since colon (:) is not allowed, and may be relative, for example: //ackspace.nl/spaceAPI/ or /spaceAPI/
- You must provide a unit for the sizes (i.e. px, %, etc.)
Copy to your site
To use this widget on your site, just install MediaWiki Widgets extension and copy full source code of this page to your wiki as Widget:SpaceAPI article.