MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* Any JavaScript here will be loaded for all users on every page load. */

(function () 
{
	var calculatorBody = document.getElementById('mw-time-calculator');
	if (calculatorBody)
	{
		
		var earthDate = document.createElement('div');	
		var earthTextDiv = document.createElement('div');
		var earthText = document.createTextNode('Earth Year:');	
		earthTextDiv.appendChild(earthText);			
		var timeEarthY = CreateTimeElement('t-earth-y');
		earthDate.appendChild(earthTextDiv);
		earthDate.appendChild(timeEarthY);
		
		var raharrDate = document.createElement('div');	
		var raharrTextDiv = document.createElement('div');
		var raharrText = document.createTextNode('Raharr Year:');	
		raharrTextDiv.appendChild(raharrText);			
		var timeRaharrY = CreateTimeElement('t-raharr-y');			
		raharrDate.appendChild(raharrTextDiv);
		raharrDate.appendChild(timeRaharrY);
		
		var standardDate = document.createElement('div');	
		var stdTextDiv = document.createElement('div');
		var stdText = document.createTextNode('Standard Year:');	
		stdTextDiv.appendChild(stdText);		
		var timeStdY = CreateTimeElement('t-standard-y');	
		standardDate.appendChild(stdTextDiv);
		standardDate.appendChild(timeStdY);
		

		
		calculatorBody.appendChild(earthDate);
		calculatorBody.appendChild(raharrDate);
		calculatorBody.appendChild(standardDate);
		
		timeEarthY.addEventListener("input", function () 
		{
			timeRaharrY.value = timeEarthY.value
			timeStdY.value = timeEarthY.value
		});
		timeRaharrY.addEventListener("input", function () 
		{
			console.log("Form has changed!");
		});
		timeStdY.addEventListener("input", function () 
		{
			console.log("Form has changed!");
		});
		
		
	}	
}());
function CreateTimeElement(title)
{
		var el = document.createElement('input');
		el.setAttribute('type', 'number');
		el.setAttribute('name', title);
		el.setAttribute('id', title);
		el.setAttribute('placeholder', '0');
		el.setAttribute('style', 'height: 30px;width: 70px;');
		return el;
}