Topic on Project:Support desk/Flow

My Versions: MediaWiki: 1.16.5, PHP: 5.2.17, MySQL: 5.1.61

I added the Javscript on the following page: http://www.mediawiki.org/wiki/Manual:FAQ#How_do_I_hide_the_left_vertical_navigation_toolbar

However when I press F11 it shows the site in Fullscreen and doesn't hide the menu.

I just checked on a wiki running 1.19.0, and it does not work.

Any idea on how to get it working so that when I press F11 or another key that it hides the menu? If not possible is there any other way I can hide the menu when I want to?

The script itself is the problem. I'm not really a JS coder, so not much I can do.

$('document').ready(function() {
	$("body").keydown(function (e) {
		if (e.keyCode == 122) { //F11
		  //hide menu
		}
	});
});

But F11 might be a bad choice since it's used by the browser deafult.

KeyCodes: http://www.mediaevent.de/javascript/Extras-Javascript-Keycodes.html

Hi, do I just delete everything in the MediaWiki:Common.js file and replace it with the code you gave me? I did that and nothing happens when I press F11, it just goes full screen. I'm not really bothered what key I use as long as it works.

You don't need to remove the other stuff, just add at the end. For the Vector skin this works:

$('document').ready(function() {
        $("body").keydown(function (e) {
                if (e.keyCode == 114) { //F3 to collapse
                  $("#mw-panel").toggle();
                  $("#bodyContent").css('margin-left', '-200px');
                }
        });
        $("body").keydown(function (e) {
                if (e.keyCode == 115) { //F4 to expand
                  $("#mw-panel").toggle()
                  $("#content").css('margin-left', '');
                }
        });
});

This is not fully working. The tricky part is to move the body content to the very left and to undo all of it again. Fix yourself.

The following deals with that:

$('document').ready(function() {
        $("body").keydown(function (e) {
                if (e.keyCode == 114) { //F3 to collapse
                  $("#mw-panel").toggle();
                  $("#bodyContent").css('margin-left', '-200px');
                }
        });
        $("body").keydown(function (e) {
                if (e.keyCode == 115) { //F4 to expand
                  $("#mw-panel").toggle()
                  $("#bodyContent").css('margin-left', '0px');
                }
        });
});

However, the background is the remaining problem. It doesn't move when toggled, causing part of the text to be over the sidebar area without it's appropriate background.

Hi please upgrade from Mediawiki 16.; to Mediawiki 19.8 or higher please because Mediawiki 16.5 is now unsupported