Difference between revisions of "Widget:SpaceAPI"
m (update button title) |
m (element.style is a read-only value in safari) |
||
Line 79: | Line 79: | ||
this._intervalId = setInterval( this._fetchState.bind( this ), this._interval ); | this._intervalId = setInterval( this._fetchState.bind( this ), this._interval ); | ||
− | |||
− | |||
− | |||
document.write( '<div id="spaceAPI' + this._intervalId + '"></div>' ); | document.write( '<div id="spaceAPI' + this._intervalId + '"></div>' ); | ||
var node = document.getElementById( "spaceAPI" + this._intervalId ); | var node = document.getElementById( "spaceAPI" + this._intervalId ); | ||
− | node.style = style; | + | if ( !node ) |
+ | { | ||
+ | console && console.log( "node not found" ); | ||
+ | return; | ||
+ | } | ||
+ | node.style.width = this._width; | ||
+ | node.style.textAlign = "center"; | ||
+ | node.style.BoxShadow = "3px 3px 4px rgba(0,0,0,0.2)"; | ||
+ | node.style.position = "relative"; | ||
+ | |||
+ | if ( this._float ) | ||
+ | node.style.float = this._float; | ||
+ | |||
this._node = node.appendChild( document.createElement( "div" ) ); | this._node = node.appendChild( document.createElement( "div" ) ); | ||
this._node.style.height = this._height + "px"; | this._node.style.height = this._height + "px"; |
Revision as of 08:35, 17 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.