Difference between revisions of "Widget:SpaceAPI"
m (added extra node for state) |
m (doh, text node is annoying) |
||
| Line 83: | Line 83: | ||
document.write( '<div id="spaceAPI' + this._intervalId + '" style="' + style + '">' + this._msgLoading + '</div>' ); | document.write( '<div id="spaceAPI' + this._intervalId + '" style="' + style + '">' + this._msgLoading + '</div>' ); | ||
| − | + | var node = document.getElementById( "spaceAPI" + this._intervalId ); | |
| − | this._node.appendChild( document.createElement( "div" ) ); | + | this._node = node.appendChild( document.createElement( "div" ) ); |
| − | var mapNode = | + | var mapNode = node.appendChild( document.createElement( "div" ) ); |
mapNode.style.width = "100%"; | mapNode.style.width = "100%"; | ||
mapNode.style.height = "276px"; | mapNode.style.height = "276px"; | ||
| Line 130: | Line 130: | ||
SpaceAPI.prototype._fetchState = function( ) | SpaceAPI.prototype._fetchState = function( ) | ||
{ | { | ||
| − | this._node | + | this._node.className = "processing"; |
var xhr = new XMLHttpRequest( ); | var xhr = new XMLHttpRequest( ); | ||
if ( !!( "onload" in xhr ) ) | if ( !!( "onload" in xhr ) ) | ||
| Line 163: | Line 163: | ||
SpaceAPI.prototype._updateState = function( _message, _color, _title ) | SpaceAPI.prototype._updateState = function( _message, _color, _title ) | ||
{ | { | ||
| − | this._node | + | this._node.className = ""; |
| − | this._node | + | this._node.textContent = _message; |
| − | this._node | + | this._node.style.backgroundColor = _color; |
if ( _title ) | if ( _title ) | ||
| − | this._node | + | this._node.title = _title; |
else | else | ||
| − | this._node | + | this._node.title = ""; |
}; | }; | ||
Revision as of 14:18, 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.
