MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
Hachimitsu (talk | contribs) (testing conditional formatting for tables for red or green text based on keywords) |
Hachimitsu (talk | contribs) mNo edit summary |
||
Line 1: | Line 1: | ||
/* Any JavaScript here will be loaded for all users on every page load. */ | /* Any JavaScript here will be loaded for all users on every page load. */ | ||
importScript('MediaWiki:jquery.js'); | importScript('MediaWiki:jquery.js'); | ||
$(document).ready(function () { | $(document).ready(function () { | ||
// Define the values for red and green text | // Define the values for red and green text | ||
Line 12: | Line 13: | ||
// Check if cell text contains any redValues partially | // Check if cell text contains any redValues partially | ||
if (redValues.some(value => cellText.includes(value))) { | if (redValues.some(value => cellText.includes(value))) { | ||
$(this).css('color', ' | $(this).css('color', 'red'); | ||
} | } | ||
// Check if cell text contains any greenValues partially | // Check if cell text contains any greenValues partially | ||
if (greenValues.some(value => cellText.includes(value))) { | if (greenValues.some(value => cellText.includes(value))) { | ||
$(this).css('color', ' | $(this).css('color', 'green'); | ||
} | } | ||
}); | }); | ||
}); | }); |
Revision as of 22:55, 2 March 2024
/* Any JavaScript here will be loaded for all users on every page load. */
importScript('MediaWiki:jquery.js');
$(document).ready(function () {
// Define the values for red and green text
var redValues = ["Dry", "Fairy Sized", "Dead", "Stinky", "Boring", "Crunchy", "Bitter", "Tarnished", "Bland", "Coarse", "Rustic", "Dull Color", "Harmful Substance", "Squishy", "Tasteless", "Ugly"];
var greenValues = ["Slightly moist", "Pumpkin Sized", "Almost Moving", "Faint Aroma", "Unusual", "Slightly Firm", "Slightly Sweet", "Concerning", "Collagen Rich", "Creamy", "Somewhat Dense", "Slightly Rough", "Pale Color", "Trace Vitamins", "Flaky", "Somewhat Spicy", "Glossy", ];
// Loop through each table cell in wikitable
$('.wikitable td').each(function () {
var cellText = $(this).text().trim();
// Check if cell text contains any redValues partially
if (redValues.some(value => cellText.includes(value))) {
$(this).css('color', 'red');
}
// Check if cell text contains any greenValues partially
if (greenValues.some(value => cellText.includes(value))) {
$(this).css('color', 'green');
}
});
});