MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 3: | Line 3: | ||
$(function() { | $(function() { | ||
$('#ir-roman-date-converter').html('<div class=\"mw-inputbox-centered\"> \ | $('#ir-roman-date-converter').html('<div class=\"mw-inputbox-centered\"> \ | ||
<form name=\"Convert Date\" | <form name=\"Convert Date\" method=\"post\" action=\"\"> \ | ||
<input id=\'date\' type=\"date\" class=\"mw-ui-input mw-ui-input-inline mw-inputbox-createbox webfonts-changed\" placeholder=\"\" required=\"\" size=\"50\" dir=\"ltr\"> \ | <input id=\'date\' type=\"date\" class=\"mw-ui-input mw-ui-input-inline mw-inputbox-createbox webfonts-changed\" placeholder=\"\" required=\"\" size=\"50\" dir=\"ltr\"> \ | ||
<input type=\"submit\" class=\"mw-ui-button mw-ui-progressive webfonts-changed\" value=\"Convert Date\"> \ | <input type=\"submit\" onclick=\"submit()\" class=\"mw-ui-button mw-ui-progressive webfonts-changed\" value=\"Convert Date\"> \ | ||
</form> \ | </form> \ | ||
<div id=\"result\"></div> \ | <div id=\"result\"></div> \ | ||
Line 18: | Line 18: | ||
text:\'{{#invoke:Roman Date| main | \' + date + \' }}\' \ | text:\'{{#invoke:Roman Date| main | \' + date + \' }}\' \ | ||
}).done( function ( data ) { \ | }).done( function ( data ) { \ | ||
resultDiv.innerHTML = data; \ | |||
} ); \ | } ); \ | ||
} \ | } \ | ||
</script> \ | </script> \ | ||
</div>'); | </div>'); | ||
}); | }); |
Revision as of 09:49, 29 June 2022
/* Any JavaScript here will be loaded for all users on every page load. */
$(function() {
$('#ir-roman-date-converter').html('<div class=\"mw-inputbox-centered\"> \
<form name=\"Convert Date\" method=\"post\" action=\"\"> \
<input id=\'date\' type=\"date\" class=\"mw-ui-input mw-ui-input-inline mw-inputbox-createbox webfonts-changed\" placeholder=\"\" required=\"\" size=\"50\" dir=\"ltr\"> \
<input type=\"submit\" onclick=\"submit()\" class=\"mw-ui-button mw-ui-progressive webfonts-changed\" value=\"Convert Date\"> \
</form> \
<div id=\"result\"></div> \
<script> \
function submit(){ \
const resultDiv = document.getElementById(\"result\"); \
const api = new mw.Api(); \
let date = document.getElementById(\"date\").value; \
api.get({ \
action: \'expandtemplates\', \
prop: \'wikitext\', \
text:\'{{#invoke:Roman Date| main | \' + date + \' }}\' \
}).done( function ( data ) { \
resultDiv.innerHTML = data; \
} ); \
} \
</script> \
</div>');
});