diff --git a/demo.html b/demo.html
index 36ad224..2e96966 100644
--- a/demo.html
+++ b/demo.html
@@ -399,6 +399,7 @@ Reveal.addEventListener( 'customevent', function() {
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
+ { src: 'plugin/search/search.js', async: true },
{ src: 'plugin/zoom-js/zoom.js', async: true },
{ src: 'plugin/notes/notes.js', async: true }
]
diff --git a/plugin/search/search.js b/plugin/search/search.js
index ae6582e..28c2c5f 100644
--- a/plugin/search/search.js
+++ b/plugin/search/search.js
@@ -21,7 +21,7 @@ function Hilitor(id, tag)
var targetNode = document.getElementById(id) || document.body;
var hiliteTag = tag || "EM";
- var skipTags = new RegExp("^(?:" + hiliteTag + "|SCRIPT|FORM|SPAN)$");
+ var skipTags = new RegExp("^(?:" + hiliteTag + "|SCRIPT|FORM)$");
var colors = ["#ff6", "#a0ffff", "#9f9", "#f99", "#f6f"];
var wordColor = [];
var colorIdx = 0;
@@ -53,11 +53,11 @@ function Hilitor(id, tag)
if(node.nodeType == 3) { // NODE_TEXT
if((nv = node.nodeValue) && (regs = matchRegex.exec(nv))) {
//find the slide's section element and save it in our list of matching slides
- var secnode = node.parentNode;
- while (secnode.nodeName != 'SECTION') {
+ var secnode = node;
+ while (secnode != null && secnode.nodeName != 'SECTION') {
secnode = secnode.parentNode;
}
-
+
var slideIndex = Reveal.getIndices(secnode);
var slidelen = matchingSlides.length;
var alreadyAdded = false;
@@ -69,7 +69,7 @@ function Hilitor(id, tag)
if (! alreadyAdded) {
matchingSlides.push(slideIndex);
}
-
+
if(!wordColor[regs[0].toLowerCase()]) {
wordColor[regs[0].toLowerCase()] = colors[colorIdx++ % colors.length];
}
@@ -110,20 +110,26 @@ function Hilitor(id, tag)
function openSearch() {
//ensure the search term input dialog is visible and has focus:
+ var inputboxdiv = document.getElementById("searchinputdiv");
var inputbox = document.getElementById("searchinput");
- inputbox.style.display = "inline";
+ inputboxdiv.style.display = "inline";
inputbox.focus();
inputbox.select();
}
+ function closeSearch() {
+ var inputboxdiv = document.getElementById("searchinputdiv");
+ inputboxdiv.style.display = "none";
+ if(myHilitor) myHilitor.remove();
+ }
+
function toggleSearch() {
- var inputbox = document.getElementById("searchinput");
- if (inputbox.style.display !== "inline") {
+ var inputboxdiv = document.getElementById("searchinputdiv");
+ if (inputboxdiv.style.display !== "inline") {
openSearch();
}
else {
- inputbox.style.display = "none";
- myHilitor.remove();
+ closeSearch();
}
}
@@ -157,7 +163,8 @@ function Hilitor(id, tag)
searchElement.classList.add( 'searchdiv' );
searchElement.style.position = 'absolute';
searchElement.style.top = '10px';
- searchElement.style.left = '10px';
+ searchElement.style.right = '10px';
+ searchElement.style.zIndex = 10;
//embedded base64 search icon Designed by Sketchdock - http://www.sketchdock.com/:
searchElement.innerHTML = '';
dom.wrapper.appendChild( searchElement );
@@ -179,18 +186,12 @@ function Hilitor(id, tag)
}
}, false );
- // Open the search when the 's' key is hit (yes, this conflicts with the notes plugin, disabling for now)
- /*
document.addEventListener( 'keydown', function( event ) {
- // Disregard the event if the target is editable or a
- // modifier is present
- if ( document.querySelector( ':focus' ) !== null || event.shiftKey || event.altKey || event.ctrlKey || event.metaKey ) return;
-
- if( event.keyCode === 83 ) {
+ if( event.key == "F" && (event.ctrlKey || event.metaKey) ) {//Control+Shift+f
event.preventDefault();
- openSearch();
+ toggleSearch();
}
}, false );
-*/
+ closeSearch();
return { open: openSearch };
})();