MediaWiki:Common.js: Difference between revisions

From Firrhna Project Wiki
Jump to navigationJump to search
No edit summary
No edit summary
Line 11: Line 11:
target += encodeURIComponent(word);
target += encodeURIComponent(word);
target += '?bare';
target += '?bare';
 
result.innerHTML = '...';
var xhr = new XMLHttpRequest();
var xhr = new XMLHttpRequest();
xhr.open('GET', target);
xhr.open('GET', target);
Line 30: Line 31:
var dictPlace = document.getElementById('dictionaryPlaceholder');
var dictPlace = document.getElementById('dictionaryPlaceholder');
if (dictPlace) {
if (dictPlace) {
dictPlace.innerHTML = '<form onsubmit="getDictionaryResult(); return false;">' +
dictPlace.innerHTML = '<form onsubmit="getDictionaryResult(); return false;">\n' +
'<label> Word: <input type="text" id="dictWord"></label>' +
'<label> Word: <input type="text" id="dictWord"></label><br>\n' +
'<label><input type="checkbox" id="dictEnglish"> Word is in English</label>' +
'<label><input type="checkbox" id="dictEnglish"> Word is in English</label><br>\n' +
'<input type="submit" onclick="getDictionaryResult();" value="Look up">' +
'<input type="submit" onclick="getDictionaryResult();" value="Look up">\n' +
'</form>' +
'</form>\n' +
'<div id="dictResult"></div>';
'<div id="dictResult"></div>';
}
}

Revision as of 21:11, 15 December 2023

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

function getDictionaryResult()
{
	var word = document.getElementById('dictWord').value;
	var inEnglish = document.getElementById('dictEnglish').checked;
	var result = document.getElementById('dictResult');

	var target = '/faas/dict/';
	if (inEnglish) target += 'eng/';
	target += encodeURIComponent(word);
	target += '?bare';
	result.innerHTML = '...';
	
	var xhr = new XMLHttpRequest();
	xhr.open('GET', target);
	xhr.onload = function() {
		if (xhr.status === 200) {
			result.innerHTML = xhr.responseText.replaceAll('<span class="felinese">', '<span style="font-family: \'Felinese\'; font-weight: bold; font-size: 150%;">');
		}
		else {
			result.innerHTML = 'Request failed. Returned status of ' + xhr.status;
		}
	};
	xhr.send();

	event.cancelBubble = true;
	return false;
}

var dictPlace = document.getElementById('dictionaryPlaceholder');
if (dictPlace) {
	dictPlace.innerHTML = '<form onsubmit="getDictionaryResult(); return false;">\n' +
		'<label> Word: <input type="text" id="dictWord"></label><br>\n' +
		'<label><input type="checkbox" id="dictEnglish"> Word is in English</label><br>\n' +
		'<input type="submit" onclick="getDictionaryResult();" value="Look up">\n' +
	'</form>\n' +
	'<div id="dictResult"></div>';
}