☰

Aurora Dot

Display a red dot on your position on the aurora forecast website

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey 或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！） 

// ==UserScript==
// @name       Aurora Dot
// @namespace  http://www.swpc.noaa.gov/products/aurora-30-minute-forecast
// @version    1.0
// @description Display a red dot on your position on the aurora forecast website
// @include        http://www.swpc.noaa.gov/products/aurora-30-minute-forecast
// @copyright  2012+, TKWE
// ==/UserScript==

var x = 333;
var y = 563;

var matchingElements = [];
var divElements = document.getElementsByTagName('div');

for (var i = 0; i < divElements.length; i++)
{
  if (divElements[i].className == 'block block-delta-blocks block-page-title block-delta-blocks-page-title even block-without-title')
  {
    // Element exists with attribute. Add to array.
    matchingElements.push(divElements[i]);
  }
}

matchingElements[0].innerHTML = matchingElements[0].innerHTML.replace('</div>\n  </div>','</div>\n  </div>\n<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" style="position: absolute; top: '+y+'px; left: '+x+'px; height: 4px; width: 4px; z-index:5;"/>');