Difference between revisions of "Widget:SpaceAPI"
m (added leaflet map) |
m (added extra node for state) |
||
| Line 84: | Line 84: | ||
this._node = document.getElementById( "spaceAPI" + this._intervalId ); | this._node = document.getElementById( "spaceAPI" + this._intervalId ); | ||
| + | this._node.appendChild( document.createElement( "div" ) ); | ||
var mapNode = this._node.appendChild( document.createElement( "div" ) ); | var mapNode = this._node.appendChild( document.createElement( "div" ) ); | ||
mapNode.style.width = "100%"; | mapNode.style.width = "100%"; | ||
| Line 129: | Line 130: | ||
SpaceAPI.prototype._fetchState = function( ) | SpaceAPI.prototype._fetchState = function( ) | ||
{ | { | ||
| − | this._node.className = "processing"; | + | this._node.firstChild.className = "processing"; |
var xhr = new XMLHttpRequest( ); | var xhr = new XMLHttpRequest( ); | ||
if ( !!( "onload" in xhr ) ) | if ( !!( "onload" in xhr ) ) | ||
| Line 162: | Line 163: | ||
SpaceAPI.prototype._updateState = function( _message, _color, _title ) | SpaceAPI.prototype._updateState = function( _message, _color, _title ) | ||
{ | { | ||
| − | this._node.className = ""; | + | this._node.firstChild.className = ""; |
| − | this._node.textContent = _message; | + | this._node.firstChild.textContent = _message; |
| − | this._node.style.backgroundColor = _color; | + | this._node.firstChild.style.backgroundColor = _color; |
if ( _title ) | if ( _title ) | ||
| − | this._node.title = _title; | + | this._node.firstChild.title = _title; |
else | else | ||
| − | this._node.title = ""; | + | this._node.firstChild.title = ""; |
}; | }; | ||
Revision as of 13:16, 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.
