MediaWiki:Common.js/SyntaxHighligtBackground.js
Jump to navigation
Jump to search
Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* Any JavaScript here will be loaded for all users on every page load. */
//Function to properly get the class name
document.getElementsByClassNameC = function(cl)
{
var retnode = [];
var myclass = new RegExp('\\b'+cl+'\\b');
var elem = this.getElementsByTagName('*');
for (var i = 0; i < elem.length; i++)
{
var classes = elem[i].className;
if (myclass.test(classes))
{
retnode.push(elem[i]);
}
}
return retnode;
};
// Check if there is at least one instance of the class "source-xml" on the page
if(document.getElementsByClassNameC('source-xml')[0] && document.getElementsByClassNameC('source-xml')[0].innerHTML)
{
// Cycle through each instance of the occurance
for(var i=0; i < document.getElementsByClassNameC('source-xml').length; i++)
{
// Make GAE Only features red
document.getElementsByClassNameC('source-xml')[i].innerHTML = document.getElementsByClassNameC('source-xml')[i].innerHTML.replace(/\n?\s*<span class="sc-1"><!-- Start GAE Only --><\/span>\n?/gi, '<div style="background-color: #F99;">');
document.getElementsByClassNameC('source-xml')[i].innerHTML = document.getElementsByClassNameC('source-xml')[i].innerHTML.replace(/\n?\s*<span class="sc-1"><!-- End GAE Only --><\/span>\n?/gi, '</div>');
// Make MG Only features blue
document.getElementsByClassNameC('source-xml')[i].innerHTML = document.getElementsByClassNameC('source-xml')[i].innerHTML.replace(/\n?\s*<span class="sc-1"><!-- Start MG Only --><\/span>\n?/gi, '<div style="background-color: #90E5D8;">');
document.getElementsByClassNameC('source-xml')[i].innerHTML = document.getElementsByClassNameC('source-xml')[i].innerHTML.replace(/\n?\s*<span class="sc-1"><!-- End MG Only --><\/span>\n?/gi, '</div>');
// Make GAE + MG Only features purple
document.getElementsByClassNameC('source-xml')[i].innerHTML = document.getElementsByClassNameC('source-xml')[i].innerHTML.replace(/\n?\s*<span class="sc-1"><!-- Start GAE\+MG Only --><\/span>\n?/gi, '<div style="background-color: #E6BFFF;">');
document.getElementsByClassNameC('source-xml')[i].innerHTML = document.getElementsByClassNameC('source-xml')[i].innerHTML.replace(/\n?\s*<span class="sc-1"><!-- End GAE\+MG Only --><\/span>\n?/gi, '</div>');
}
}