mirror of
https://github.com/golang/go
synced 2024-11-12 08:50:22 -07:00
2773 lines
62 KiB
JavaScript
2773 lines
62 KiB
JavaScript
|
/* http://www.w3.org/Talks/Tools/Slidy/slidy.js
|
|||
|
|
|
|||
|
|
Copyright (c) 2005 W3C (MIT, ERCIM, Keio), All Rights Reserved.
|
|||
|
|
W3C liability, trademark, document use and software licensing
|
|||
|
|
rules apply, see:
|
|||
|
|
|
|||
|
|
http://www.w3.org/Consortium/Legal/copyright-documents
|
|||
|
|
http://www.w3.org/Consortium/Legal/copyright-software
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
var ns_pos = (typeof window.pageYOffset!='undefined');
|
|||
|
|
var khtml = ((navigator.userAgent).indexOf("KHTML") >= 0 ? true : false);
|
|||
|
|
var opera = ((navigator.userAgent).indexOf("Opera") >= 0 ? true : false);
|
|||
|
|
var ie7 = (!ns_pos && navigator.userAgent.indexOf("MSIE 7") != -1);
|
|||
|
|
|
|||
|
|
window.onload = startup; // equivalent to onload on body element
|
|||
|
|
|
|||
|
|
// IE only event handlers to ensure all slides are printed
|
|||
|
|
// I don't yet know how to emulate these for other browsers
|
|||
|
|
window.onbeforeprint = beforePrint;
|
|||
|
|
window.onafterprint = afterPrint;
|
|||
|
|
|
|||
|
|
// hack to hide slides while loading
|
|||
|
|
setTimeout(hideAll, 50);
|
|||
|
|
|
|||
|
|
function hideAll()
|
|||
|
|
{
|
|||
|
|
if (document.body)
|
|||
|
|
document.body.style.visibility = "hidden";
|
|||
|
|
else
|
|||
|
|
setTimeout(hideAll, 50);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var slidenum = 0; // integer slide count: 0, 1, 2, ...
|
|||
|
|
var slides; // set to array of slide div's
|
|||
|
|
var slideNumElement; // element containing slide number
|
|||
|
|
var notes; // set to array of handout div's
|
|||
|
|
var backgrounds; // set to array of background div's
|
|||
|
|
var toolbar; // element containing toolbar
|
|||
|
|
var title; // document title
|
|||
|
|
var lastShown = null; // last incrementally shown item
|
|||
|
|
var eos = null; // span element for end of slide indicator
|
|||
|
|
var toc = null; // table of contents
|
|||
|
|
var outline = null; // outline element with the focus
|
|||
|
|
var selectedTextLen; // length of drag selection on document
|
|||
|
|
|
|||
|
|
var viewAll = 0; // 1 to view all slides + handouts
|
|||
|
|
var wantToolbar = 1; // 0 if toolbar isn't wanted
|
|||
|
|
var mouseClickEnabled = true; // enables left click for next slide
|
|||
|
|
var scrollhack = 0; // IE work around for position: fixed
|
|||
|
|
|
|||
|
|
var helpAnchor; // used for keyboard focus hack in showToolbar()
|
|||
|
|
var helpPage = "http://www.w3.org/Talks/Tools/Slidy/help.html";
|
|||
|
|
var helpText = "Navigate with mouse click, space bar, Cursor Left/Right, " +
|
|||
|
|
"or Pg Up and Pg Dn. Use S and B to change font size.";
|
|||
|
|
|
|||
|
|
var sizeIndex = 0;
|
|||
|
|
var sizeAdjustment = 0;
|
|||
|
|
var sizes = new Array("10pt", "12pt", "14pt", "16pt", "18pt", "20pt",
|
|||
|
|
"22pt", "24pt", "26pt", "28pt", "30pt", "32pt");
|
|||
|
|
|
|||
|
|
var okayForIncremental = incrementalElementList();
|
|||
|
|
|
|||
|
|
// needed for efficient resizing
|
|||
|
|
var lastWidth = 0;
|
|||
|
|
var lastHeight = 0;
|
|||
|
|
|
|||
|
|
// Needed for cross browser support for relative width/height on
|
|||
|
|
// object elements. The work around is to save width/height attributes
|
|||
|
|
// and then to recompute absolute width/height dimensions on resizing
|
|||
|
|
var objects;
|
|||
|
|
|
|||
|
|
// updated to language specified by html file
|
|||
|
|
var lang = "en";
|
|||
|
|
|
|||
|
|
//var localize = {};
|
|||
|
|
|
|||
|
|
// for each language there is an associative array
|
|||
|
|
var strings_es = {
|
|||
|
|
"slide":"pág.",
|
|||
|
|
"help?":"Ayuda",
|
|||
|
|
"contents?":"Índice",
|
|||
|
|
"table of contents":"tabla de contenidos",
|
|||
|
|
"Table of Contents":"Tabla de Contenidos",
|
|||
|
|
"restart presentation":"Reiniciar presentación",
|
|||
|
|
"restart?":"Inicio"
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
strings_es[helpText] =
|
|||
|
|
"Utilice el ratón, barra espaciadora, teclas Izda/Dhca, " +
|
|||
|
|
"o Re pág y Av pág. Use S y B para cambiar el tamaño de fuente.";
|
|||
|
|
|
|||
|
|
var strings_nl = {
|
|||
|
|
"slide":"pagina",
|
|||
|
|
"help?":"Help?",
|
|||
|
|
"contents?":"Inhoud?",
|
|||
|
|
"table of contents":"inhoudsopgave",
|
|||
|
|
"Table of Contents":"Inhoudsopgave",
|
|||
|
|
"restart presentation":"herstart presentatie",
|
|||
|
|
"restart?":"Herstart?"
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
strings_nl[helpText] =
|
|||
|
|
"Navigeer d.m.v. het muis, spatiebar, Links/Rechts toetsen, " +
|
|||
|
|
"of PgUp en PgDn. Gebruik S en B om de karaktergrootte te veranderen.";
|
|||
|
|
|
|||
|
|
var strings_de = {
|
|||
|
|
"slide":"Seite",
|
|||
|
|
"help?":"Hilfe",
|
|||
|
|
"contents?":"Übersicht",
|
|||
|
|
"table of contents":"Inhaltsverzeichnis",
|
|||
|
|
"Table of Contents":"Inhaltsverzeichnis",
|
|||
|
|
"restart presentation":"Präsentation neu starten",
|
|||
|
|
"restart?":"Neustart"
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
strings_de[helpText] =
|
|||
|
|
"Benutzen Sie die Maus, Leerschlag, die Cursortasten links/rechts" +
|
|||
|
|
"oder Page up/Page Down zum Wechseln der Seiten und S und B für die Schriftgrösse.";
|
|||
|
|
|
|||
|
|
var strings_pl = {
|
|||
|
|
"slide":"slajd",
|
|||
|
|
"help?":"pomoc?",
|
|||
|
|
"contents?":"spis treści?",
|
|||
|
|
"table of contents":"spis treści",
|
|||
|
|
"Table of Contents":"Spis Treści",
|
|||
|
|
"restart presentation":"Restartuj prezentację",
|
|||
|
|
"restart?":"restart?"
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
strings_pl[helpText] =
|
|||
|
|
"Zmieniaj slajdy klikając myszą, naciskając spację, strzałki lewo/prawo" +
|
|||
|
|
"lub PgUp / PgDn. Użyj klawiszy S i B, aby zmienić rozmiar czczionki.";
|
|||
|
|
|
|||
|
|
var strings_fr = {
|
|||
|
|
"slide":"page",
|
|||
|
|
"help?":"Aide",
|
|||
|
|
"contents?":"Index",
|
|||
|
|
"table of contents":"table des matières",
|
|||
|
|
"Table of Contents":"Table des matières",
|
|||
|
|
"restart presentation":"Recommencer l'exposé",
|
|||
|
|
"restart?":"Début"
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
strings_fr[helpText] =
|
|||
|
|
"Naviguez avec la souris, la barre d'espace, les flèches" +
|
|||
|
|
"gauche/droite ou les touches Pg Up, Pg Dn. Utilisez " +
|
|||
|
|
"les touches S et B pour modifier la taille de la police.";
|
|||
|
|
|
|||
|
|
var strings_hu = {
|
|||
|
|
"slide":"oldal",
|
|||
|
|
"help?":"segítség",
|
|||
|
|
"contents?":"tartalom",
|
|||
|
|
"table of contents":"tartalomjegyzék",
|
|||
|
|
"Table of Contents":"Tartalomjegyzék",
|
|||
|
|
"restart presentation":"bemutató újraindítása",
|
|||
|
|
"restart?":"újraindítás"
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
strings_hu[helpText] =
|
|||
|
|
"Az oldalak közti lépkedéshez kattintson az egérrel, vagy használja a szóköz, a bal, vagy a jobb nyíl, " +
|
|||
|
|
"illetve a Page Down, Page Up billentyűket. Az S és a B billentyűkkel változtathatja a szöveg méretét.";
|
|||
|
|
|
|||
|
|
var strings_it = {
|
|||
|
|
"slide":"pag.",
|
|||
|
|
"help?":"Aiuto",
|
|||
|
|
"contents?":"Indice",
|
|||
|
|
"table of contents":"indice",
|
|||
|
|
"Table of Contents":"Indice",
|
|||
|
|
"restart presentation":"Ricominciare la presentazione",
|
|||
|
|
"restart?":"Inizio"
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
strings_it[helpText] =
|
|||
|
|
"Navigare con mouse, barra spazio, frecce sinistra/destra o " +
|
|||
|
|
"PgUp e PgDn. Usare S e B per cambiare la dimensione dei caratteri.";
|
|||
|
|
|
|||
|
|
var strings_el = {
|
|||
|
|
"slide":"σελίδα",
|
|||
|
|
"help?":"βοήθεια;",
|
|||
|
|
"contents?":"περιεχόμενα;",
|
|||
|
|
"table of contents":"πίνακας περιεχομένων",
|
|||
|
|
"Table of Contents":"Πίνακας Περιεχομένων",
|
|||
|
|
"restart presentation":"επανεκκίνηση παρουσίασης",
|
|||
|
|
"restart?":"επανεκκίνηση;"
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
strings_el[helpText] =
|
|||
|
|
"Πλοηγηθείτε με το κλίκ του ποντικιού, το space, τα βέλη αριστερά/δεξιά, " +
|
|||
|
|
"ή Page Up και Page Down. Χρησιμοποιήστε τα πλήκτρα S και B για να αλλάξετε " +
|
|||
|
|
"το μέγεθος της γραμματοσειράς.";
|
|||
|
|
|
|||
|
|
var strings_ja = {
|
|||
|
|
"slide":"スライド",
|
|||
|
|
"help?":"ヘルプ",
|
|||
|
|
"contents?":"目次",
|
|||
|
|
"table of contents":"目次を表示",
|
|||
|
|
"Table of Contents":"目次",
|
|||
|
|
"restart presentation":"最初から再生",
|
|||
|
|
"restart?":"最初から"
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
strings_ja[helpText] =
|
|||
|
|
"マウス左クリック ・ スペース ・ 左右キー " +
|
|||
|
|
"または Page Up ・ Page Downで操作， S ・ Bでフォントサイズ変更";
|
|||
|
|
|
|||
|
|
|
|||
|
|
// each such language array is declared in the localize array
|
|||
|
|
// used indirectly as in help.innerHTML = "help".localize();
|
|||
|
|
var localize = {
|
|||
|
|
"es":strings_es,
|
|||
|
|
"nl":strings_nl,
|
|||
|
|
"de":strings_de,
|
|||
|
|
"pl":strings_pl,
|
|||
|
|
"fr":strings_fr,
|
|||
|
|
"hu":strings_hu,
|
|||
|
|
"it":strings_it,
|
|||
|
|
"el":strings_el,
|
|||
|
|
"jp":strings_ja
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
/* general initialization */
|
|||
|
|
function startup()
|
|||
|
|
{
|
|||
|
|
// find human language from html element
|
|||
|
|
// for use in localizing strings
|
|||
|
|
lang = document.body.parentNode.getAttribute("lang");
|
|||
|
|
|
|||
|
|
if (!lang)
|
|||
|
|
lang = document.body.parentNode.getAttribute("xml:lang");
|
|||
|
|
|
|||
|
|
if (!lang)
|
|||
|
|
lang = "en";
|
|||
|
|
|
|||
|
|
document.body.style.visibility = "visible";
|
|||
|
|
title = document.title;
|
|||
|
|
toolbar = addToolbar();
|
|||
|
|
wrapImplicitSlides();
|
|||
|
|
slides = collectSlides();
|
|||
|
|
notes = collectNotes();
|
|||
|
|
objects = document.body.getElementsByTagName("object");
|
|||
|
|
backgrounds = collectBackgrounds();
|
|||
|
|
patchAnchors();
|
|||
|
|
|
|||
|
|
slidenum = findSlideNumber(location.href);
|
|||
|
|
window.offscreenbuffering = true;
|
|||
|
|
sizeAdjustment = findSizeAdjust();
|
|||
|
|
hideImageToolbar(); // suppress IE image toolbar popup
|
|||
|
|
initOutliner(); // activate fold/unfold support
|
|||
|
|
|
|||
|
|
if (slides.length > 0)
|
|||
|
|
{
|
|||
|
|
var slide = slides[slidenum];
|
|||
|
|
slide.style.position = "absolute";
|
|||
|
|
|
|||
|
|
if (slidenum > 0)
|
|||
|
|
{
|
|||
|
|
setVisibilityAllIncremental("visible");
|
|||
|
|
lastShown = previousIncrementalItem(null);
|
|||
|
|
setEosStatus(true);
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
lastShown = null;
|
|||
|
|
setVisibilityAllIncremental("hidden");
|
|||
|
|
setEosStatus(!nextIncrementalItem(lastShown));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
setLocation();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
toc = tableOfContents();
|
|||
|
|
hideTableOfContents();
|
|||
|
|
|
|||
|
|
// bind event handlers
|
|||
|
|
document.onclick = mouseButtonClick;
|
|||
|
|
document.onmouseup = mouseButtonUp;
|
|||
|
|
document.onkeydown = keyDown;
|
|||
|
|
window.onresize = resized;
|
|||
|
|
window.onscroll = scrolled;
|
|||
|
|
singleSlideView();
|
|||
|
|
|
|||
|
|
setLocation();
|
|||
|
|
resized();
|
|||
|
|
|
|||
|
|
if (ie7)
|
|||
|
|
setTimeout("ieHack()", 100);
|
|||
|
|
|
|||
|
|
showToolbar();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// add localize method to all strings for use
|
|||
|
|
// as in help.innerHTML = "help".localize();
|
|||
|
|
String.prototype.localize = function()
|
|||
|
|
{
|
|||
|
|
if (this == "")
|
|||
|
|
return this;
|
|||
|
|
|
|||
|
|
// try full language code, e.g. en-US
|
|||
|
|
var s, lookup = localize[lang];
|
|||
|
|
|
|||
|
|
if (lookup)
|
|||
|
|
{
|
|||
|
|
s = lookup[this];
|
|||
|
|
|
|||
|
|
if (s)
|
|||
|
|
return s;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// try en if undefined for en-US
|
|||
|
|
var lg = lang.split("-");
|
|||
|
|
|
|||
|
|
if (lg.length > 1)
|
|||
|
|
{
|
|||
|
|
lookup = localize[lg[0]];
|
|||
|
|
|
|||
|
|
if (lookup)
|
|||
|
|
{
|
|||
|
|
s = lookup[this];
|
|||
|
|
|
|||
|
|
if (s)
|
|||
|
|
return s;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// otherwise string as is
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// suppress IE's image toolbar pop up
|
|||
|
|
function hideImageToolbar()
|
|||
|
|
{
|
|||
|
|
if (!ns_pos)
|
|||
|
|
{
|
|||
|
|
var images = document.getElementsByTagName("IMG");
|
|||
|
|
|
|||
|
|
for (var i = 0; i < images.length; ++i)
|
|||
|
|
images[i].setAttribute("galleryimg", "no");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// hack to persuade IE to compute correct document height
|
|||
|
|
// as needed for simulating fixed positioning of toolbar
|
|||
|
|
function ieHack()
|
|||
|
|
{
|
|||
|
|
window.resizeBy(0,-1);
|
|||
|
|
window.resizeBy(0, 1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Firefox reload SVG bug work around
|
|||
|
|
function reload(e)
|
|||
|
|
{
|
|||
|
|
if (!e)
|
|||
|
|
var e = window.event;
|
|||
|
|
|
|||
|
|
hideBackgrounds();
|
|||
|
|
setTimeout("document.reload();", 100);
|
|||
|
|
|
|||
|
|
stopPropagation(e);
|
|||
|
|
e.cancel = true;
|
|||
|
|
e.returnValue = false;
|
|||
|
|
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Safari and Konqueror don't yet support getComputedStyle()
|
|||
|
|
// and they always reload page when location.href is updated
|
|||
|
|
function isKHTML()
|
|||
|
|
{
|
|||
|
|
var agent = navigator.userAgent;
|
|||
|
|
return (agent.indexOf("KHTML") >= 0 ? true : false);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function resized()
|
|||
|
|
{
|
|||
|
|
var width = 0;
|
|||
|
|
|
|||
|
|
if ( typeof( window.innerWidth ) == 'number' )
|
|||
|
|
width = window.innerWidth; // Non IE browser
|
|||
|
|
else if (document.documentElement && document.documentElement.clientWidth)
|
|||
|
|
width = document.documentElement.clientWidth; // IE6
|
|||
|
|
else if (document.body && document.body.clientWidth)
|
|||
|
|
width = document.body.clientWidth; // IE4
|
|||
|
|
|
|||
|
|
var height = 0;
|
|||
|
|
|
|||
|
|
if ( typeof( window.innerHeight ) == 'number' )
|
|||
|
|
height = window.innerHeight; // Non IE browser
|
|||
|
|
else if (document.documentElement && document.documentElement.clientHeight)
|
|||
|
|
height = document.documentElement.clientHeight; // IE6
|
|||
|
|
else if (document.body && document.body.clientHeight)
|
|||
|
|
height = document.body.clientHeight; // IE4
|
|||
|
|
|
|||
|
|
if (height && (width/height > 1.05*1024/768))
|
|||
|
|
{
|
|||
|
|
width = height * 1024.0/768;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// IE fires onresize even when only font size is changed!
|
|||
|
|
// so we do a check to avoid blocking < and > actions
|
|||
|
|
if (width != lastWidth || height != lastHeight)
|
|||
|
|
{
|
|||
|
|
if (width >= 1100)
|
|||
|
|
sizeIndex = 5; // 4
|
|||
|
|
else if (width >= 1000)
|
|||
|
|
sizeIndex = 4; // 3
|
|||
|
|
else if (width >= 800)
|
|||
|
|
sizeIndex = 3; // 2
|
|||
|
|
else if (width >= 600)
|
|||
|
|
sizeIndex = 2; // 1
|
|||
|
|
else if (width)
|
|||
|
|
sizeIndex = 0;
|
|||
|
|
|
|||
|
|
// add in font size adjustment from meta element e.g.
|
|||
|
|
// <meta name="font-size-adjustment" content="-2" />
|
|||
|
|
// useful when slides have too much content ;-)
|
|||
|
|
|
|||
|
|
if (0 <= sizeIndex + sizeAdjustment &&
|
|||
|
|
sizeIndex + sizeAdjustment < sizes.length)
|
|||
|
|
sizeIndex = sizeIndex + sizeAdjustment;
|
|||
|
|
|
|||
|
|
// enables cross browser use of relative width/height
|
|||
|
|
// on object elements for use with SVG and Flash media
|
|||
|
|
adjustObjectDimensions(width, height);
|
|||
|
|
|
|||
|
|
document.body.style.fontSize = sizes[sizeIndex];
|
|||
|
|
|
|||
|
|
lastWidth = width;
|
|||
|
|
lastHeight = height;
|
|||
|
|
|
|||
|
|
// force reflow to work around Mozilla bug
|
|||
|
|
//if (ns_pos)
|
|||
|
|
{
|
|||
|
|
var slide = slides[slidenum];
|
|||
|
|
hideSlide(slide);
|
|||
|
|
showSlide(slide);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// force correct positioning of toolbar
|
|||
|
|
refreshToolbar(200);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function scrolled()
|
|||
|
|
{
|
|||
|
|
if (toolbar && !ns_pos && !ie7)
|
|||
|
|
{
|
|||
|
|
hackoffset = scrollXOffset();
|
|||
|
|
// hide toolbar
|
|||
|
|
toolbar.style.display = "none";
|
|||
|
|
|
|||
|
|
// make it reappear later
|
|||
|
|
if (scrollhack == 0 && !viewAll)
|
|||
|
|
{
|
|||
|
|
setTimeout(showToolbar, 1000);
|
|||
|
|
scrollhack = 1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// used to ensure IE refreshes toolbar in correct position
|
|||
|
|
function refreshToolbar(interval)
|
|||
|
|
{
|
|||
|
|
if (!ns_pos && !ie7)
|
|||
|
|
{
|
|||
|
|
hideToolbar();
|
|||
|
|
setTimeout(showToolbar, interval);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// restores toolbar after short delay
|
|||
|
|
function showToolbar()
|
|||
|
|
{
|
|||
|
|
if (wantToolbar)
|
|||
|
|
{
|
|||
|
|
if (!ns_pos)
|
|||
|
|
{
|
|||
|
|
// adjust position to allow for scrolling
|
|||
|
|
var xoffset = scrollXOffset();
|
|||
|
|
toolbar.style.left = xoffset;
|
|||
|
|
toolbar.style.right = xoffset;
|
|||
|
|
|
|||
|
|
// determine vertical scroll offset
|
|||
|
|
//var yoffset = scrollYOffset();
|
|||
|
|
|
|||
|
|
// bottom is doc height - window height - scroll offset
|
|||
|
|
//var bottom = documentHeight() - lastHeight - yoffset
|
|||
|
|
|
|||
|
|
//if (yoffset > 0 || documentHeight() > lastHeight)
|
|||
|
|
// bottom += 16; // allow for height of scrollbar
|
|||
|
|
|
|||
|
|
toolbar.style.bottom = 0; //bottom;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
toolbar.style.display = "block";
|
|||
|
|
toolbar.style.visibility = "visible";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
scrollhack = 0;
|
|||
|
|
|
|||
|
|
|
|||
|
|
// set the keyboard focus to the help link on the
|
|||
|
|
// toolbar to ensure that document has the focus
|
|||
|
|
// IE doesn't always work with window.focus()
|
|||
|
|
// and this hack has benefit of Enter for help
|
|||
|
|
|
|||
|
|
try
|
|||
|
|
{
|
|||
|
|
if (!opera)
|
|||
|
|
helpAnchor.focus();
|
|||
|
|
}
|
|||
|
|
catch (e)
|
|||
|
|
{
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function test()
|
|||
|
|
{
|
|||
|
|
var s = "docH: " + documentHeight() +
|
|||
|
|
" winH: " + lastHeight +
|
|||
|
|
" yoffset: " + scrollYOffset() +
|
|||
|
|
" toolbot: " + (documentHeight() - lastHeight - scrollYOffset());
|
|||
|
|
|
|||
|
|
//alert(s);
|
|||
|
|
|
|||
|
|
var slide = slides[slidenum];
|
|||
|
|
// IE getAttribute requires "class" to be "className"
|
|||
|
|
var name = ns_pos ? "class" : "className";
|
|||
|
|
var style = (slide.currentStyle ? slide.currentStyle["backgroundColor"] :
|
|||
|
|
document.defaultView.getComputedStyle(slide, '').getPropertyValue("background-color"));
|
|||
|
|
alert("class='" + slide.getAttribute(name) + "' backgroundColor: " + style);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function hideToolbar()
|
|||
|
|
{
|
|||
|
|
toolbar.style.display = "none";
|
|||
|
|
toolbar.style.visibility = "hidden";
|
|||
|
|
window.focus();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// invoked via F key
|
|||
|
|
function toggleToolbar()
|
|||
|
|
{
|
|||
|
|
if (!viewAll)
|
|||
|
|
{
|
|||
|
|
if (toolbar.style.display == "none")
|
|||
|
|
{
|
|||
|
|
toolbar.style.display = "block";
|
|||
|
|
toolbar.style.visibility = "visible";
|
|||
|
|
wantToolbar = 1;
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
toolbar.style.display = "none";
|
|||
|
|
toolbar.style.visibility = "hidden";
|
|||
|
|
wantToolbar = 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function scrollXOffset()
|
|||
|
|
{
|
|||
|
|
if (window.pageXOffset)
|
|||
|
|
return self.pageXOffset;
|
|||
|
|
|
|||
|
|
if (document.documentElement &&
|
|||
|
|
document.documentElement.scrollLeft)
|
|||
|
|
return document.documentElement.scrollLeft;
|
|||
|
|
|
|||
|
|
if (document.body)
|
|||
|
|
return document.body.scrollLeft;
|
|||
|
|
|
|||
|
|
return 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function scrollYOffset()
|
|||
|
|
{
|
|||
|
|
if (window.pageYOffset)
|
|||
|
|
return self.pageYOffset;
|
|||
|
|
|
|||
|
|
if (document.documentElement &&
|
|||
|
|
document.documentElement.scrollTop)
|
|||
|
|
return document.documentElement.scrollTop;
|
|||
|
|
|
|||
|
|
if (document.body)
|
|||
|
|
return document.body.scrollTop;
|
|||
|
|
|
|||
|
|
return 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// looking for a way to determine height of slide content
|
|||
|
|
// the slide itself is set to the height of the window
|
|||
|
|
function optimizeFontSize()
|
|||
|
|
{
|
|||
|
|
var slide = slides[slidenum];
|
|||
|
|
|
|||
|
|
//var dh = documentHeight(); //getDocHeight(document);
|
|||
|
|
var dh = slide.scrollHeight;
|
|||
|
|
var wh = getWindowHeight();
|
|||
|
|
var u = 100 * dh / wh;
|
|||
|
|
|
|||
|
|
alert("window utilization = " + u + "% (doc "
|
|||
|
|
+ dh + " win " + wh + ")");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getDocHeight(doc) // from document object
|
|||
|
|
{
|
|||
|
|
if (!doc)
|
|||
|
|
doc = document;
|
|||
|
|
|
|||
|
|
if (doc && doc.body && doc.body.offsetHeight)
|
|||
|
|
return doc.body.offsetHeight; // ns/gecko syntax
|
|||
|
|
|
|||
|
|
if (doc && doc.body && doc.body.scrollHeight)
|
|||
|
|
return doc.body.scrollHeight;
|
|||
|
|
|
|||
|
|
alert("couldn't determine document height");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getWindowHeight()
|
|||
|
|
{
|
|||
|
|
if ( typeof( window.innerHeight ) == 'number' )
|
|||
|
|
return window.innerHeight; // Non IE browser
|
|||
|
|
|
|||
|
|
if (document.documentElement && document.documentElement.clientHeight)
|
|||
|
|
return document.documentElement.clientHeight; // IE6
|
|||
|
|
|
|||
|
|
if (document.body && document.body.clientHeight)
|
|||
|
|
return document.body.clientHeight; // IE4
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
function documentHeight()
|
|||
|
|
{
|
|||
|
|
var sh, oh;
|
|||
|
|
|
|||
|
|
sh = document.body.scrollHeight;
|
|||
|
|
oh = document.body.offsetHeight;
|
|||
|
|
|
|||
|
|
if (sh && oh)
|
|||
|
|
{
|
|||
|
|
return (sh > oh ? sh : oh);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// no idea!
|
|||
|
|
return 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function smaller()
|
|||
|
|
{
|
|||
|
|
if (sizeIndex > 0)
|
|||
|
|
{
|
|||
|
|
--sizeIndex;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
toolbar.style.display = "none";
|
|||
|
|
document.body.style.fontSize = sizes[sizeIndex];
|
|||
|
|
var slide = slides[slidenum];
|
|||
|
|
hideSlide(slide);
|
|||
|
|
showSlide(slide);
|
|||
|
|
setTimeout(showToolbar, 300);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function bigger()
|
|||
|
|
{
|
|||
|
|
if (sizeIndex < sizes.length - 1)
|
|||
|
|
{
|
|||
|
|
++sizeIndex;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
toolbar.style.display = "none";
|
|||
|
|
document.body.style.fontSize = sizes[sizeIndex];
|
|||
|
|
var slide = slides[slidenum];
|
|||
|
|
hideSlide(slide);
|
|||
|
|
showSlide(slide);
|
|||
|
|
setTimeout(showToolbar, 300);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// enables cross browser use of relative width/height
|
|||
|
|
// on object elements for use with SVG and Flash media
|
|||
|
|
// with thanks to Ivan Herman for the suggestion
|
|||
|
|
function adjustObjectDimensions(width, height)
|
|||
|
|
{
|
|||
|
|
for( var i = 0; i < objects.length; i++ )
|
|||
|
|
{
|
|||
|
|
var obj = objects[i];
|
|||
|
|
var mimeType = obj.getAttribute("type");
|
|||
|
|
|
|||
|
|
if (mimeType == "image/svg+xml" || mimeType == "application/x-shockwave-flash")
|
|||
|
|
{
|
|||
|
|
if ( !obj.initialWidth )
|
|||
|
|
obj.initialWidth = obj.getAttribute("width");
|
|||
|
|
|
|||
|
|
if ( !obj.initialHeight )
|
|||
|
|
obj.initialHeight = obj.getAttribute("height");
|
|||
|
|
|
|||
|
|
if ( obj.initialWidth && obj.initialWidth.charAt(obj.initialWidth.length-1) == "%" )
|
|||
|
|
{
|
|||
|
|
var w = parseInt(obj.initialWidth.slice(0, obj.initialWidth.length-1));
|
|||
|
|
var newW = width * (w/100.0);
|
|||
|
|
obj.setAttribute("width",newW);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if ( obj.initialHeight && obj.initialHeight.charAt(obj.initialHeight.length-1) == "%" )
|
|||
|
|
{
|
|||
|
|
var h = parseInt(obj.initialHeight.slice(0, obj.initialHeight.length-1));
|
|||
|
|
var newH = height * (h/100.0);
|
|||
|
|
obj.setAttribute("height", newH);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function cancel(event)
|
|||
|
|
{
|
|||
|
|
if (event)
|
|||
|
|
{
|
|||
|
|
event.cancel = true;
|
|||
|
|
event.returnValue = false;
|
|||
|
|
|
|||
|
|
if (event.preventDefault)
|
|||
|
|
event.preventDefault();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// See e.g. http://www.quirksmode.org/js/events/keys.html for keycodes
|
|||
|
|
function keyDown(event)
|
|||
|
|
{
|
|||
|
|
var key;
|
|||
|
|
|
|||
|
|
if (!event)
|
|||
|
|
var event = window.event;
|
|||
|
|
|
|||
|
|
// kludge around NS/IE differences
|
|||
|
|
if (window.event)
|
|||
|
|
key = window.event.keyCode;
|
|||
|
|
else if (event.which)
|
|||
|
|
key = event.which;
|
|||
|
|
else
|
|||
|
|
return true; // Yikes! unknown browser
|
|||
|
|
|
|||
|
|
// ignore event if key value is zero
|
|||
|
|
// as for alt on Opera and Konqueror
|
|||
|
|
if (!key)
|
|||
|
|
return true;
|
|||
|
|
|
|||
|
|
// check for concurrent control/command/alt key
|
|||
|
|
// but are these only present on mouse events?
|
|||
|
|
|
|||
|
|
if (event.ctrlKey || event.altKey || event.metaKey)
|
|||
|
|
return true;
|
|||
|
|
|
|||
|
|
// dismiss table of contents if visible
|
|||
|
|
if (isShownToc() && key != 9 && key != 16 && key != 38 && key != 40)
|
|||
|
|
{
|
|||
|
|
hideTableOfContents();
|
|||
|
|
|
|||
|
|
if (key == 27 || key == 84 || key == 67)
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (key == 34) // Page Down
|
|||
|
|
{
|
|||
|
|
nextSlide(false);
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
else if (key == 33) // Page Up
|
|||
|
|
{
|
|||
|
|
previousSlide(false);
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
else if (key == 32) // space bar
|
|||
|
|
{
|
|||
|
|
nextSlide(true);
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
else if (key == 37 || key == 38) // Left arrow || Up arrow
|
|||
|
|
{
|
|||
|
|
previousSlide(!event.shiftKey);
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
else if (key == 36) // Home
|
|||
|
|
{
|
|||
|
|
firstSlide();
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
else if (key == 35) // End
|
|||
|
|
{
|
|||
|
|
lastSlide();
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
else if (key == 39 || key == 40) // Right arrow || Down arrow
|
|||
|
|
{
|
|||
|
|
nextSlide(!event.shiftKey);
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
else if (key == 13) // Enter
|
|||
|
|
{
|
|||
|
|
if (outline)
|
|||
|
|
{
|
|||
|
|
if (outline.visible)
|
|||
|
|
fold(outline);
|
|||
|
|
else
|
|||
|
|
unfold(outline);
|
|||
|
|
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else if (key == 188) // < for smaller fonts
|
|||
|
|
{
|
|||
|
|
smaller();
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
else if (key == 190) // > for larger fonts
|
|||
|
|
{
|
|||
|
|
bigger();
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
else if (key == 189 || key == 109) // - for smaller fonts
|
|||
|
|
{
|
|||
|
|
smaller();
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
else if (key == 187 || key == 191 || key == 107) // = + for larger fonts
|
|||
|
|
{
|
|||
|
|
bigger();
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
else if (key == 83) // S for smaller fonts
|
|||
|
|
{
|
|||
|
|
smaller();
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
else if (key == 66) // B for larger fonts
|
|||
|
|
{
|
|||
|
|
bigger();
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
else if (key == 90) // Z for last slide
|
|||
|
|
{
|
|||
|
|
lastSlide();
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
else if (key == 70) // F for toggle toolbar
|
|||
|
|
{
|
|||
|
|
toggleToolbar();
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
else if (key == 65) // A for toggle view single/all slides
|
|||
|
|
{
|
|||
|
|
toggleView();
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
else if (key == 75) // toggle action of left click for next page
|
|||
|
|
{
|
|||
|
|
mouseClickEnabled = !mouseClickEnabled;
|
|||
|
|
alert((mouseClickEnabled ? "enabled" : "disabled") + " mouse click advance");
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
else if (key == 84 || key == 67) // T or C for table of contents
|
|||
|
|
{
|
|||
|
|
if (toc)
|
|||
|
|
showTableOfContents();
|
|||
|
|
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
else if (key == 72) // H for help
|
|||
|
|
{
|
|||
|
|
window.location = helpPage;
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//else if (key == 93) // Windows menu key
|
|||
|
|
//alert("lastShown is " + lastShown);
|
|||
|
|
//else alert("key code is "+ key);
|
|||
|
|
|
|||
|
|
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// make note of length of selected text
|
|||
|
|
// as this evaluates to zero in click event
|
|||
|
|
function mouseButtonUp(e)
|
|||
|
|
{
|
|||
|
|
selectedTextLen = getSelectedText().length;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// right mouse button click is reserved for context menus
|
|||
|
|
// it is more reliable to detect rightclick than leftclick
|
|||
|
|
function mouseButtonClick(e)
|
|||
|
|
{
|
|||
|
|
var rightclick = false;
|
|||
|
|
var leftclick = false;
|
|||
|
|
var middleclick = false;
|
|||
|
|
var target;
|
|||
|
|
|
|||
|
|
if (!e)
|
|||
|
|
var e = window.event;
|
|||
|
|
|
|||
|
|
if (e.target)
|
|||
|
|
target = e.target;
|
|||
|
|
else if (e.srcElement)
|
|||
|
|
target = e.srcElement;
|
|||
|
|
|
|||
|
|
// work around Safari bug
|
|||
|
|
if (target.nodeType == 3)
|
|||
|
|
target = target.parentNode;
|
|||
|
|
|
|||
|
|
if (e.which) // all browsers except IE
|
|||
|
|
{
|
|||
|
|
leftclick = (e.which == 1);
|
|||
|
|
middleclick = (e.which == 2);
|
|||
|
|
rightclick = (e.which == 3);
|
|||
|
|
}
|
|||
|
|
else if (e.button)
|
|||
|
|
{
|
|||
|
|
// Konqueror gives 1 for left, 4 for middle
|
|||
|
|
// IE6 gives 0 for left and not 1 as I expected
|
|||
|
|
|
|||
|
|
if (e.button == 4)
|
|||
|
|
middleclick = true;
|
|||
|
|
|
|||
|
|
// all browsers agree on 2 for right button
|
|||
|
|
rightclick = (e.button == 2);
|
|||
|
|
}
|
|||
|
|
else leftclick = true;
|
|||
|
|
|
|||
|
|
// dismiss table of contents
|
|||
|
|
hideTableOfContents();
|
|||
|
|
|
|||
|
|
if (selectedTextLen > 0)
|
|||
|
|
{
|
|||
|
|
stopPropagation(e);
|
|||
|
|
e.cancel = true;
|
|||
|
|
e.returnValue = false;
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// check if target is something that probably want's clicks
|
|||
|
|
// e.g. embed, object, input, textarea, select, option
|
|||
|
|
|
|||
|
|
if (mouseClickEnabled && leftclick &&
|
|||
|
|
target.nodeName != "EMBED" &&
|
|||
|
|
target.nodeName != "OBJECT" &&
|
|||
|
|
target.nodeName != "INPUT" &&
|
|||
|
|
target.nodeName != "TEXTAREA" &&
|
|||
|
|
target.nodeName != "SELECT" &&
|
|||
|
|
target.nodeName != "OPTION")
|
|||
|
|
{
|
|||
|
|
nextSlide(true);
|
|||
|
|
stopPropagation(e);
|
|||
|
|
e.cancel = true;
|
|||
|
|
e.returnValue = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function previousSlide(incremental)
|
|||
|
|
{
|
|||
|
|
if (!viewAll)
|
|||
|
|
{
|
|||
|
|
var slide;
|
|||
|
|
|
|||
|
|
if ((incremental || slidenum == 0) && lastShown != null)
|
|||
|
|
{
|
|||
|
|
lastShown = hidePreviousItem(lastShown);
|
|||
|
|
setEosStatus(false);
|
|||
|
|
}
|
|||
|
|
else if (slidenum > 0)
|
|||
|
|
{
|
|||
|
|
slide = slides[slidenum];
|
|||
|
|
hideSlide(slide);
|
|||
|
|
|
|||
|
|
slidenum = slidenum - 1;
|
|||
|
|
slide = slides[slidenum];
|
|||
|
|
setVisibilityAllIncremental("visible");
|
|||
|
|
lastShown = previousIncrementalItem(null);
|
|||
|
|
setEosStatus(true);
|
|||
|
|
showSlide(slide);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
setLocation();
|
|||
|
|
|
|||
|
|
if (!ns_pos)
|
|||
|
|
refreshToolbar(200);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function nextSlide(incremental)
|
|||
|
|
{
|
|||
|
|
if (!viewAll)
|
|||
|
|
{
|
|||
|
|
var slide, last = lastShown;
|
|||
|
|
|
|||
|
|
if (incremental || slidenum == slides.length - 1)
|
|||
|
|
lastShown = revealNextItem(lastShown);
|
|||
|
|
|
|||
|
|
if ((!incremental || lastShown == null) && slidenum < slides.length - 1)
|
|||
|
|
{
|
|||
|
|
slide = slides[slidenum];
|
|||
|
|
hideSlide(slide);
|
|||
|
|
|
|||
|
|
slidenum = slidenum + 1;
|
|||
|
|
slide = slides[slidenum];
|
|||
|
|
lastShown = null;
|
|||
|
|
setVisibilityAllIncremental("hidden");
|
|||
|
|
showSlide(slide);
|
|||
|
|
}
|
|||
|
|
else if (!lastShown)
|
|||
|
|
{
|
|||
|
|
if (last && incremental)
|
|||
|
|
lastShown = last;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
setLocation();
|
|||
|
|
|
|||
|
|
setEosStatus(!nextIncrementalItem(lastShown));
|
|||
|
|
|
|||
|
|
if (!ns_pos)
|
|||
|
|
refreshToolbar(200);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// to first slide with nothing revealed
|
|||
|
|
// i.e. state at start of presentation
|
|||
|
|
function firstSlide()
|
|||
|
|
{
|
|||
|
|
if (!viewAll)
|
|||
|
|
{
|
|||
|
|
var slide;
|
|||
|
|
|
|||
|
|
if (slidenum != 0)
|
|||
|
|
{
|
|||
|
|
slide = slides[slidenum];
|
|||
|
|
hideSlide(slide);
|
|||
|
|
|
|||
|
|
slidenum = 0;
|
|||
|
|
slide = slides[slidenum];
|
|||
|
|
lastShown = null;
|
|||
|
|
setVisibilityAllIncremental("hidden");
|
|||
|
|
showSlide(slide);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
setEosStatus(!nextIncrementalItem(lastShown));
|
|||
|
|
setLocation();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
// to last slide with everything revealed
|
|||
|
|
// i.e. state at end of presentation
|
|||
|
|
function lastSlide()
|
|||
|
|
{
|
|||
|
|
if (!viewAll)
|
|||
|
|
{
|
|||
|
|
var slide;
|
|||
|
|
|
|||
|
|
lastShown = null; //revealNextItem(lastShown);
|
|||
|
|
|
|||
|
|
if (lastShown == null && slidenum < slides.length - 1)
|
|||
|
|
{
|
|||
|
|
slide = slides[slidenum];
|
|||
|
|
hideSlide(slide);
|
|||
|
|
slidenum = slides.length - 1;
|
|||
|
|
slide = slides[slidenum];
|
|||
|
|
setVisibilityAllIncremental("visible");
|
|||
|
|
lastShown = previousIncrementalItem(null);
|
|||
|
|
|
|||
|
|
showSlide(slide);
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
setVisibilityAllIncremental("visible");
|
|||
|
|
lastShown = previousIncrementalItem(null);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
setEosStatus(true);
|
|||
|
|
setLocation();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function setEosStatus(state)
|
|||
|
|
{
|
|||
|
|
if (eos)
|
|||
|
|
eos.style.color = (state ? "rgb(240,240,240)" : "red");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showSlide(slide)
|
|||
|
|
{
|
|||
|
|
syncBackground(slide);
|
|||
|
|
window.scrollTo(0,0);
|
|||
|
|
slide.style.visibility = "visible";
|
|||
|
|
slide.style.display = "block";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function hideSlide(slide)
|
|||
|
|
{
|
|||
|
|
slide.style.visibility = "hidden";
|
|||
|
|
slide.style.display = "none";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function beforePrint()
|
|||
|
|
{
|
|||
|
|
showAllSlides();
|
|||
|
|
hideToolbar();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function afterPrint()
|
|||
|
|
{
|
|||
|
|
if (!viewAll)
|
|||
|
|
{
|
|||
|
|
singleSlideView();
|
|||
|
|
showToolbar();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function printSlides()
|
|||
|
|
{
|
|||
|
|
beforePrint();
|
|||
|
|
window.print();
|
|||
|
|
afterPrint();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function toggleView()
|
|||
|
|
{
|
|||
|
|
if (viewAll)
|
|||
|
|
{
|
|||
|
|
singleSlideView();
|
|||
|
|
showToolbar();
|
|||
|
|
viewAll = 0;
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
showAllSlides();
|
|||
|
|
hideToolbar();
|
|||
|
|
viewAll = 1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// prepare for printing
|
|||
|
|
function showAllSlides()
|
|||
|
|
{
|
|||
|
|
var slide;
|
|||
|
|
|
|||
|
|
for (var i = 0; i < slides.length; ++i)
|
|||
|
|
{
|
|||
|
|
slide = slides[i];
|
|||
|
|
|
|||
|
|
slide.style.position = "relative";
|
|||
|
|
slide.style.borderTopStyle = "solid";
|
|||
|
|
slide.style.borderTopWidth = "thin";
|
|||
|
|
slide.style.borderTopColor = "black";
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
if (i == 0)
|
|||
|
|
slide.style.pageBreakBefore = "avoid";
|
|||
|
|
else
|
|||
|
|
slide.style.pageBreakBefore = "always";
|
|||
|
|
}
|
|||
|
|
catch (e)
|
|||
|
|
{
|
|||
|
|
//do nothing
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
setVisibilityAllIncremental("visible");
|
|||
|
|
showSlide(slide);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var note;
|
|||
|
|
|
|||
|
|
for (var i = 0; i < notes.length; ++i)
|
|||
|
|
{
|
|||
|
|
showSlide(notes[i]);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// no easy way to render background under each slide
|
|||
|
|
// without duplicating the background divs for each slide
|
|||
|
|
// therefore hide backgrounds to avoid messing up slides
|
|||
|
|
hideBackgrounds();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// restore after printing
|
|||
|
|
function singleSlideView()
|
|||
|
|
{
|
|||
|
|
var slide;
|
|||
|
|
|
|||
|
|
for (var i = 0; i < slides.length; ++i)
|
|||
|
|
{
|
|||
|
|
slide = slides[i];
|
|||
|
|
|
|||
|
|
slide.style.position = "absolute";
|
|||
|
|
|
|||
|
|
if (i == slidenum)
|
|||
|
|
{
|
|||
|
|
slide.style.borderStyle = "none";
|
|||
|
|
showSlide(slide);
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
slide.style.borderStyle = "none";
|
|||
|
|
hideSlide(slide);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
setVisibilityAllIncremental("visible");
|
|||
|
|
lastShown = previousIncrementalItem(null);
|
|||
|
|
|
|||
|
|
var note;
|
|||
|
|
|
|||
|
|
for (var i = 0; i < notes.length; ++i)
|
|||
|
|
{
|
|||
|
|
hideSlide(notes[i]);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// the string str is a whitespace separated list of tokens
|
|||
|
|
// test if str contains a particular token, e.g. "slide"
|
|||
|
|
function hasToken(str, token)
|
|||
|
|
{
|
|||
|
|
if (str)
|
|||
|
|
{
|
|||
|
|
// define pattern as regular expression
|
|||
|
|
var pattern = /\w+/g;
|
|||
|
|
|
|||
|
|
// check for matches
|
|||
|
|
// place result in array
|
|||
|
|
var result = str.match(pattern);
|
|||
|
|
|
|||
|
|
// now check if desired token is present
|
|||
|
|
for (var i = 0; i < result.length; i++)
|
|||
|
|
{
|
|||
|
|
if (result[i] == token)
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getClassList(element)
|
|||
|
|
{
|
|||
|
|
if (typeof window.pageYOffset =='undefined')
|
|||
|
|
return element.getAttribute("className");
|
|||
|
|
|
|||
|
|
return element.getAttribute("class");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function hasClass(element, name)
|
|||
|
|
{
|
|||
|
|
var regexp = new RegExp("(^| )" + name + "\W*");
|
|||
|
|
|
|||
|
|
if (regexp.test(getClassList(element)))
|
|||
|
|
return true;
|
|||
|
|
|
|||
|
|
return false;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function removeClass(element, name)
|
|||
|
|
{
|
|||
|
|
// IE getAttribute requires "class" to be "className"
|
|||
|
|
var clsname = ns_pos ? "class" : "className";
|
|||
|
|
var clsval = element.getAttribute(clsname);
|
|||
|
|
|
|||
|
|
var regexp = new RegExp("(^| )" + name + "\W*");
|
|||
|
|
|
|||
|
|
if (clsval)
|
|||
|
|
{
|
|||
|
|
clsval = clsval.replace(regexp, "");
|
|||
|
|
element.setAttribute(clsname, clsval);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function addClass(element, name)
|
|||
|
|
{
|
|||
|
|
if (!hasClass(element, name))
|
|||
|
|
{
|
|||
|
|
// IE getAttribute requires "class" to be "className"
|
|||
|
|
var clsname = ns_pos ? "class" : "className";
|
|||
|
|
var clsval = element.getAttribute(clsname);
|
|||
|
|
element.setAttribute(clsname, (clsval ? clsval + " " + name : name));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// wysiwyg editors make it hard to use div elements
|
|||
|
|
// e.g. amaya loses the div when you copy and paste
|
|||
|
|
// this function wraps div elements around implicit
|
|||
|
|
// slides which start with an h1 element and continue
|
|||
|
|
// up to the next heading or div element
|
|||
|
|
function wrapImplicitSlides()
|
|||
|
|
{
|
|||
|
|
var i, heading, node, next, div;
|
|||
|
|
var headings = document.getElementsByTagName("h1");
|
|||
|
|
|
|||
|
|
if (!headings)
|
|||
|
|
return;
|
|||
|
|
|
|||
|
|
for (i = 0; i < headings.length; ++i)
|
|||
|
|
{
|
|||
|
|
heading = headings[i];
|
|||
|
|
|
|||
|
|
if (heading.parentNode != document.body)
|
|||
|
|
continue;
|
|||
|
|
|
|||
|
|
node = heading.nextSibling;
|
|||
|
|
|
|||
|
|
div = document.createElement("div");
|
|||
|
|
div.setAttribute((ns_pos ? "class" : "className"), "slide");
|
|||
|
|
document.body.replaceChild(div, heading);
|
|||
|
|
div.appendChild(heading);
|
|||
|
|
|
|||
|
|
while (node)
|
|||
|
|
{
|
|||
|
|
if (node.nodeType == 1 && // an element
|
|||
|
|
(node.nodeName == "H1" ||
|
|||
|
|
node.nodeName == "h1" ||
|
|||
|
|
node.nodeName == "DIV" ||
|
|||
|
|
node.nodeName == "div"))
|
|||
|
|
break;
|
|||
|
|
|
|||
|
|
next = node.nextSibling;
|
|||
|
|
node = document.body.removeChild(node);
|
|||
|
|
div.appendChild(node);
|
|||
|
|
node = next;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// return new array of all slides
|
|||
|
|
function collectSlides()
|
|||
|
|
{
|
|||
|
|
var slides = new Array();
|
|||
|
|
var divs = document.body.getElementsByTagName("div");
|
|||
|
|
|
|||
|
|
for (var i = 0; i < divs.length; ++i)
|
|||
|
|
{
|
|||
|
|
div = divs.item(i);
|
|||
|
|
|
|||
|
|
if (hasClass(div, "slide"))
|
|||
|
|
{
|
|||
|
|
// add slide to collection
|
|||
|
|
slides[slides.length] = div;
|
|||
|
|
|
|||
|
|
// hide each slide as it is found
|
|||
|
|
div.style.display = "none";
|
|||
|
|
div.style.visibility = "hidden";
|
|||
|
|
|
|||
|
|
// add dummy <br/> at end for scrolling hack
|
|||
|
|
var node1 = document.createElement("br");
|
|||
|
|
div.appendChild(node1);
|
|||
|
|
var node2 = document.createElement("br");
|
|||
|
|
div.appendChild(node2);
|
|||
|
|
}
|
|||
|
|
else if (hasClass(div, "background"))
|
|||
|
|
{ // work around for Firefox SVG reload bug
|
|||
|
|
// which otherwise replaces 1st SVG graphic with 2nd
|
|||
|
|
div.style.display = "block";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return slides;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// return new array of all <div class="handout">
|
|||
|
|
function collectNotes()
|
|||
|
|
{
|
|||
|
|
var notes = new Array();
|
|||
|
|
var divs = document.body.getElementsByTagName("div");
|
|||
|
|
|
|||
|
|
for (var i = 0; i < divs.length; ++i)
|
|||
|
|
{
|
|||
|
|
div = divs.item(i);
|
|||
|
|
|
|||
|
|
if (hasClass(div, "handout"))
|
|||
|
|
{
|
|||
|
|
// add slide to collection
|
|||
|
|
notes[notes.length] = div;
|
|||
|
|
|
|||
|
|
// hide handout notes as they are found
|
|||
|
|
div.style.display = "none";
|
|||
|
|
div.style.visibility = "hidden";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return notes;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// return new array of all <div class="background">
|
|||
|
|
// including named backgrounds e.g. class="background titlepage"
|
|||
|
|
function collectBackgrounds()
|
|||
|
|
{
|
|||
|
|
var backgrounds = new Array();
|
|||
|
|
var divs = document.body.getElementsByTagName("div");
|
|||
|
|
|
|||
|
|
for (var i = 0; i < divs.length; ++i)
|
|||
|
|
{
|
|||
|
|
div = divs.item(i);
|
|||
|
|
|
|||
|
|
if (hasClass(div, "background"))
|
|||
|
|
{
|
|||
|
|
// add slide to collection
|
|||
|
|
backgrounds[backgrounds.length] = div;
|
|||
|
|
|
|||
|
|
// hide named backgrounds as they are found
|
|||
|
|
// e.g. class="background epilog"
|
|||
|
|
if (getClassList(div) != "background")
|
|||
|
|
{
|
|||
|
|
div.style.display = "none";
|
|||
|
|
div.style.visibility = "hidden";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return backgrounds;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// show just the backgrounds pertinent to this slide
|
|||
|
|
function syncBackground(slide)
|
|||
|
|
{
|
|||
|
|
var background;
|
|||
|
|
var bgColor;
|
|||
|
|
|
|||
|
|
if (slide.currentStyle)
|
|||
|
|
bgColor = slide.currentStyle["backgroundColor"];
|
|||
|
|
else if (document.defaultView)
|
|||
|
|
{
|
|||
|
|
var styles = document.defaultView.getComputedStyle(slide,null);
|
|||
|
|
|
|||
|
|
if (styles)
|
|||
|
|
bgColor = styles.getPropertyValue("background-color");
|
|||
|
|
else // broken implementation probably due Safari or Konqueror
|
|||
|
|
{
|
|||
|
|
//alert("defective implementation of getComputedStyle()");
|
|||
|
|
bgColor = "transparent";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
bgColor == "transparent";
|
|||
|
|
|
|||
|
|
if (bgColor == "transparent")
|
|||
|
|
{
|
|||
|
|
var slideClass = getClassList(slide);
|
|||
|
|
|
|||
|
|
for (var i = 0; i < backgrounds.length; i++)
|
|||
|
|
{
|
|||
|
|
background = backgrounds[i];
|
|||
|
|
|
|||
|
|
var bgClass = getClassList(background);
|
|||
|
|
|
|||
|
|
if (matchingBackground(slideClass, bgClass))
|
|||
|
|
{
|
|||
|
|
background.style.display = "block";
|
|||
|
|
background.style.visibility = "visible";
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
background.style.display = "none";
|
|||
|
|
background.style.visibility = "hidden";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else // forcibly hide all backgrounds
|
|||
|
|
hideBackgrounds();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function hideBackgrounds()
|
|||
|
|
{
|
|||
|
|
for (var i = 0; i < backgrounds.length; i++)
|
|||
|
|
{
|
|||
|
|
background = backgrounds[i];
|
|||
|
|
background.style.display = "none";
|
|||
|
|
background.style.visibility = "hidden";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// compare classes for slide and background
|
|||
|
|
function matchingBackground(slideClass, bgClass)
|
|||
|
|
{
|
|||
|
|
if (bgClass == "background")
|
|||
|
|
return true;
|
|||
|
|
|
|||
|
|
// define pattern as regular expression
|
|||
|
|
var pattern = /\w+/g;
|
|||
|
|
|
|||
|
|
// check for matches and place result in array
|
|||
|
|
var result = slideClass.match(pattern);
|
|||
|
|
|
|||
|
|
// now check if desired name is present for background
|
|||
|
|
for (var i = 0; i < result.length; i++)
|
|||
|
|
{
|
|||
|
|
if (hasToken(bgClass, result[i]))
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// left to right traversal of root's content
|
|||
|
|
function nextNode(root, node)
|
|||
|
|
{
|
|||
|
|
if (node == null)
|
|||
|
|
return root.firstChild;
|
|||
|
|
|
|||
|
|
if (node.firstChild)
|
|||
|
|
return node.firstChild;
|
|||
|
|
|
|||
|
|
if (node.nextSibling)
|
|||
|
|
return node.nextSibling;
|
|||
|
|
|
|||
|
|
for (;;)
|
|||
|
|
{
|
|||
|
|
node = node.parentNode;
|
|||
|
|
|
|||
|
|
if (!node || node == root)
|
|||
|
|
break;
|
|||
|
|
|
|||
|
|
if (node && node.nextSibling)
|
|||
|
|
return node.nextSibling;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// right to left traversal of root's content
|
|||
|
|
function previousNode(root, node)
|
|||
|
|
{
|
|||
|
|
if (node == null)
|
|||
|
|
{
|
|||
|
|
node = root.lastChild;
|
|||
|
|
|
|||
|
|
if (node)
|
|||
|
|
{
|
|||
|
|
while (node.lastChild)
|
|||
|
|
node = node.lastChild;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return node;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (node.previousSibling)
|
|||
|
|
{
|
|||
|
|
node = node.previousSibling;
|
|||
|
|
|
|||
|
|
while (node.lastChild)
|
|||
|
|
node = node.lastChild;
|
|||
|
|
|
|||
|
|
return node;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (node.parentNode != root)
|
|||
|
|
return node.parentNode;
|
|||
|
|
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// HTML elements that can be used with class="incremental"
|
|||
|
|
// note that you can also put the class on containers like
|
|||
|
|
// up, ol, dl, and div to make their contents appear
|
|||
|
|
// incrementally. Upper case is used since this is what
|
|||
|
|
// browsers report for HTML node names (text/html).
|
|||
|
|
function incrementalElementList()
|
|||
|
|
{
|
|||
|
|
var inclist = new Array();
|
|||
|
|
inclist["P"] = true;
|
|||
|
|
inclist["PRE"] = true;
|
|||
|
|
inclist["LI"] = true;
|
|||
|
|
inclist["BLOCKQUOTE"] = true;
|
|||
|
|
inclist["DT"] = true;
|
|||
|
|
inclist["DD"] = true;
|
|||
|
|
inclist["H2"] = true;
|
|||
|
|
inclist["H3"] = true;
|
|||
|
|
inclist["H4"] = true;
|
|||
|
|
inclist["H5"] = true;
|
|||
|
|
inclist["H6"] = true;
|
|||
|
|
inclist["SPAN"] = true;
|
|||
|
|
inclist["ADDRESS"] = true;
|
|||
|
|
inclist["TABLE"] = true;
|
|||
|
|
inclist["TR"] = true;
|
|||
|
|
inclist["TH"] = true;
|
|||
|
|
inclist["TD"] = true;
|
|||
|
|
inclist["IMG"] = true;
|
|||
|
|
inclist["OBJECT"] = true;
|
|||
|
|
return inclist;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function nextIncrementalItem(node)
|
|||
|
|
{
|
|||
|
|
var slide = slides[slidenum];
|
|||
|
|
|
|||
|
|
for (;;)
|
|||
|
|
{
|
|||
|
|
node = nextNode(slide, node);
|
|||
|
|
|
|||
|
|
if (node == null || node.parentNode == null)
|
|||
|
|
break;
|
|||
|
|
|
|||
|
|
if (node.nodeType == 1) // ELEMENT
|
|||
|
|
{
|
|||
|
|
if (node.nodeName == "BR")
|
|||
|
|
continue;
|
|||
|
|
|
|||
|
|
if (hasClass(node, "incremental")
|
|||
|
|
&& okayForIncremental[node.nodeName])
|
|||
|
|
return node;
|
|||
|
|
|
|||
|
|
if (hasClass(node.parentNode, "incremental")
|
|||
|
|
&& !hasClass(node, "non-incremental"))
|
|||
|
|
return node;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return node;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function previousIncrementalItem(node)
|
|||
|
|
{
|
|||
|
|
var slide = slides[slidenum];
|
|||
|
|
|
|||
|
|
for (;;)
|
|||
|
|
{
|
|||
|
|
node = previousNode(slide, node);
|
|||
|
|
|
|||
|
|
if (node == null || node.parentNode == null)
|
|||
|
|
break;
|
|||
|
|
|
|||
|
|
if (node.nodeType == 1)
|
|||
|
|
{
|
|||
|
|
if (node.nodeName == "BR")
|
|||
|
|
continue;
|
|||
|
|
|
|||
|
|
if (hasClass(node, "incremental")
|
|||
|
|
&& okayForIncremental[node.nodeName])
|
|||
|
|
return node;
|
|||
|
|
|
|||
|
|
if (hasClass(node.parentNode, "incremental")
|
|||
|
|
&& !hasClass(node, "non-incremental"))
|
|||
|
|
return node;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return node;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// set visibility for all elements on current slide with
|
|||
|
|
// a parent element with attribute class="incremental"
|
|||
|
|
function setVisibilityAllIncremental(value)
|
|||
|
|
{
|
|||
|
|
var node = nextIncrementalItem(null);
|
|||
|
|
|
|||
|
|
while (node)
|
|||
|
|
{
|
|||
|
|
node.style.visibility = value;
|
|||
|
|
node = nextIncrementalItem(node);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// reveal the next hidden item on the slide
|
|||
|
|
// node is null or the node that was last revealed
|
|||
|
|
function revealNextItem(node)
|
|||
|
|
{
|
|||
|
|
node = nextIncrementalItem(node);
|
|||
|
|
|
|||
|
|
if (node && node.nodeType == 1) // an element
|
|||
|
|
node.style.visibility = "visible";
|
|||
|
|
|
|||
|
|
return node;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
// exact inverse of revealNextItem(node)
|
|||
|
|
function hidePreviousItem(node)
|
|||
|
|
{
|
|||
|
|
if (node && node.nodeType == 1) // an element
|
|||
|
|
node.style.visibility = "hidden";
|
|||
|
|
|
|||
|
|
return previousIncrementalItem(node);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* set click handlers on all anchors */
|
|||
|
|
function patchAnchors()
|
|||
|
|
{
|
|||
|
|
var anchors = document.body.getElementsByTagName("a");
|
|||
|
|
|
|||
|
|
for (var i = 0; i < anchors.length; ++i)
|
|||
|
|
{
|
|||
|
|
anchors[i].onclick = clickedAnchor;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function clickedAnchor(e)
|
|||
|
|
{
|
|||
|
|
if (!e)
|
|||
|
|
var e = window.event;
|
|||
|
|
|
|||
|
|
// compare this.href with location.href
|
|||
|
|
// for link to another slide in this doc
|
|||
|
|
|
|||
|
|
if (pageAddress(this.href) == pageAddress(location.href))
|
|||
|
|
{
|
|||
|
|
// yes, so find new slide number
|
|||
|
|
var newslidenum = findSlideNumber(this.href);
|
|||
|
|
|
|||
|
|
if (newslidenum != slidenum)
|
|||
|
|
{
|
|||
|
|
slide = slides[slidenum];
|
|||
|
|
hideSlide(slide);
|
|||
|
|
slidenum = newslidenum;
|
|||
|
|
slide = slides[slidenum];
|
|||
|
|
showSlide(slide);
|
|||
|
|
setLocation();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else if (this.target == null)
|
|||
|
|
location.href = this.href;
|
|||
|
|
|
|||
|
|
this.blur();
|
|||
|
|
stopPropagation(e);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function pageAddress(uri)
|
|||
|
|
{
|
|||
|
|
var i = uri.indexOf("#");
|
|||
|
|
|
|||
|
|
// check if anchor is entire page
|
|||
|
|
|
|||
|
|
if (i < 0)
|
|||
|
|
return uri; // yes
|
|||
|
|
|
|||
|
|
return uri.substr(0, i);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showSlideNumber()
|
|||
|
|
{
|
|||
|
|
slideNumElement.innerHTML = "slide".localize() + " " +
|
|||
|
|
(slidenum + 1) + "/" + slides.length;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function setLocation()
|
|||
|
|
{
|
|||
|
|
var uri = pageAddress(location.href);
|
|||
|
|
|
|||
|
|
//if (slidenum > 0)
|
|||
|
|
uri = uri + "#(" + (slidenum+1) + ")";
|
|||
|
|
|
|||
|
|
if (uri != location.href && !khtml)
|
|||
|
|
location.href = uri;
|
|||
|
|
|
|||
|
|
document.title = title + " (" + (slidenum+1) + ")";
|
|||
|
|
//document.title = (slidenum+1) + ") " + slideName(slidenum);
|
|||
|
|
|
|||
|
|
showSlideNumber();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// find current slide based upon location
|
|||
|
|
// first find target anchor and then look
|
|||
|
|
// for associated div element enclosing it
|
|||
|
|
// finally map that to slide number
|
|||
|
|
function findSlideNumber(uri)
|
|||
|
|
{
|
|||
|
|
// first get anchor from page location
|
|||
|
|
|
|||
|
|
var i = uri.indexOf("#");
|
|||
|
|
|
|||
|
|
// check if anchor is entire page
|
|||
|
|
|
|||
|
|
if (i < 0)
|
|||
|
|
return 0; // yes
|
|||
|
|
|
|||
|
|
var anchor = unescape(uri.substr(i+1));
|
|||
|
|
|
|||
|
|
// now use anchor as XML ID to find target
|
|||
|
|
var target = document.getElementById(anchor);
|
|||
|
|
|
|||
|
|
if (!target)
|
|||
|
|
{
|
|||
|
|
// does anchor look like "(2)" for slide 2 ??
|
|||
|
|
// where first slide is (1)
|
|||
|
|
var re = /\((\d)+\)/;
|
|||
|
|
|
|||
|
|
if (anchor.match(re))
|
|||
|
|
{
|
|||
|
|
var num = parseInt(anchor.substring(1, anchor.length-1));
|
|||
|
|
|
|||
|
|
if (num > slides.length)
|
|||
|
|
num = 1;
|
|||
|
|
|
|||
|
|
if (--num < 0)
|
|||
|
|
num = 0;
|
|||
|
|
|
|||
|
|
return num;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// accept [2] for backwards compatibility
|
|||
|
|
re = /\[(\d)+\]/;
|
|||
|
|
|
|||
|
|
if (anchor.match(re))
|
|||
|
|
{
|
|||
|
|
var num = parseInt(anchor.substring(1, anchor.length-1));
|
|||
|
|
|
|||
|
|
if (num > slides.length)
|
|||
|
|
num = 1;
|
|||
|
|
|
|||
|
|
if (--num < 0)
|
|||
|
|
num = 0;
|
|||
|
|
|
|||
|
|
return num;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// oh dear unknown anchor
|
|||
|
|
return 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// search for enclosing slide
|
|||
|
|
|
|||
|
|
while (true)
|
|||
|
|
{
|
|||
|
|
// browser coerces html elements to uppercase!
|
|||
|
|
if (target.nodeName.toLowerCase() == "div" &&
|
|||
|
|
hasClass(target, "slide"))
|
|||
|
|
{
|
|||
|
|
// found the slide element
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// otherwise try parent element if any
|
|||
|
|
|
|||
|
|
target = target.parentNode;
|
|||
|
|
|
|||
|
|
if (!target)
|
|||
|
|
{
|
|||
|
|
return 0; // no luck!
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
for (i = 0; i < slides.length; ++i)
|
|||
|
|
{
|
|||
|
|
if (slides[i] == target)
|
|||
|
|
return i; // success
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// oh dear still no luck
|
|||
|
|
return 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// find slide name from first h1 element
|
|||
|
|
// default to document title + slide number
|
|||
|
|
function slideName(index)
|
|||
|
|
{
|
|||
|
|
var name = null;
|
|||
|
|
var slide = slides[index];
|
|||
|
|
|
|||
|
|
var heading = findHeading(slide);
|
|||
|
|
|
|||
|
|
if (heading)
|
|||
|
|
name = extractText(heading);
|
|||
|
|
|
|||
|
|
if (!name)
|
|||
|
|
name = title + "(" + (index + 1) + ")";
|
|||
|
|
|
|||
|
|
name.replace(/\&/g, "&");
|
|||
|
|
name.replace(/\</g, "<");
|
|||
|
|
name.replace(/\>/g, ">");
|
|||
|
|
|
|||
|
|
return name;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// find first h1 element in DOM tree
|
|||
|
|
function findHeading(node)
|
|||
|
|
{
|
|||
|
|
if (!node || node.nodeType != 1)
|
|||
|
|
return null;
|
|||
|
|
|
|||
|
|
if (node.nodeName == "H1" || node.nodeName == "h1")
|
|||
|
|
return node;
|
|||
|
|
|
|||
|
|
var child = node.firstChild;
|
|||
|
|
|
|||
|
|
while (child)
|
|||
|
|
{
|
|||
|
|
node = findHeading(child);
|
|||
|
|
|
|||
|
|
if (node)
|
|||
|
|
return node;
|
|||
|
|
|
|||
|
|
child = child.nextSibling;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// recursively extract text from DOM tree
|
|||
|
|
function extractText(node)
|
|||
|
|
{
|
|||
|
|
if (!node)
|
|||
|
|
return "";
|
|||
|
|
|
|||
|
|
// text nodes
|
|||
|
|
if (node.nodeType == 3)
|
|||
|
|
return node.nodeValue;
|
|||
|
|
|
|||
|
|
// elements
|
|||
|
|
if (node.nodeType == 1)
|
|||
|
|
{
|
|||
|
|
node = node.firstChild;
|
|||
|
|
var text = "";
|
|||
|
|
|
|||
|
|
while (node)
|
|||
|
|
{
|
|||
|
|
text = text + extractText(node);
|
|||
|
|
node = node.nextSibling;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return text;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return "";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
// find copyright text from meta element
|
|||
|
|
function findCopyright()
|
|||
|
|
{
|
|||
|
|
var name, content;
|
|||
|
|
var meta = document.getElementsByTagName("meta");
|
|||
|
|
|
|||
|
|
for (var i = 0; i < meta.length; ++i)
|
|||
|
|
{
|
|||
|
|
name = meta[i].getAttribute("name");
|
|||
|
|
content = meta[i].getAttribute("content");
|
|||
|
|
|
|||
|
|
if (name == "copyright")
|
|||
|
|
return content;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function findSizeAdjust()
|
|||
|
|
{
|
|||
|
|
var name, content, offset;
|
|||
|
|
var meta = document.getElementsByTagName("meta");
|
|||
|
|
|
|||
|
|
for (var i = 0; i < meta.length; ++i)
|
|||
|
|
{
|
|||
|
|
name = meta[i].getAttribute("name");
|
|||
|
|
content = meta[i].getAttribute("content");
|
|||
|
|
|
|||
|
|
if (name == "font-size-adjustment")
|
|||
|
|
return 1 * content;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function addToolbar()
|
|||
|
|
{
|
|||
|
|
var slideCounter, page;
|
|||
|
|
|
|||
|
|
var toolbar = createElement("div");
|
|||
|
|
toolbar.setAttribute("class", "toolbar");
|
|||
|
|
|
|||
|
|
if (ns_pos) // a reasonably behaved browser
|
|||
|
|
{
|
|||
|
|
var right = document.createElement("div");
|
|||
|
|
right.setAttribute("style", "float: right; text-align: right");
|
|||
|
|
|
|||
|
|
slideCounter = document.createElement("div")
|
|||
|
|
slideCounter.innerHTML = "slide".localize() + " n/m";
|
|||
|
|
right.appendChild(slideCounter);
|
|||
|
|
toolbar.appendChild(right);
|
|||
|
|
|
|||
|
|
var left = document.createElement("div");
|
|||
|
|
left.setAttribute("style", "text-align: left");
|
|||
|
|
|
|||
|
|
// global end of slide indicator
|
|||
|
|
eos = document.createElement("span");
|
|||
|
|
eos.innerHTML = "* ";
|
|||
|
|
left.appendChild(eos);
|
|||
|
|
|
|||
|
|
var help = document.createElement("a");
|
|||
|
|
help.setAttribute("href", helpPage);
|
|||
|
|
help.setAttribute("title", helpText.localize());
|
|||
|
|
help.innerHTML = "help?".localize();
|
|||
|
|
left.appendChild(help);
|
|||
|
|
helpAnchor = help; // save for focus hack
|
|||
|
|
|
|||
|
|
var gap1 = document.createTextNode(" ");
|
|||
|
|
left.appendChild(gap1);
|
|||
|
|
|
|||
|
|
var contents = document.createElement("a");
|
|||
|
|
contents.setAttribute("href", "javascript:toggleTableOfContents()");
|
|||
|
|
contents.setAttribute("title", "table of contents".localize());
|
|||
|
|
contents.innerHTML = "contents?".localize();
|
|||
|
|
left.appendChild(contents);
|
|||
|
|
|
|||
|
|
var gap2 = document.createTextNode(" ");
|
|||
|
|
left.appendChild(gap2);
|
|||
|
|
|
|||
|
|
var i = location.href.indexOf("#");
|
|||
|
|
|
|||
|
|
// check if anchor is entire page
|
|||
|
|
|
|||
|
|
if (i > 0)
|
|||
|
|
page = location.href.substr(0, i);
|
|||
|
|
else
|
|||
|
|
page = location.href;
|
|||
|
|
|
|||
|
|
var start = document.createElement("a");
|
|||
|
|
start.setAttribute("href", page);
|
|||
|
|
start.setAttribute("title", "restart presentation".localize());
|
|||
|
|
start.innerHTML = "restart?".localize();
|
|||
|
|
// start.setAttribute("href", "javascript:printSlides()");
|
|||
|
|
// start.setAttribute("title", "print all slides".localize());
|
|||
|
|
// start.innerHTML = "print!".localize();
|
|||
|
|
left.appendChild(start);
|
|||
|
|
|
|||
|
|
var copyright = findCopyright();
|
|||
|
|
|
|||
|
|
if (copyright)
|
|||
|
|
{
|
|||
|
|
var span = document.createElement("span");
|
|||
|
|
span.innerHTML = copyright;
|
|||
|
|
span.style.color = "black";
|
|||
|
|
span.style.marginLeft = "4em";
|
|||
|
|
left.appendChild(span);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
toolbar.appendChild(left);
|
|||
|
|
}
|
|||
|
|
else // IE so need to work around its poor CSS support
|
|||
|
|
{
|
|||
|
|
toolbar.style.position = (ie7 ? "fixed" : "absolute");
|
|||
|
|
toolbar.style.zIndex = "200";
|
|||
|
|
toolbar.style.width = "99.9%";
|
|||
|
|
toolbar.style.height = "1.2em";
|
|||
|
|
toolbar.style.top = "auto";
|
|||
|
|
toolbar.style.bottom = "0";
|
|||
|
|
toolbar.style.left = "0";
|
|||
|
|
toolbar.style.right = "0";
|
|||
|
|
toolbar.style.textAlign = "left";
|
|||
|
|
toolbar.style.fontSize = "60%";
|
|||
|
|
toolbar.style.color = "red";
|
|||
|
|
toolbar.borderWidth = 0;
|
|||
|
|
toolbar.style.background = "rgb(240,240,240)";
|
|||
|
|
|
|||
|
|
// would like to have help text left aligned
|
|||
|
|
// and page counter right aligned, floating
|
|||
|
|
// div's don't work, so instead use nested
|
|||
|
|
// absolutely positioned div's.
|
|||
|
|
|
|||
|
|
var sp = document.createElement("span");
|
|||
|
|
sp.innerHTML = " * ";
|
|||
|
|
toolbar.appendChild(sp);
|
|||
|
|
eos = sp; // end of slide indicator
|
|||
|
|
|
|||
|
|
var help = document.createElement("a");
|
|||
|
|
help.setAttribute("href", helpPage);
|
|||
|
|
help.setAttribute("title", helpText.localize());
|
|||
|
|
help.innerHTML = "help?".localize();
|
|||
|
|
toolbar.appendChild(help);
|
|||
|
|
helpAnchor = help; // save for focus hack
|
|||
|
|
|
|||
|
|
var gap1 = document.createTextNode(" ");
|
|||
|
|
toolbar.appendChild(gap1);
|
|||
|
|
|
|||
|
|
var contents = document.createElement("a");
|
|||
|
|
contents.setAttribute("href", "javascript:toggleTableOfContents()");
|
|||
|
|
contents.setAttribute("title", "table of contents".localize());
|
|||
|
|
contents.innerHTML = "contents?".localize();
|
|||
|
|
toolbar.appendChild(contents);
|
|||
|
|
|
|||
|
|
var gap2 = document.createTextNode(" ");
|
|||
|
|
toolbar.appendChild(gap2);
|
|||
|
|
|
|||
|
|
var i = location.href.indexOf("#");
|
|||
|
|
|
|||
|
|
// check if anchor is entire page
|
|||
|
|
|
|||
|
|
if (i > 0)
|
|||
|
|
page = location.href.substr(0, i);
|
|||
|
|
else
|
|||
|
|
page = location.href;
|
|||
|
|
|
|||
|
|
var start = document.createElement("a");
|
|||
|
|
start.setAttribute("href", page);
|
|||
|
|
start.setAttribute("title", "restart presentation".localize());
|
|||
|
|
start.innerHTML = "restart?".localize();
|
|||
|
|
// start.setAttribute("href", "javascript:printSlides()");
|
|||
|
|
// start.setAttribute("title", "print all slides".localize());
|
|||
|
|
// start.innerHTML = "print!".localize();
|
|||
|
|
toolbar.appendChild(start);
|
|||
|
|
|
|||
|
|
var copyright = findCopyright();
|
|||
|
|
|
|||
|
|
if (copyright)
|
|||
|
|
{
|
|||
|
|
var span = document.createElement("span");
|
|||
|
|
span.innerHTML = copyright;
|
|||
|
|
span.style.color = "black";
|
|||
|
|
span.style.marginLeft = "2em";
|
|||
|
|
toolbar.appendChild(span);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
slideCounter = document.createElement("div")
|
|||
|
|
slideCounter.style.position = "absolute";
|
|||
|
|
slideCounter.style.width = "auto"; //"20%";
|
|||
|
|
slideCounter.style.height = "1.2em";
|
|||
|
|
slideCounter.style.top = "auto";
|
|||
|
|
slideCounter.style.bottom = 0;
|
|||
|
|
slideCounter.style.right = "0";
|
|||
|
|
slideCounter.style.textAlign = "right";
|
|||
|
|
slideCounter.style.color = "red";
|
|||
|
|
slideCounter.style.background = "rgb(240,240,240)";
|
|||
|
|
|
|||
|
|
slideCounter.innerHTML = "slide".localize() + " n/m";
|
|||
|
|
toolbar.appendChild(slideCounter);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// ensure that click isn't passed through to the page
|
|||
|
|
toolbar.onclick = stopPropagation;
|
|||
|
|
document.body.appendChild(toolbar);
|
|||
|
|
slideNumElement = slideCounter;
|
|||
|
|
setEosStatus(false);
|
|||
|
|
|
|||
|
|
return toolbar;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isShownToc()
|
|||
|
|
{
|
|||
|
|
if (toc && toc.style.visible == "visible")
|
|||
|
|
return true;
|
|||
|
|
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showTableOfContents()
|
|||
|
|
{
|
|||
|
|
if (toc)
|
|||
|
|
{
|
|||
|
|
if (toc.style.visibility != "visible")
|
|||
|
|
{
|
|||
|
|
toc.style.visibility = "visible";
|
|||
|
|
toc.style.display = "block";
|
|||
|
|
toc.focus();
|
|||
|
|
|
|||
|
|
if (ie7 && slidenum == 0)
|
|||
|
|
setTimeout("ieHack()", 100);
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
hideTableOfContents();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function hideTableOfContents()
|
|||
|
|
{
|
|||
|
|
if (toc && toc.style.visibility != "hidden")
|
|||
|
|
{
|
|||
|
|
toc.style.visibility = "hidden";
|
|||
|
|
toc.style.display = "none";
|
|||
|
|
|
|||
|
|
try
|
|||
|
|
{
|
|||
|
|
if (!opera)
|
|||
|
|
helpAnchor.focus();
|
|||
|
|
}
|
|||
|
|
catch (e)
|
|||
|
|
{
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function toggleTableOfContents()
|
|||
|
|
{
|
|||
|
|
if (toc)
|
|||
|
|
{
|
|||
|
|
if (toc.style.visible != "visible")
|
|||
|
|
showTableOfContents();
|
|||
|
|
else
|
|||
|
|
hideTableOfContents();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// called on clicking toc entry
|
|||
|
|
function gotoEntry(e)
|
|||
|
|
{
|
|||
|
|
var target;
|
|||
|
|
|
|||
|
|
if (!e)
|
|||
|
|
var e = window.event;
|
|||
|
|
|
|||
|
|
if (e.target)
|
|||
|
|
target = e.target;
|
|||
|
|
else if (e.srcElement)
|
|||
|
|
target = e.srcElement;
|
|||
|
|
|
|||
|
|
// work around Safari bug
|
|||
|
|
if (target.nodeType == 3)
|
|||
|
|
target = target.parentNode;
|
|||
|
|
|
|||
|
|
if (target && target.nodeType == 1)
|
|||
|
|
{
|
|||
|
|
var uri = target.getAttribute("href");
|
|||
|
|
|
|||
|
|
if (uri)
|
|||
|
|
{
|
|||
|
|
//alert("going to " + uri);
|
|||
|
|
var slide = slides[slidenum];
|
|||
|
|
hideSlide(slide);
|
|||
|
|
slidenum = findSlideNumber(uri);
|
|||
|
|
slide = slides[slidenum];
|
|||
|
|
lastShown = null;
|
|||
|
|
setLocation();
|
|||
|
|
setVisibilityAllIncremental("hidden");
|
|||
|
|
setEosStatus(!nextIncrementalItem(lastShown));
|
|||
|
|
showSlide(slide);
|
|||
|
|
//target.focus();
|
|||
|
|
|
|||
|
|
try
|
|||
|
|
{
|
|||
|
|
if (!opera)
|
|||
|
|
helpAnchor.focus();
|
|||
|
|
}
|
|||
|
|
catch (e)
|
|||
|
|
{
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
hideTableOfContents(e);
|
|||
|
|
if (ie7) ieHack();
|
|||
|
|
stopPropagation(e);
|
|||
|
|
return cancel(e);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// called onkeydown for toc entry
|
|||
|
|
function gotoTocEntry(event)
|
|||
|
|
{
|
|||
|
|
var key;
|
|||
|
|
|
|||
|
|
if (!event)
|
|||
|
|
var event = window.event;
|
|||
|
|
|
|||
|
|
// kludge around NS/IE differences
|
|||
|
|
if (window.event)
|
|||
|
|
key = window.event.keyCode;
|
|||
|
|
else if (event.which)
|
|||
|
|
key = event.which;
|
|||
|
|
else
|
|||
|
|
return true; // Yikes! unknown browser
|
|||
|
|
|
|||
|
|
// ignore event if key value is zero
|
|||
|
|
// as for alt on Opera and Konqueror
|
|||
|
|
if (!key)
|
|||
|
|
return true;
|
|||
|
|
|
|||
|
|
// check for concurrent control/command/alt key
|
|||
|
|
// but are these only present on mouse events?
|
|||
|
|
|
|||
|
|
if (event.ctrlKey || event.altKey)
|
|||
|
|
return true;
|
|||
|
|
|
|||
|
|
if (key == 13)
|
|||
|
|
{
|
|||
|
|
var uri = this.getAttribute("href");
|
|||
|
|
|
|||
|
|
if (uri)
|
|||
|
|
{
|
|||
|
|
//alert("going to " + uri);
|
|||
|
|
var slide = slides[slidenum];
|
|||
|
|
hideSlide(slide);
|
|||
|
|
slidenum = findSlideNumber(uri);
|
|||
|
|
slide = slides[slidenum];
|
|||
|
|
lastShown = null;
|
|||
|
|
setLocation();
|
|||
|
|
setVisibilityAllIncremental("hidden");
|
|||
|
|
setEosStatus(!nextIncrementalItem(lastShown));
|
|||
|
|
showSlide(slide);
|
|||
|
|
//target.focus();
|
|||
|
|
|
|||
|
|
try
|
|||
|
|
{
|
|||
|
|
if (!opera)
|
|||
|
|
helpAnchor.focus();
|
|||
|
|
}
|
|||
|
|
catch (e)
|
|||
|
|
{
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
hideTableOfContents();
|
|||
|
|
if (ie7) ieHack();
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (key == 40 && this.next)
|
|||
|
|
{
|
|||
|
|
this.next.focus();
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (key == 38 && this.previous)
|
|||
|
|
{
|
|||
|
|
this.previous.focus();
|
|||
|
|
return cancel(event);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isTitleSlide(slide)
|
|||
|
|
{
|
|||
|
|
return hasClass(slide, "title");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// create div element with links to each slide
|
|||
|
|
function tableOfContents()
|
|||
|
|
{
|
|||
|
|
var toc = document.createElement("div");
|
|||
|
|
addClass(toc, "toc");
|
|||
|
|
//toc.setAttribute("tabindex", "0");
|
|||
|
|
|
|||
|
|
var heading = document.createElement("div");
|
|||
|
|
addClass(heading, "toc-heading");
|
|||
|
|
heading.innerHTML = "Table of Contents".localize();
|
|||
|
|
|
|||
|
|
heading.style.textAlign = "center";
|
|||
|
|
heading.style.width = "100%";
|
|||
|
|
heading.style.margin = "0";
|
|||
|
|
heading.style.marginBottom = "1em";
|
|||
|
|
heading.style.borderBottomStyle = "solid";
|
|||
|
|
heading.style.borderBottomColor = "rgb(180,180,180)";
|
|||
|
|
heading.style.borderBottomWidth = "1px";
|
|||
|
|
|
|||
|
|
toc.appendChild(heading);
|
|||
|
|
var previous = null;
|
|||
|
|
|
|||
|
|
for (var i = 0; i < slides.length; ++i)
|
|||
|
|
{
|
|||
|
|
var title = hasClass(slides[i], "title");
|
|||
|
|
var num = document.createTextNode((i + 1) + ". ");
|
|||
|
|
|
|||
|
|
toc.appendChild(num);
|
|||
|
|
|
|||
|
|
var a = document.createElement("a");
|
|||
|
|
a.setAttribute("href", "#(" + (i+1) + ")");
|
|||
|
|
|
|||
|
|
if (title)
|
|||
|
|
addClass(a, "titleslide");
|
|||
|
|
|
|||
|
|
var name = document.createTextNode(slideName(i));
|
|||
|
|
a.appendChild(name);
|
|||
|
|
a.onclick = gotoEntry;
|
|||
|
|
a.onkeydown = gotoTocEntry;
|
|||
|
|
a.previous = previous;
|
|||
|
|
|
|||
|
|
if (previous)
|
|||
|
|
previous.next = a;
|
|||
|
|
|
|||
|
|
toc.appendChild(a);
|
|||
|
|
|
|||
|
|
if (i == 0)
|
|||
|
|
toc.first = a;
|
|||
|
|
|
|||
|
|
if (i < slides.length - 1)
|
|||
|
|
{
|
|||
|
|
var br = document.createElement("br");
|
|||
|
|
toc.appendChild(br);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
previous = a;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
toc.focus = function () {
|
|||
|
|
if (this.first)
|
|||
|
|
this.first.focus();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
toc.onclick = function (e) {
|
|||
|
|
e||(e=window.event);
|
|||
|
|
hideTableOfContents();
|
|||
|
|
stopPropagation(e);
|
|||
|
|
|
|||
|
|
if (e.cancel != undefined)
|
|||
|
|
e.cancel = true;
|
|||
|
|
|
|||
|
|
if (e.returnValue != undefined)
|
|||
|
|
e.returnValue = false;
|
|||
|
|
|
|||
|
|
return false;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
toc.style.position = "absolute";
|
|||
|
|
toc.style.zIndex = "300";
|
|||
|
|
toc.style.width = "60%";
|
|||
|
|
toc.style.maxWidth = "30em";
|
|||
|
|
toc.style.height = "30em";
|
|||
|
|
toc.style.overflow = "auto";
|
|||
|
|
toc.style.top = "auto";
|
|||
|
|
toc.style.right = "auto";
|
|||
|
|
toc.style.left = "4em";
|
|||
|
|
toc.style.bottom = "4em";
|
|||
|
|
toc.style.padding = "1em";
|
|||
|
|
toc.style.background = "rgb(240,240,240)";
|
|||
|
|
toc.style.borderStyle = "solid";
|
|||
|
|
toc.style.borderWidth = "2px";
|
|||
|
|
toc.style.fontSize = "60%";
|
|||
|
|
|
|||
|
|
document.body.insertBefore(toc, document.body.firstChild);
|
|||
|
|
return toc;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function replaceByNonBreakingSpace(str)
|
|||
|
|
{
|
|||
|
|
for (var i = 0; i < str.length; ++i)
|
|||
|
|
str[i] = 160;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function initOutliner()
|
|||
|
|
{
|
|||
|
|
var items = document.getElementsByTagName("LI");
|
|||
|
|
|
|||
|
|
for (var i = 0; i < items.length; ++i)
|
|||
|
|
{
|
|||
|
|
var target = items[i];
|
|||
|
|
|
|||
|
|
if (!hasClass(target.parentNode, "outline"))
|
|||
|
|
continue;
|
|||
|
|
|
|||
|
|
target.onclick = outlineClick;
|
|||
|
|
|
|||
|
|
if (!ns_pos)
|
|||
|
|
{
|
|||
|
|
target.onmouseover = hoverOutline;
|
|||
|
|
target.onmouseout = unhoverOutline;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (foldable(target))
|
|||
|
|
{
|
|||
|
|
target.foldable = true;
|
|||
|
|
target.onfocus = function () {outline = this;};
|
|||
|
|
target.onblur = function () {outline = null;};
|
|||
|
|
|
|||
|
|
if (!target.getAttribute("tabindex"))
|
|||
|
|
target.setAttribute("tabindex", "0");
|
|||
|
|
|
|||
|
|
if (hasClass(target, "expand"))
|
|||
|
|
unfold(target);
|
|||
|
|
else
|
|||
|
|
fold(target);
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
addClass(target, "nofold");
|
|||
|
|
target.visible = true;
|
|||
|
|
target.foldable = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function foldable(item)
|
|||
|
|
{
|
|||
|
|
if (!item || item.nodeType != 1)
|
|||
|
|
return false;
|
|||
|
|
|
|||
|
|
var node = item.firstChild;
|
|||
|
|
|
|||
|
|
while (node)
|
|||
|
|
{
|
|||
|
|
if (node.nodeType == 1 && isBlock(node))
|
|||
|
|
return true;
|
|||
|
|
|
|||
|
|
node = node.nextSibling;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function fold(item)
|
|||
|
|
{
|
|||
|
|
if (item)
|
|||
|
|
{
|
|||
|
|
removeClass(item, "unfolded");
|
|||
|
|
addClass(item, "folded");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var node = item ? item.firstChild : null;
|
|||
|
|
|
|||
|
|
while (node)
|
|||
|
|
{
|
|||
|
|
if (node.nodeType == 1 && isBlock(node)) // element
|
|||
|
|
{
|
|||
|
|
// note that getElementStyle won't work for Safari 1.3
|
|||
|
|
node.display = getElementStyle(node, "display", "display");
|
|||
|
|
node.style.display = "none";
|
|||
|
|
node.style.visibility = "hidden";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
node = node.nextSibling;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
item.visible = false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function unfold(item)
|
|||
|
|
{
|
|||
|
|
if (item)
|
|||
|
|
{
|
|||
|
|
addClass(item, "unfolded");
|
|||
|
|
removeClass(item, "folded");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var node = item ? item.firstChild : null;
|
|||
|
|
|
|||
|
|
while (node)
|
|||
|
|
{
|
|||
|
|
if (node.nodeType == 1 && isBlock(node)) // element
|
|||
|
|
{
|
|||
|
|
// with fallback for Safari, see above
|
|||
|
|
node.style.display = (node.display ? node.display : "block");
|
|||
|
|
node.style.visibility = "visible";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
node = node.nextSibling;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
item.visible = true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function outlineClick(e)
|
|||
|
|
{
|
|||
|
|
var rightclick = false;
|
|||
|
|
var target;
|
|||
|
|
|
|||
|
|
if (!e)
|
|||
|
|
var e = window.event;
|
|||
|
|
|
|||
|
|
if (e.target)
|
|||
|
|
target = e.target;
|
|||
|
|
else if (e.srcElement)
|
|||
|
|
target = e.srcElement;
|
|||
|
|
|
|||
|
|
// work around Safari bug
|
|||
|
|
if (target.nodeType == 3)
|
|||
|
|
target = target.parentNode;
|
|||
|
|
|
|||
|
|
while (target && target.visible == undefined)
|
|||
|
|
target = target.parentNode;
|
|||
|
|
|
|||
|
|
if (!target)
|
|||
|
|
return true;
|
|||
|
|
|
|||
|
|
if (e.which)
|
|||
|
|
rightclick = (e.which == 3);
|
|||
|
|
else if (e.button)
|
|||
|
|
rightclick = (e.button == 2);
|
|||
|
|
|
|||
|
|
if (!rightclick && target.visible != undefined)
|
|||
|
|
{
|
|||
|
|
if (target.foldable)
|
|||
|
|
{
|
|||
|
|
if (target.visible)
|
|||
|
|
fold(target);
|
|||
|
|
else
|
|||
|
|
unfold(target);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
stopPropagation(e);
|
|||
|
|
e.cancel = true;
|
|||
|
|
e.returnValue = false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function hoverOutline(e)
|
|||
|
|
{
|
|||
|
|
var target;
|
|||
|
|
|
|||
|
|
if (!e)
|
|||
|
|
var e = window.event;
|
|||
|
|
|
|||
|
|
if (e.target)
|
|||
|
|
target = e.target;
|
|||
|
|
else if (e.srcElement)
|
|||
|
|
target = e.srcElement;
|
|||
|
|
|
|||
|
|
// work around Safari bug
|
|||
|
|
if (target.nodeType == 3)
|
|||
|
|
target = target.parentNode;
|
|||
|
|
|
|||
|
|
while (target && target.visible == undefined)
|
|||
|
|
target = target.parentNode;
|
|||
|
|
|
|||
|
|
if (target && target.foldable)
|
|||
|
|
target.style.cursor = "pointer";
|
|||
|
|
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function unhoverOutline(e)
|
|||
|
|
{
|
|||
|
|
var target;
|
|||
|
|
|
|||
|
|
if (!e)
|
|||
|
|
var e = window.event;
|
|||
|
|
|
|||
|
|
if (e.target)
|
|||
|
|
target = e.target;
|
|||
|
|
else if (e.srcElement)
|
|||
|
|
target = e.srcElement;
|
|||
|
|
|
|||
|
|
// work around Safari bug
|
|||
|
|
if (target.nodeType == 3)
|
|||
|
|
target = target.parentNode;
|
|||
|
|
|
|||
|
|
while (target && target.visible == undefined)
|
|||
|
|
target = target.parentNode;
|
|||
|
|
|
|||
|
|
if (target)
|
|||
|
|
target.style.cursor = "default";
|
|||
|
|
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function stopPropagation(e)
|
|||
|
|
{
|
|||
|
|
if (window.event)
|
|||
|
|
{
|
|||
|
|
window.event.cancelBubble = true;
|
|||
|
|
//window.event.returnValue = false;
|
|||
|
|
}
|
|||
|
|
else if (e)
|
|||
|
|
{
|
|||
|
|
e.cancelBubble = true;
|
|||
|
|
e.stopPropagation();
|
|||
|
|
//e.preventDefault();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* can't rely on display since we set that to none to hide things */
|
|||
|
|
function isBlock(elem)
|
|||
|
|
{
|
|||
|
|
var tag = elem.nodeName;
|
|||
|
|
|
|||
|
|
return tag == "OL" || tag == "UL" || tag == "P" ||
|
|||
|
|
tag == "LI" || tag == "TABLE" || tag == "PRE" ||
|
|||
|
|
tag == "H1" || tag == "H2" || tag == "H3" ||
|
|||
|
|
tag == "H4" || tag == "H5" || tag == "H6" ||
|
|||
|
|
tag == "BLOCKQUOTE" || tag == "ADDRESS";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getElementStyle(elem, IEStyleProp, CSSStyleProp)
|
|||
|
|
{
|
|||
|
|
if (elem.currentStyle)
|
|||
|
|
{
|
|||
|
|
return elem.currentStyle[IEStyleProp];
|
|||
|
|
}
|
|||
|
|
else if (window.getComputedStyle)
|
|||
|
|
{
|
|||
|
|
var compStyle = window.getComputedStyle(elem, "");
|
|||
|
|
return compStyle.getPropertyValue(CSSStyleProp);
|
|||
|
|
}
|
|||
|
|
return "";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// works with text/html and text/xhtml+xml with thanks to Simon Willison
|
|||
|
|
function createElement(element)
|
|||
|
|
{
|
|||
|
|
if (typeof document.createElementNS != 'undefined')
|
|||
|
|
{
|
|||
|
|
return document.createElementNS('http://www.w3.org/1999/xhtml', element);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (typeof document.createElement != 'undefined')
|
|||
|
|
{
|
|||
|
|
return document.createElement(element);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// designed to work with both text/html and text/xhtml+xml
|
|||
|
|
function getElementsByTagName(name)
|
|||
|
|
{
|
|||
|
|
if (typeof document.getElementsByTagNameNS != 'undefined')
|
|||
|
|
{
|
|||
|
|
return document.getElementsByTagNameNS('http://www.w3.org/1999/xhtml', name);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (typeof document.getElementsByTagName != 'undefined')
|
|||
|
|
{
|
|||
|
|
return document.getElementsByTagName(name);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
// clean alternative to innerHTML method, but on IE6
|
|||
|
|
// it doesn't work with named entities like
|
|||
|
|
// which need to be replaced by numeric entities
|
|||
|
|
function insertText(element, text)
|
|||
|
|
{
|
|||
|
|
try
|
|||
|
|
{
|
|||
|
|
element.textContent = text; // DOM3 only
|
|||
|
|
}
|
|||
|
|
catch (e)
|
|||
|
|
{
|
|||
|
|
if (element.firstChild)
|
|||
|
|
{
|
|||
|
|
// remove current children
|
|||
|
|
while (element.firstChild)
|
|||
|
|
element.removeChild(element.firstChild);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
element.appendChild(document.createTextNode(text));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// as above, but as method of all element nodes
|
|||
|
|
// doesn't work in IE6 which doesn't allow you to
|
|||
|
|
// add methods to the HTMLElement prototype
|
|||
|
|
if (HTMLElement != undefined)
|
|||
|
|
{
|
|||
|
|
HTMLElement.prototype.insertText = function(text) {
|
|||
|
|
var element = this;
|
|||
|
|
|
|||
|
|
try
|
|||
|
|
{
|
|||
|
|
element.textContent = text; // DOM3 only
|
|||
|
|
}
|
|||
|
|
catch (e)
|
|||
|
|
{
|
|||
|
|
if (element.firstChild)
|
|||
|
|
{
|
|||
|
|
// remove current children
|
|||
|
|
while (element.firstChild)
|
|||
|
|
element.removeChild(element.firstChild);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
element.appendChild(document.createTextNode(text));
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
function getSelectedText()
|
|||
|
|
{
|
|||
|
|
try
|
|||
|
|
{
|
|||
|
|
if (window.getSelection)
|
|||
|
|
return window.getSelection().toString();
|
|||
|
|
|
|||
|
|
if (document.getSelection)
|
|||
|
|
return document.getSelection().toString();
|
|||
|
|
|
|||
|
|
if (document.selection)
|
|||
|
|
return document.selection.createRange().text;
|
|||
|
|
}
|
|||
|
|
catch (e)
|
|||
|
|
{
|
|||
|
|
return "";
|
|||
|
|
}
|
|||
|
|
return "";
|
|||
|
|
}
|