Created
January 26, 2015 15:17
-
-
Save Delapouite/4bc4dd406a5ccfdbf9b9 to your computer and use it in GitHub Desktop.
Reveal.js plugin to make code snippet expendable
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// dblclick on a code snippet to display it (almost) fullscreen | |
// dblclick again to hide it | |
(function () { | |
"use strict"; | |
function expand (node) { | |
node.addEventListener('dblclick', function () { | |
var clone = node.cloneNode(true); | |
clone.style.bottom = 0; | |
clone.style.left = 0; | |
// avoid cropping on weird screens | |
clone.style.margin = '2em'; | |
clone.style.position = 'absolute'; | |
clone.style.right = 0; | |
clone.style.top = 0; | |
clone.style.width = 'auto'; | |
// arrows have a zIndex of 30 | |
clone.style.zIndex = 42; | |
clone.classList.add('stretch'); | |
document.querySelector('.reveal').appendChild(clone); | |
clone.addEventListener('dblclick', function() { | |
clone.remove(); | |
}); | |
}); | |
} | |
function expandAll () { | |
var nodes = document.querySelectorAll('pre'); | |
for (var i = 0, len = nodes.length; i < len; i++) { | |
expand(nodes[i]); | |
} | |
} | |
window.addEventListener("DOMContentLoaded", expandAll); | |
}()); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment