GuildWiki has been locked down: anonymous editing and account creation are disabled. Current registered users are unaffected. Leave any comments on the Community Portal.

Forum:Coding/Javascript

From GuildWiki
Jump to: navigation, search

Explanation[edit source]

These are some helpful Javascript function to add various types of functionality to the wiki. Feel free to add other useful functions or modify these to make them more useful. To use them, copy the code (in the gray boxes below) to your personal JavaScript page: monobook.js

NavBar "widget" for Monobook[edit source]

This function lets you add a custom box with custom links to Monobook's navigation bar, similar to a Monaco widget.

 function addBar() 
 {
  document.getElementById('p-navigation').innerHTML += 
  '</div>'+
  '<div id=p-myWikiLinks class=portlet>'+
    '<h5>Command Center</h5>'+                                // Name the box whatever you want
    '<div id=commandCenterDiv class=pBody><ul>'+              // Also name the div as you like, to use in your .css
    '<li id=\><a href=\"/wiki/Main Page">Main Page</a></li>'+ // Copy this line for each link
    '</ul></div></div>';
 }

 addOnloadHook(addBar);

Page-top tabs[edit source]

These functions add tabs to the top of each page on the wiki for easy access to common tasks.

GWW Switch[edit source]

This function has been implemented as a gadget, which you can enable on your preferences.

Adds a tab that links to the same article on Guild Wars Wiki. Caveat: All this function does is create a URL combining the domain for GWW with the current article name. There is no guarantee that the article resides under the same title (or even exists at all) at GWW.

function addGWWSwitch() 
{
    var hist; 
    var url;
    if (!(hist = document.getElementById('ca-history') )) return;
    if (!(url = hist.getElementsByTagName('a')[0] )) return;
    if (!(url = url.href )) return;
    addPortletLink('p-cactions', 
      'http://wiki.guildwars.com/wiki/'+wgCanonicalNamespace+':'+encodeURIComponent(wgTitle),
      'GWW', 'ca-gww', 'See this page on Guild Wars Wiki', 'g');
}
addOnloadHook(addGWWSwitch);

Purge[edit source]

This function has been implemented as a gadget, which you can enable on your preferences.

Adds a tab that will purge the server's cache of that article.

 function addPurge() 
 {
    var hist; 
    var url;
    if (!(hist = document.getElementById('ca-history') )) return;
    if (!(url = hist.getElementsByTagName('a')[0] )) return;
    if (!(url = url.href )) return;
    addPortletLink('p-cactions',
       url.replace(/([?&]action=)history([&#]|$)/, '$1purge$2'),
       'purge', 'ca-purge', 'Purge server cache', '0');
 }
 addOnloadHook(addPurge);

Credits[edit source]

Adds a tab that will display the credits for the article.

 function addCredits() 
 {
    var hist; 
    var url;
    if (!(hist = document.getElementById('ca-history') )) return;
    if (!(url = hist.getElementsByTagName('a')[0] )) return;
    if (!(url = url.href )) return;
    addPortletLink('p-cactions',
       url.replace(/([?&]action=)history([&#]|$)/, '$1credits$2'),
       'credits', 'ca-credits', 'Display article credits', '0');
 }
 addOnloadHook(addCredits);

Custom edit buttons[edit source]

This function allows you to add to the line of edit buttons above the edit box. See MW:Manual:Custom edit buttons for more info and W:Category:Custom edit buttons/Commons:MediaWiki edit toolbar for premade button icons.

/***** Custom edit buttons ****/
 if (mwCustomEditButtons) {
   mwCustomEditButtons[mwCustomEditButtons.length] = {
     "imageFile": "http://images.wikia.com/central/images/2/23/Button_code.png", // Image file to use
     "speedTip": "Code",
     "tagOpen": "<code>",     // What to insert before the selected text
     "tagClose": "</code>",   // What to insert after the selected text
     "sampleText": "foo"}     // Text to insert between if nothing is selected
     // tagOpen or tagClose can be null, i.e. to insert a self-closing tag like "<br />"
  }

RC hideUser[edit source]

This function has been implemented as a gadget, which you can enable on your preferences.

This pair of functions adds an input box to the options fieldset on Special:RecentChanges, below the Namespace select box. By entering a username or IP in the box and clicking "Hide", all edits made by that user/IP will be hidden on the page.

Note that this only affects the list of edits that you are currently viewing — it cannot actually interact with the wiki server to "reload" RC with that user omitted. For example, if you are showing 50 edits in RC and you hide a user who made 30 of those edits, you will have 20 entries left. To see more than that, you'll need to increase the number of edits shown on RC to begin with (if you need more than 500, you can edit the "limit=500" part of the URL; it works up to at least 1000).

Other notes:

  • Does not "remember" what you entered if you refresh RC (by doing a browser refresh or by clicking on any of the other options). It's possible that this could be fixed easily, but I haven't had the time to try anything.
  • Does not work if you are showing grouped recent changes. The syntax there is extremely messy (divs inside tables inside divs), and I didn't feel like dealing with it.
  • Pressing "Enter" while in the input box will submit the Namespace form. I found a number of code samples to solve this (by capture keypresses and returning false for the Enter key), but I couldn't get any of them to work here.

Usage[edit source]

The script is stored at Forum:Coding/Javascript/hideUser.js. To use it, add the following line to your .js file:

insertScript('Forum:Coding/Javascript/hideUser.js');
Promotional Content