MediaWiki:Gadget-oswf-core.js

From RuneRealm Wiki

This is the current revision of this page, as edited by Alex (talk | contribs) at 02:02, 13 October 2024 (Created page with "var showText = 'Get started with this task', hideText = 'Hide additional info', showTitle = 'Show the guidance for this task', hideTitle = 'Hide the guidance for this task'; function init() { $('.oswf-guidance').each(function(i,e){ var $this = $(e), $content, toggleButton, showing = false; $content = $('<div>').append($this.contents()); $content.hide(); toggleButton = new OO.ui.ButtonWidget({ icon: 'expand', title: showTitle, label: showTex..."). The present address (URL) is a permanent link to this version.

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

After saving, you may need to bypass your browser's cache to see the changes. For further information, see Wikipedia:Bypass your cache.

  • In most Windows and Linux browsers: Hold down Ctrl and press F5.
  • In Safari: Hold down ⇧ Shift and click the Reload button.
  • In Chrome and Firefox for Mac: Hold down both ⌘ Cmd+⇧ Shift and press R.
var showText = 'Get started with this task',
hideText = 'Hide additional info',
showTitle = 'Show the guidance for this task',
hideTitle = 'Hide the guidance for this task';

function init() {
	$('.oswf-guidance').each(function(i,e){
		var $this = $(e),
		$content,
		toggleButton,
		showing = false;
		
		$content = $('<div>').append($this.contents());
		$content.hide();
		
		toggleButton = new OO.ui.ButtonWidget({
			icon: 'expand',
			title: showTitle,
			label: showText,
			flags: ['primary', 'progressive']
		});
		
		toggleButton.on('click', function(){
			showing = !showing;
			if (showing) {
				toggleButton.setIcon('collapse').setTitle(hideTitle).setLabel(hideText);
				
			} else {
				toggleButton.setIcon('expand').setTitle(showTitle).setLabel(showText);
			}
			$content.toggle();
		});
		
		$this.append(toggleButton.$element).append($content);
	});
	
}
$(init);