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.