|
|
| Line 3: |
Line 3: |
| * [[MediaWiki/js]] talks about using JavaScript in MediaWiki | | * [[MediaWiki/js]] talks about using JavaScript in MediaWiki |
| * User Scripts are JavaScripts that you insert into your web browser such as Greasemonkey scripts. Userscripts.org is the open source repository of Grease Monkey scripts. | | * User Scripts are JavaScripts that you insert into your web browser such as Greasemonkey scripts. Userscripts.org is the open source repository of Grease Monkey scripts. |
| | | * [[MediaWiki/Presentation]] describes methods to produce presentations from your wiki |
| [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">
| |
| // ==UserScript==
| |
| // @name Wikipedia Presentation
| |
| // @namespace http://phiffer.org/
| |
| // @description Turn a Wikipedia article into a presentation
| |
| // ==/UserScript==
| |
| | |
| var wikipedia_presentation = {
| |
| setup: function() {
| |
| | |
| this.sections = [];
| |
| 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 != -1) {
| |
| start = markup.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(start, end - 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', '#presentation');
| |
| link.addEventListener('click', this.start, false);
| |
| }
| |
| },
| |
| | |
| start: function() {
| |
| var body = document.getElementsByTagName('body')[0];
| |
| body.innerHTML = '';
| |
| body.style.textAlign = 'center';
| |
| | |
| var prev = body.appendChild(document.createElement('a'));
| |
| prev.innerHTML = '← Prev';
| |
| prev.setAttribute('href', '#prev');
| |
| prev.style.font = '11px verdana, sans-serif';
| |
| prev.addEventListener('click', function() {
| |
| wikipedia_presentation.prev();
| |
| }, false);
| |
| | |
| body.appendChild(document.createTextNode(' / '));
| |
| | |
| var stop = body.appendChild(document.createElement('a'));
| |
| stop.innerHTML = 'Exit';
| |
| stop.setAttribute('href', '#exit');
| |
| stop.style.font = '11px verdana, sans-serif';
| |
| stop.addEventListener('click', function() {
| |
| wikipedia_presentation.stop();
| |
| }, false);
| |
| | |
| body.appendChild(document.createTextNode(' / '));
| |
| | |
| var next = body.appendChild(document.createElement('a'));
| |
| next.innerHTML = 'Next →';
| |
| 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[0];
| |
| 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);
| |
| },
| |
| | |
| stop: function() {
| |
| var body = document.getElementsByTagName('body')[0];
| |
| body.innerHTML = wikipedia_presentation.orig_markup;
| |
| body.style.textAlign = 'left';
| |
| wikipedia_presentation.setup();
| |
| document.removeEventListener('keypress', wikipedia_presentation.keypress, false);
| |
| },
| |
| | |
| keypress: function(event) {
| |
| if (event.keyCode == 39) {
| |
| wikipedia_presentation.next();
| |
| } else if (event.keyCode == 37) {
| |
| wikipedia_presentation.prev();
| |
| }
| |
| },
| |
| | |
| prev: function() {
| |
| this.pos--;
| |
| if (this.pos == -1) {
| |
| this.pos = this.sections.length - 1;
| |
| }
| |
| var slide = document.getElementById('wikipedia_presentation');
| |
| slide.innerHTML = wikipedia_presentation.sections[this.pos];
| |
| },
| |
| | |
| next: function() {
| |
| | |
| var slide = document.getElementById('wikipedia_presentation');
| |
| var items = slide.getElementsByTagName('li');
| |
| | |
| var hidden = 0;
| |
| for (var i = 0; i < items.length; i++) {
| |
| if (items[i].style.display == 'none') {
| |
| hidden++;
| |
| }
| |
| }
| |
| | |
| if (hidden > 0) {
| |
| items[items.length - hidden].style.display = 'list-item';
| |
| return;
| |
| }
| |
| | |
| this.pos++;
| |
| if (this.pos == this.sections.length) {
| |
| this.pos = 0;
| |
| }
| |
| slide.innerHTML = wikipedia_presentation.sections[this.pos];
| |
| var items = slide.getElementsByTagName('li');
| |
| for (var i = 1; i < items.length; i++) {
| |
| items[i].style.display = 'none';
| |
| }
| |
| | |
| }
| |
| };
| |
| | |
| wikipedia_presentation.setup();
| |
| | |
| </source>
| |
|
| |
|
| [[Category:JavaScript]] | | [[Category:JavaScript]] |
| [[Category:Wiki]] | | [[Category:Wiki]] |
