1 // S5 slides.js -- released under CC by-sa 2.0 license
3 // Please see http://www.meyerweb.com/eric/tools/s5/credits.html for information
4 // about all the wonderful and talented contributors to this code!
10 var isIE = navigator.appName == 'Microsoft Internet Explorer' ? 1 : 0;
11 var isOp = navigator.userAgent.indexOf('Opera') > -1 ? 1 : 0;
12 var isGe = navigator.userAgent.indexOf('Gecko') > -1 && navigator.userAgent.indexOf('Safari') < 1 ? 1 : 0;
13 var slideCSS = document.getElementById('slideProj').href;
15 function isClass(object, className) {
16 return (object.className.search('(^|\\s)' + className + '(\\s|$)') != -1);
19 function GetElementsWithClassName(elementName,className) {
20 var allElements = document.getElementsByTagName(elementName);
21 var elemColl = new Array();
22 for (i = 0; i< allElements.length; i++) {
23 if (isClass(allElements[i], className)) {
24 elemColl[elemColl.length] = allElements[i];
30 function isParentOrSelf(element, id) {
31 if (element == null || element.nodeName=='BODY') return false;
32 else if (element.id == id) return true;
33 else return isParentOrSelf(element.parentNode, id);
36 function nodeValue(node) {
38 if (node.nodeType == 1) {
39 var children = node.childNodes;
40 for ( i = 0; i < children.length; ++i ) {
41 result += nodeValue(children[i]);
44 else if (node.nodeType == 3) {
45 result = node.nodeValue;
50 function slideLabel() {
51 var slideColl = GetElementsWithClassName('div','slide');
52 var list = document.getElementById('jumplist');
53 smax = slideColl.length;
54 for (n = 0; n < smax; n++) {
55 var obj = slideColl[n];
57 var did = 'slide' + n.toString();
58 obj.setAttribute('id',did);
62 var menu = obj.firstChild;
63 if (!menu) continue; // to cope with empty slides
64 while (menu && menu.nodeType == 3) {
65 menu = menu.nextSibling;
67 if (!menu) continue; // to cope with slides with only text nodes
69 var menunodes = menu.childNodes;
70 for (o = 0; o < menunodes.length; o++) {
71 otext += nodeValue(menunodes[o]);
73 list.options[list.length] = new Option(n+' : ' +otext,n);
77 function currentSlide() {
79 if (document.getElementById) {
80 cs = document.getElementById('currentSlide');
82 cs = document.currentSlide;
84 cs.innerHTML = '<span id="csHere">' + snum + '<\/span> ' +
85 '<span id="csSep">\/<\/span> ' +
86 '<span id="csTotal">' + (smax-1) + '<\/span>';
88 cs.style.visibility = 'hidden';
90 cs.style.visibility = 'visible';
95 if (document.getElementById("slideProj").disabled) return;
96 var cid = 'slide' + snum;
100 if (snum > lmax) snum = 0;
101 if (snum < 0) snum = lmax;
103 snum = parseInt(document.getElementById('jumplist').value);
105 var nid = 'slide' + snum;
106 var ne = document.getElementById(nid);
108 ne = document.getElementById('slide0');
111 document.getElementById(cid).style.visibility = 'hidden';
112 ne.style.visibility = 'visible';
113 document.getElementById('jumplist').selectedIndex = snum;
118 var slideColl = GetElementsWithClassName('div','slide');
119 var obj = document.getElementById('slideProj');
122 for (n = 0; n < smax; n++) {
123 var slide = slideColl[n];
124 slide.style.visibility = 'visible';
127 obj.disabled = false;
128 for (n = 0; n < smax; n++) {
129 var slide = slideColl[n];
130 slide.style.visibility = 'hidden';
132 slideColl[snum].style.visibility = 'visible';
136 function showHide(action) {
137 var obj = document.getElementById('jumplist');
139 case 's': obj.style.visibility = 'visible'; break;
140 case 'h': obj.style.visibility = 'hidden'; break;
142 if (obj.style.visibility != 'visible') {
143 obj.style.visibility = 'visible';
145 obj.style.visibility = 'hidden';
151 // 'keys' code adapted from MozPoint (http://mozpoint.mozdev.org/)
155 key.which = key.keyCode;
160 if (window.event && isParentOrSelf(window.event.srcElement, "controls")) return;
161 if (key.target && isParentOrSelf(key.target, "controls")) return;
163 case 34: // page down
182 function clicker(e) {
185 target = window.event.srcElement;
187 } else target = e.target;
188 if (target.href != null || isParentOrSelf(target, 'controls')) return true;
189 if (!e.which || e.which == 1) go(1);
192 function slideJump() {
193 if (window.location.hash == null) return;
194 var sregex = /^#slide(\d+)$/;
195 var matches = sregex.exec(window.location.hash);
197 if (matches != null) {
198 dest = parseInt(matches[1]);
200 var target = window.location.hash.slice(1);
201 var targetElement = null;
202 var aelements = document.getElementsByTagName("a");
203 for (i = 0; i < aelements.length; i++) {
204 var aelement = aelements[i];
205 if ( (aelement.name && aelement.name == target)
206 || (aelement.id && aelement.id == target) ) {
207 targetElement = aelement;
211 while(targetElement != null && targetElement.nodeName != "body") {
212 if (targetElement.className == "slide") break;
213 targetElement = targetElement.parentNode;
215 if (targetElement != null && targetElement.className == "slide") {
216 dest = parseInt(targetElement.id.slice(1));
223 function createControls() {
224 controlsDiv = document.getElementById("controls");
225 if (!controlsDiv) return;
226 controlsDiv.innerHTML = '<form action="#" id="controlForm">' +
228 '<a accesskey="t" id="toggle" href="javascript:toggle();">Ø<\/a>' +
229 '<a accesskey="z" id="prev" href="javascript:go(-1);">«<\/a>' +
230 '<a accesskey="x" id="next" href="javascript:go(1);">»<\/a>' +
232 '<div onmouseover="showHide(\'s\');" onmouseout="showHide(\'h\');"><select id="jumplist" onchange="go(\'j\');"><\/select><\/div>' +
236 function notOperaFix() {
237 var obj = document.getElementById('slideProj');
238 obj.setAttribute('media','screen');
240 obj.setAttribute('href','null'); // Gecko fix
241 obj.setAttribute('href',slideCSS); // Gecko fix
246 if (!isOp) createControls();
251 document.onkeyup = keys;
252 document.onclick = clicker;
256 window.onload = startup;