Changes

Get [[wp:Greasemonkey]] ([https://addons.mozilla.org/en-US/firefox/addon/748 here]) so that you can have your browser be even more useful. You might even want to use [[http://monkey.coolspacer.com/ Super Greasemonkey]] if you like using the awesome [http://jquery.com/ JQuery] library. I'm hoping that Super Greasemonkey makes it into the official version, and that you can specify in your script which JQuery library to run (like Google's hosted JQuery scripts) making it easier to keep compatibility with the JQuery API version and also avoiding the need to bundle JQuery.

[http://phiffer.org Dan Phiffer] wrote the following Greasemonkey script that [http://userscripts.org/scripts/show/6372 turns any MediaWiki article into a slide presentation]. I changed the presentation a bit.<source lang="javascript">// ==UserScriptJavaScript Libraries ==// @name Wikipedia PresentationJQuery is included with [[Drupal]], and is also used in many other projects.// @namespace In this slideshow, you can [http://phifferslideshow.rubyforge.org/// @description Turn a Wikipedia article into a presentation// ==/UserScript==jquery.html compare JQuery with Prototype]

this.sections === [http://underscorejs.org/ Underscore.js];this.pos = 0;==

var body = document.getElementsByTagName('body')[0];this.orig_markup = body.innerHTML;var markup = body.innerHTML;var start = 0;var end = markup.indexOf('<span class="editsection"');while (end != Underscore is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-1) {start = markupin objects.indexOf('</span>', end);end = markup.indexOf('<span class="editsection"', start);if (end == -1) {end = markup.indexOf('<div class="printfooter">', start);this.sections.push(markup.substr(start, end - start));end = -1;}this.sections.push(markup.substr(startIt�s the answer to the question: �If I sit down in front of a blank HTML page, end - and want to start));}if (this.sections.length > 0) {var div = document.getElementById('bodyContent');var link = div.insertBefore(document.createElement('a'), div.firstChild);link.innerHTML = 'Start presentation';link.setAttribute('href'being productive immediately, what do I need?� � and the tie to go along with jQuery'#presentation');link.addEventListener('clicks tux and Backbone', thiss suspenders.start, false);}},

start: function() {var body = document.getElementsByTagName('body')[0];body.innerHTML = '';JavaScript Callbacks ==bodyA great explanation of what are Callbacks and how to use them: http://javascriptissexy.style.textAlign = 'center';com/understand-javascript-callback-functions-and-use-them/

var prev = body.appendChild(document.createElement('a'));prev.innerHTML = '&larr; Prev';prev.setAttribute('href', '#prev');prev.style.font JavaScript SourceMaps == '11px verdana, sans-serif';prev.addEventListener('click', function() {wikipedia_presentation.prev();}, false);Debug minified sources in FireFox or Chrome

body* [https://www.appendChild(documenthtml5rocks.createTextNode(' com/en/tutorials/developertools/sourcemaps/ tutorial]* [https://developer.mozilla.org/en-US/docs/Tools/Debugger/ '));Source_map_errors Debugging Source map errors]

var stop = body.appendChild(document.createElement('a'));stop.innerHTML = 'Exit';stop.setAttribute('href', '#exit');stop.style.font JavaScript 6 == '11px verdana, sans-serif';stop.addEventListener('click', function() { wikipedia_presentation.stop();* Basic overviews:}, false); body** [https://github.appendChild(documentcom/lukehoban/es6features https://github.createTextNode(' com/lukehoban/ ')); var next = body.appendChild(document.createElement('a'));next.innerHTML = 'Next &rarr;';next.setAttribute('href', '#next');next.style.font = '11px verdana, sans-serif';next.addEventListener('click', function() {wikipedia_presentation.next();}, false); var slide = body.appendChild(document.createElement('div'));slide.setAttribute('id', 'wikipedia_presentation');slide.style.width = '780px';slide.style.margin = '10px 10px 10px 20px';slide.style.textAlign = 'left';slide.style.font = '2em verdana, sans-serif'; slide.innerHTML = wikipedia_presentation.sections[0es6features];var items = slide.getElementsByTagName('li');for (var i = 1; i < items.length; i++) {items** [i].style.display = 'none';} document.addEventListener('keypress', wikipedia_presentation.keypress, false);}, stophttps: function() {var body = document//blog.getElementsByTagName('body')[0];bodypragmatists.innerHTML = wikipedia_presentation.orig_markup;body.style.textAlign = 'left';wikipedia_presentation.setup();document.removeEventListener('keypress', wikipedia_presentation.keypress, false);}, keypresscom/top-10-es6-features-by-example-80ac878794bb https: function(event) {if (event.keyCode == 39) {wikipedia_presentation//blog.next();} else if (eventpragmatists.keyCode == 37) {wikipedia_presentation.prev();}}, prev: function() {this.poscom/top-10-es6-features-;if (this.pos == by-1) {this.pos = this.sections.length example- 1;80ac878794bb]}* Outstanding book:var slide = document** [http://exploringjs.getElementById('wikipedia_presentation');slidecom/es6/ http://exploringjs.innerHTML = wikipedia_presentation.sections[this.poscom/es6/];}, next: function() { var slide = document* The "Can I use?".getElementById('wikipedia_presentation');var items = slide.getElementsByTagName('li'); var hidden = 0;for (var i = 0; i < items.length; i++) {if (items** [i]https://kangax.stylegithub.display == 'none') {hidden++;}} if (hidden > 0) {items[items.length io/compat- hidden]table/es6/ https://kangax.stylegithub.display = 'listio/compat-item';return;} this.pos++;if (this.pos == this.sections.length) {this.pos = 0;}slide.innerHTML = wikipedia_presentation.sections[this.postable/es6/];var items = slide.getElementsByTagName('li');for (var i = 1; i < items.length; i++) {* Sandbox:items** [i]https://es6console.style.display = 'none';} }}; wikipedia_presentationcom/ https://es6console.setup(); <com/source>]