MediaWiki:Common.js: Difference between revisions
From Firrhna Project Wiki
Jump to navigationJump to search
Kawa-neechan (talk | contribs) No edit summary |
Kawa-neechan (talk | contribs) 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>';
}