Difference between revisions of "Widget:SpaceAPI"
(fixed title timestamp) |
(added float) |
||
| Line 41: | Line 41: | ||
this._url = _url; | this._url = _url; | ||
this._interval = 1000 * _interval; | this._interval = 1000 * _interval; | ||
| + | this._float = "right"; | ||
} | } | ||
SpaceState.prototype._width = null; | SpaceState.prototype._width = null; | ||
SpaceState.prototype._height = null; | SpaceState.prototype._height = null; | ||
| + | SpaceState.prototype._float = null; | ||
SpaceState.prototype._url = null; | SpaceState.prototype._url = null; | ||
SpaceState.prototype._interval = null; | SpaceState.prototype._interval = null; | ||
| Line 67: | Line 69: | ||
this._intervalId = setInterval( this._fetchSpaceState.bind( this ), this._interval ); | this._intervalId = setInterval( this._fetchSpaceState.bind( this ), this._interval ); | ||
| − | var style = "width:" + this._width + ";height:" + this._height + ";padding:" + this._padding + ";text-align:center;-moz-box-shadow: 3px 3px 4px #000;-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.2);box-shadow: 3px 3px 4px rgba(0,0,0,0.2);"; | + | var style = "width:" + this._width + ";height:" + this._height + ";padding:" + this._padding + ";text-align:center;-moz-box-shadow: 3px 3px 4px #000;-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.2);box-shadow: 3px 3px 4px rgba(0,0,0,0.2);position:relative"; |
| + | if ( this._float ) | ||
| + | style += "float:" + this._float + ";" | ||
document.write( '<div id="spaceAPI' + this._intervalId + '" style="' + style + '">' + this._msgLoading + '</div>' ); | document.write( '<div id="spaceAPI' + this._intervalId + '" style="' + style + '">' + this._msgLoading + '</div>' ); | ||
Revision as of 15:28, 31 August 2015
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=https://ackspace.nl/spaceAPI/
|width=260px
|height=20px
|padding=8px
|interval=20
}}
This will give the following result:
Note that url is mandatory, the rest is optional (leave out interval to make the data static). Also, 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.
