PageRenderTime 60ms CodeModel.GetById 19ms app.highlight 34ms RepoModel.GetById 1ms app.codeStats 0ms

/www/tags/NOV_07_2009/htdocs/ruby/slides/02005/euruko/ui/slides.js

#
JavaScript | 552 lines | 511 code | 35 blank | 6 comment | 206 complexity | de1ff18e37b1b6c08b080ad20e1f3d0d MD5 | raw file
  1// S5 v1.1 slides.js -- released under CC by-sa 2.0 license
  2//
  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!
  5
  6var undef;
  7var slideCSS = '';
  8var snum = 0;
  9var smax = 1;
 10var incpos = 0;
 11var number = undef;
 12var s5mode = true;
 13var defaultView = 'slideshow';
 14var controlVis = 'visible';
 15
 16var isIE = navigator.appName == 'Microsoft Internet Explorer' ? 1 : 0;
 17var isOp = navigator.userAgent.indexOf('Opera') > -1 ? 1 : 0;
 18var isGe = navigator.userAgent.indexOf('Gecko') > -1 && navigator.userAgent.indexOf('Safari') < 1 ? 1 : 0;
 19
 20function hasClass(object, className) {
 21	if (!object.className) return false;
 22	return (object.className.search('(^|\\s)' + className + '(\\s|$)') != -1);
 23}
 24
 25function hasValue(object, value) {
 26	if (!object) return false;
 27	return (object.search('(^|\\s)' + value + '(\\s|$)') != -1);
 28}
 29
 30function removeClass(object,className) {
 31	if (!object) return;
 32	object.className = object.className.replace(new RegExp('(^|\\s)'+className+'(\\s|$)'), RegExp.$1+RegExp.$2);
 33}
 34
 35function addClass(object,className) {
 36	if (!object || hasClass(object, className)) return;
 37	if (object.className) {
 38		object.className += ' '+className;
 39	} else {
 40		object.className = className;
 41	}
 42}
 43
 44function GetElementsWithClassName(elementName,className) {
 45	var allElements = document.getElementsByTagName(elementName);
 46	var elemColl = new Array();
 47	for (var i = 0; i< allElements.length; i++) {
 48		if (hasClass(allElements[i], className)) {
 49			elemColl[elemColl.length] = allElements[i];
 50		}
 51	}
 52	return elemColl;
 53}
 54
 55function isParentOrSelf(element, id) {
 56	if (element == null || element.nodeName=='BODY') return false;
 57	else if (element.id == id) return true;
 58	else return isParentOrSelf(element.parentNode, id);
 59}
 60
 61function nodeValue(node) {
 62	var result = "";
 63	if (node.nodeType == 1) {
 64		var children = node.childNodes;
 65		for (var i = 0; i < children.length; ++i) {
 66			result += nodeValue(children[i]);
 67		}		
 68	}
 69	else if (node.nodeType == 3) {
 70		result = node.nodeValue;
 71	}
 72	return(result);
 73}
 74
 75function slideLabel() {
 76	var slideColl = GetElementsWithClassName('*','slide');
 77	var list = document.getElementById('jumplist');
 78	smax = slideColl.length;
 79	for (var n = 0; n < smax; n++) {
 80		var obj = slideColl[n];
 81
 82		var did = 'slide' + n.toString();
 83		obj.setAttribute('id',did);
 84		if (isOp) continue;
 85
 86		var otext = '';
 87		var menu = obj.firstChild;
 88		if (!menu) continue; // to cope with empty slides
 89		while (menu && menu.nodeType == 3) {
 90			menu = menu.nextSibling;
 91		}
 92	 	if (!menu) continue; // to cope with slides with only text nodes
 93
 94		var menunodes = menu.childNodes;
 95		for (var o = 0; o < menunodes.length; o++) {
 96			otext += nodeValue(menunodes[o]);
 97		}
 98		list.options[list.length] = new Option(n + ' : '  + otext, n);
 99	}
100}
101
102function currentSlide() {
103	var cs;
104	if (document.getElementById) {
105		cs = document.getElementById('currentSlide');
106	} else {
107		cs = document.currentSlide;
108	}
109	cs.innerHTML = '<span id="csHere">' + snum + '<\/span> ' + 
110		'<span id="csSep">\/<\/span> ' + 
111		'<span id="csTotal">' + (smax-1) + '<\/span>';
112	if (snum == 0) {
113		cs.style.visibility = 'hidden';
114	} else {
115		cs.style.visibility = 'visible';
116	}
117}
118
119function go(step) {
120	if (document.getElementById('slideProj').disabled || step == 0) return;
121	var jl = document.getElementById('jumplist');
122	var cid = 'slide' + snum;
123	var ce = document.getElementById(cid);
124	if (incrementals[snum].length > 0) {
125		for (var i = 0; i < incrementals[snum].length; i++) {
126			removeClass(incrementals[snum][i], 'current');
127			removeClass(incrementals[snum][i], 'incremental');
128		}
129	}
130	if (step != 'j') {
131		snum += step;
132		lmax = smax - 1;
133		if (snum > lmax) snum = lmax;
134		if (snum < 0) snum = 0;
135	} else
136		snum = parseInt(jl.value);
137	var nid = 'slide' + snum;
138	var ne = document.getElementById(nid);
139	if (!ne) {
140		ne = document.getElementById('slide0');
141		snum = 0;
142	}
143	if (step < 0) {incpos = incrementals[snum].length} else {incpos = 0;}
144	if (incrementals[snum].length > 0 && incpos == 0) {
145		for (var i = 0; i < incrementals[snum].length; i++) {
146			if (hasClass(incrementals[snum][i], 'current'))
147				incpos = i + 1;
148			else
149				addClass(incrementals[snum][i], 'incremental');
150		}
151	}
152	if (incrementals[snum].length > 0 && incpos > 0)
153		addClass(incrementals[snum][incpos - 1], 'current');
154	ce.style.visibility = 'hidden';
155	ne.style.visibility = 'visible';
156	jl.selectedIndex = snum;
157	currentSlide();
158	number = 0;
159}
160
161function goTo(target) {
162	if (target >= smax || target == snum) return;
163	go(target - snum);
164}
165
166function subgo(step) {
167	if (step > 0) {
168		removeClass(incrementals[snum][incpos - 1],'current');
169		removeClass(incrementals[snum][incpos], 'incremental');
170		addClass(incrementals[snum][incpos],'current');
171		incpos++;
172	} else {
173		incpos--;
174		removeClass(incrementals[snum][incpos],'current');
175		addClass(incrementals[snum][incpos], 'incremental');
176		addClass(incrementals[snum][incpos - 1],'current');
177	}
178}
179
180function toggle() {
181	var slideColl = GetElementsWithClassName('*','slide');
182	var slides = document.getElementById('slideProj');
183	var outline = document.getElementById('outlineStyle');
184	if (!slides.disabled) {
185		slides.disabled = true;
186		outline.disabled = false;
187		s5mode = false;
188		fontSize('1em');
189		for (var n = 0; n < smax; n++) {
190			var slide = slideColl[n];
191			slide.style.visibility = 'visible';
192		}
193	} else {
194		slides.disabled = false;
195		outline.disabled = true;
196		s5mode = true;
197		fontScale();
198		for (var n = 0; n < smax; n++) {
199			var slide = slideColl[n];
200			slide.style.visibility = 'hidden';
201		}
202		slideColl[snum].style.visibility = 'visible';
203	}
204}
205
206function showHide(action) {
207	var obj = GetElementsWithClassName('*','hideme')[0];
208	switch (action) {
209	case 's': obj.style.visibility = 'visible'; break;
210	case 'h': obj.style.visibility = 'hidden'; break;
211	case 'k':
212		if (obj.style.visibility != 'visible') {
213			obj.style.visibility = 'visible';
214		} else {
215			obj.style.visibility = 'hidden';
216		}
217	break;
218	}
219}
220
221// 'keys' code adapted from MozPoint (http://mozpoint.mozdev.org/)
222function keys(key) {
223	if (!key) {
224		key = event;
225		key.which = key.keyCode;
226	}
227	if (key.which == 84) {
228		toggle();
229		return;
230	}
231	if (s5mode) {
232		switch (key.which) {
233			case 10: // return
234			case 13: // enter
235				if (window.event && isParentOrSelf(window.event.srcElement, 'controls')) return;
236				if (key.target && isParentOrSelf(key.target, 'controls')) return;
237				if(number != undef) {
238					goTo(number);
239					break;
240				}
241			case 32: // spacebar
242			case 34: // page down
243			case 39: // rightkey
244			case 40: // downkey
245				if(number != undef) {
246					go(number);
247				} else if (!incrementals[snum] || incpos >= incrementals[snum].length) {
248					go(1);
249				} else {
250					subgo(1);
251				}
252				break;
253			case 33: // page up
254			case 37: // leftkey
255			case 38: // upkey
256				if(number != undef) {
257					go(-1 * number);
258				} else if (!incrementals[snum] || incpos <= 0) {
259					go(-1);
260				} else {
261					subgo(-1);
262				}
263				break;
264			case 36: // home
265				goTo(0);
266				break;
267			case 35: // end
268				goTo(smax-1);
269				break;
270			case 67: // c
271				showHide('k');
272				break;
273		}
274		if (key.which < 48 || key.which > 57) {
275			number = undef;
276		} else {
277			if (window.event && isParentOrSelf(window.event.srcElement, 'controls')) return;
278			if (key.target && isParentOrSelf(key.target, 'controls')) return;
279			number = (((number != undef) ? number : 0) * 10) + (key.which - 48);
280		}
281	}
282	return false;
283}
284
285function clicker(e) {
286	number = undef;
287	var target;
288	if (window.event) {
289		target = window.event.srcElement;
290		e = window.event;
291	} else target = e.target;
292	if (target.getAttribute('href') != null || hasValue(target.rel, 'external') || isParentOrSelf(target, 'controls') || isParentOrSelf(target,'embed') || isParentOrSelf(target,'object')) return true;
293	if (!e.which || e.which == 1) {
294		if (!incrementals[snum] || incpos >= incrementals[snum].length) {
295			go(1);
296		} else {
297			subgo(1);
298		}
299	}
300}
301
302function findSlide(hash) {
303	var target = null;
304	var slides = GetElementsWithClassName('*','slide');
305	for (var i = 0; i < slides.length; i++) {
306		var targetSlide = slides[i];
307		if ( (targetSlide.name && targetSlide.name == hash)
308		 || (targetSlide.id && targetSlide.id == hash) ) {
309			target = targetSlide;
310			break;
311		}
312	}
313	while(target != null && target.nodeName != 'BODY') {
314		if (hasClass(target, 'slide')) {
315			return parseInt(target.id.slice(5));
316		}
317		target = target.parentNode;
318	}
319	return null;
320}
321
322function slideJump() {
323	if (window.location.hash == null) return;
324	var sregex = /^#slide(\d+)$/;
325	var matches = sregex.exec(window.location.hash);
326	var dest = null;
327	if (matches != null) {
328		dest = parseInt(matches[1]);
329	} else {
330		dest = findSlide(window.location.hash.slice(1));
331	}
332	if (dest != null)
333		go(dest - snum);
334}
335
336function fixLinks() {
337	var thisUri = window.location.href;
338	thisUri = thisUri.slice(0, thisUri.length - window.location.hash.length);
339	var aelements = document.getElementsByTagName('A');
340	for (var i = 0; i < aelements.length; i++) {
341		var a = aelements[i].href;
342		var slideID = a.match('\#slide[0-9]{1,2}');
343		if ((slideID) && (slideID[0].slice(0,1) == '#')) {
344			var dest = findSlide(slideID[0].slice(1));
345			if (dest != null) {
346				if (aelements[i].addEventListener) {
347					aelements[i].addEventListener("click", new Function("e",
348						"if (document.getElementById('slideProj').disabled) return;" +
349						"go("+dest+" - snum); " +
350						"if (e.preventDefault) e.preventDefault();"), true);
351				} else if (aelements[i].attachEvent) {
352					aelements[i].attachEvent("onclick", new Function("",
353						"if (document.getElementById('slideProj').disabled) return;" +
354						"go("+dest+" - snum); " +
355						"event.returnValue = false;"));
356				}
357			}
358		}
359	}
360}
361
362function externalLinks() {
363	if (!document.getElementsByTagName) return;
364	var anchors = document.getElementsByTagName('a');
365	for (var i=0; i<anchors.length; i++) {
366		var anchor = anchors[i];
367		if (anchor.getAttribute('href') && hasValue(anchor.rel, 'external')) {
368			anchor.target = '_blank';
369			addClass(anchor,'external');
370		}
371	}
372}
373
374function createControls() {
375	var controlsDiv = document.getElementById("controls");
376	if (!controlsDiv) return;
377	var hider = ' onmouseover="showHide(\'s\');" onmouseout="showHide(\'h\');"';
378	var hideDiv, hideList = '';
379	if (controlVis == 'hidden') {
380		hideDiv = hider;
381	} else {
382		hideList = hider;
383	}
384	controlsDiv.innerHTML = '<form action="#" id="controlForm"' + hideDiv + '>' +
385	'<div id="navLinks">' +
386	'<a accesskey="t" id="toggle" href="javascript:toggle();">&#216;<\/a>' +
387	'<a accesskey="z" id="prev" href="javascript:go(-1);">&laquo;<\/a>' +
388	'<a accesskey="x" id="next" href="javascript:go(1);">&raquo;<\/a>' +
389	'<div id="navList"' + hideList + '><select id="jumplist" onchange="go(\'j\');"><\/select><\/div>' +
390	'<\/div><\/form>';
391	if (controlVis == 'hidden') {
392		var hidden = document.getElementById('navLinks');
393	} else {
394		var hidden = document.getElementById('jumplist');
395	}
396	addClass(hidden,'hideme');
397}
398
399function fontScale() {  // causes layout problems in FireFox that get fixed if browser's Reload is used; same may be true of other Gecko-based browsers
400	if (!s5mode) return false;
401	var vScale = 22;  // both yield 32 (after rounding) at 1024x768
402	var hScale = 32;  // perhaps should auto-calculate based on theme's declared value?
403	if (window.innerHeight) {
404		var vSize = window.innerHeight;
405		var hSize = window.innerWidth;
406	} else if (document.documentElement.clientHeight) {
407		var vSize = document.documentElement.clientHeight;
408		var hSize = document.documentElement.clientWidth;
409	} else if (document.body.clientHeight) {
410		var vSize = document.body.clientHeight;
411		var hSize = document.body.clientWidth;
412	} else {
413		var vSize = 700;  // assuming 1024x768, minus chrome and such
414		var hSize = 1024; // these do not account for kiosk mode or Opera Show
415	}
416	var newSize = Math.min(Math.round(vSize/vScale),Math.round(hSize/hScale));
417	fontSize(newSize + 'px');
418	if (isGe) {  // hack to counter incremental reflow bugs
419		var obj = document.getElementsByTagName('body')[0];
420		obj.style.display = 'none';
421		obj.style.display = 'block';
422	}
423}
424
425function fontSize(value) {
426	if (!(s5ss = document.getElementById('s5ss'))) {
427		if (!isIE) {
428			document.getElementsByTagName('head')[0].appendChild(s5ss = document.createElement('style'));
429			s5ss.setAttribute('media','screen, projection');
430			s5ss.setAttribute('id','s5ss');
431		} else {
432			document.createStyleSheet();
433			document.s5ss = document.styleSheets[document.styleSheets.length - 1];
434		}
435	}
436	if (!isIE) {
437		while (s5ss.lastChild) s5ss.removeChild(s5ss.lastChild);
438		s5ss.appendChild(document.createTextNode('body {font-size: ' + value + ' !important;}'));
439	} else {
440		document.s5ss.addRule('body','font-size: ' + value + ' !important;');
441	}
442}
443
444function notOperaFix() {
445	slideCSS = document.getElementById('slideProj').href;
446	var slides = document.getElementById('slideProj');
447	var outline = document.getElementById('outlineStyle');
448	slides.setAttribute('media','screen');
449	outline.disabled = true;
450	if (isGe) {
451		slides.setAttribute('href','null');   // Gecko fix
452		slides.setAttribute('href',slideCSS); // Gecko fix
453	}
454	if (isIE && document.styleSheets && document.styleSheets[0]) {
455		document.styleSheets[0].addRule('img', 'behavior: url(v11rc1/default/iepngfix.htc)');
456		document.styleSheets[0].addRule('div', 'behavior: url(v11rc1/default/iepngfix.htc)');
457		document.styleSheets[0].addRule('.slide', 'behavior: url(v11rc1/default/iepngfix.htc)');
458	}
459}
460
461function getIncrementals(obj) {
462	var incrementals = new Array();
463	if (!obj) 
464		return incrementals;
465	var children = obj.childNodes;
466	for (var i = 0; i < children.length; i++) {
467		var child = children[i];
468		if (hasClass(child, 'incremental')) {
469			if (child.nodeName == 'OL' || child.nodeName == 'UL') {
470				removeClass(child, 'incremental');
471				for (var j = 0; j < child.childNodes.length; j++) {
472					if (child.childNodes[j].nodeType == 1) {
473						addClass(child.childNodes[j], 'incremental');
474					}
475				}
476			} else {
477				incrementals[incrementals.length] = child;
478				removeClass(child,'incremental');
479			}
480		}
481		if (hasClass(child, 'show-first')) {
482			if (child.nodeName == 'OL' || child.nodeName == 'UL') {
483				removeClass(child, 'show-first');
484				if (child.childNodes[isGe].nodeType == 1) {
485					removeClass(child.childNodes[isGe], 'incremental');
486				}
487			} else {
488				incrementals[incrementals.length] = child;
489			}
490		}
491		incrementals = incrementals.concat(getIncrementals(child));
492	}
493	return incrementals;
494}
495
496function createIncrementals() {
497	var incrementals = new Array();
498	for (var i = 0; i < smax; i++) {
499		incrementals[i] = getIncrementals(document.getElementById('slide'+i));
500	}
501	return incrementals;
502}
503
504function defaultCheck() {
505	var allMetas = document.getElementsByTagName('meta');
506	for (var i = 0; i< allMetas.length; i++) {
507		if (allMetas[i].name == 'defaultView') {
508			defaultView = allMetas[i].content;
509		}
510		if (allMetas[i].name == 'controlVis') {
511			controlVis = allMetas[i].content;
512		}
513	}
514}
515
516// Key trap fix, new function body for trap()
517function trap(e) {
518	if (!e) {
519		e = event;
520		e.which = e.keyCode;
521	}
522	try {
523		modifierKey = e.ctrlKey || e.altKey || e.metaKey;
524	}
525	catch(e) {
526		modifierKey = false;
527	}
528	return modifierKey || e.which == 0;
529}
530
531function startup() {
532	defaultCheck();
533	if (!isOp) createControls();
534	slideLabel();
535	fixLinks();
536	externalLinks();
537	fontScale();
538	if (!isOp) {
539		notOperaFix();
540		incrementals = createIncrementals();
541		slideJump();
542		if (defaultView == 'outline') {
543			toggle();
544		}
545		document.onkeyup = keys;
546		document.onkeypress = trap;
547		document.onclick = clicker;
548	}
549}
550
551window.onload = startup;
552window.onresize = function(){setTimeout('fontScale()', 50);}