+++ /dev/null
-var Presentation = {
- init : function(option){
- this.size = 9;
-
- this._offset = 0;
- this.canvas = document.getElementById('canvas');
- this.content = document.getElementById('content');
- this.textbox = document.getElementById('textField');
- this.deck = document.getElementById('deck');
- this.scroller = document.getElementById('scroller');
-
- this.toolbar = document.getElementById('canvasToolbar');
- this.toolbarHeight = this.toolbar.boxObject.height;
- this.isToolbarHidden = true;
- this.toolbar.setAttribute('style', 'margin-top:'+(0-this.toolbarHeight)+'px;margin-bottom:0px;');
-
- if(option){
- for(var i in option){this[i] = option[i]}
- }
-
- if (this.readParameter()) {
- this.takahashi();
- }
-
- document.documentElement.focus();
- },
-
- takahashi : function(){
- if (!document.title)
- document.title = this.data[0].replace(/[\r\n]/g, ' ');
-
- if(!this.data[this.offset]){
- this.offset = this.data.length-1;
- }
- document.getElementById("current_page").value = this.offset+1;
- document.getElementById("max_page").value = this.data.length;
-
- this.scroller.setAttribute('maxpos', this.data.length-1);
- this.scroller.setAttribute('curpos', this.offset);
-
- var broadcaster = document.getElementById('canBack');
- if (!this.offset)
- broadcaster.setAttribute('disabled', true);
- else
- broadcaster.removeAttribute('disabled');
-
- var broadcaster = document.getElementById('canForward');
- if (this.offset == this.data.length-1)
- broadcaster.setAttribute('disabled', true);
- else
- broadcaster.removeAttribute('disabled');
-
- this.canvas.setAttribute('rendering', true);
-
- var text = this.data[this.offset].
- replace(/^[\r\n]+/g,"").replace(/[\r\n]+$/g,"").replace(/(\r\n|[\r\n])/g,"\n")
- .split('\n');
- var range = document.createRange();
- range.selectNodeContents(this.content);
- range.deleteContents();
- range.detach();
-
- var line;
- var newLine;
- var uri;
- var image_width;
- var image_total_width = 0;
- var image_height;
- var image_total_height = 0;
- var image_src;
- var code_listing = 0;
-
-
- var labelId = 0;
-
- for (var i = 0; i < text.length; i++)
- {
- this.content.appendChild(document.createElement('hbox'));
- this.content.lastChild.setAttribute('align', 'center');
- this.content.lastChild.setAttribute('pack', 'center');
-
- line = text[i];
- image_width = 0;
- image_height = 0;
-
- if (line.match(/^ /)) {
- code_listing = 1;
- this.content.lastChild.setAttribute('align', 'left');
- this.content.lastChild.setAttribute('class', 'pre');
- line = line.substring(1)
- }
-
- while (line.match(/^([^\{]+)?(\{\{ima?ge? +src="([^"]+)" +width="([0-9]+)" +height="([0-9]+)"[^\}]*\}\}|\{\{(([^\|]+)?\||)([^\}]+)\}\})(.+)?/))
- {
- if (RegExp.$1) {
- this.content.lastChild.appendChild(document.createElement('description'));
- this.content.lastChild.lastChild.setAttribute('value', RegExp.$1);
- }
- newLine = line.substring((RegExp.$1+RegExp.$2).length);
-
- // Images
- if (/^([^\{]+)?\{\{ima?ge? +src="([^"]+)" +width="([0-9]+)" +height="([0-9]+)"[^\}]*\}\}/.test(line)) {
- this.content.lastChild.appendChild(document.createElement('image'));
- image_src = RegExp.$2;
- if (image_src.indexOf('http://') < 0 &&
- image_src.indexOf('https://') < 0)
- image_src = this.dataFolder+image_src;
- this.content.lastChild.lastChild.setAttribute('src', image_src);
- this.content.lastChild.lastChild.setAttribute('width', parseInt(RegExp.$3 || '0'));
- this.content.lastChild.lastChild.setAttribute('height', parseInt(RegExp.$4 || '0'));
- image_width += parseInt(RegExp.$3 || '0');
- image_height = Math.max(image_height, parseInt(RegExp.$4 || '0'));
- }
-
- // Styles
- // else if (/^([^\{]+)?\{\{#([^\|]+)\|([^\}]+)\}\}/.test(line)) {
- else if (/^([^\{]+)?\{\{(#([^\|]+)?\|)([^\}]+)\}\}/.test(line)) {
- uri = RegExp.$4;
- this.content.lastChild.appendChild(document.createElement('description'));
- this.content.lastChild.lastChild.setAttribute('value', uri);
- this.content.lastChild.lastChild.setAttribute('class', RegExp.$3);
- }
-
- // Links
- else if (/^([^\{]+)?\{\{(([^\|]+)?\||)([^\}]+)\}\}/.test(line)) {
- uri = RegExp.$4;
- if (uri.indexOf('://') < 0)
- uri = this.dataFolder+uri;
- this.content.lastChild.appendChild(document.createElement('description'));
- this.content.lastChild.lastChild.setAttribute('value', RegExp.$3 || RegExp.$4);
- this.content.lastChild.lastChild.setAttribute('href', uri);
- this.content.lastChild.lastChild.setAttribute('tooltiptext', uri);
- this.content.lastChild.lastChild.setAttribute('statustext', uri);
- this.content.lastChild.lastChild.setAttribute('class', 'link-text');
- }
-
- line = newLine;
- }
-
- if (line) {
- this.content.lastChild.appendChild(document.createElement('description'));
- this.content.lastChild.lastChild.setAttribute('value', line);
- }
-
- image_total_width = Math.max(image_total_width, image_width);
- image_total_height += image_height;
- }
-
- this.content.setAttribute('style', 'font-size:10px;');
-
- if (this.content.boxObject.width) {
- var canvas_w = this.canvas.boxObject.width;
- var canvas_h = this.canvas.boxObject.height-image_total_height;
-
- var content_w = this.content.boxObject.width;
- var new_fs = Math.round((canvas_w/content_w) * this.size);
-
- new_fs = new_fs - (new_fs % 32);
- if (code_listing) { new_fs = 48;}
-
- this.content.setAttribute('style', 'top: 0');
- this.content.setAttribute('style', 'font-size:'+ new_fs + "px");
-
- if (this.content.boxObject.width < image_total_width) {
- content_w = image_total_width;
- new_fs = Math.round((canvas_w/content_w) * this.size);
- this.content.setAttribute('style', 'font-size:'+ new_fs + "px");
- }
-
- var content_h = this.content.boxObject.height;
- if(content_h >= canvas_h){
- content_h = this.content.boxObject.height;
- new_fs = Math.round((canvas_h/content_h) * new_fs);
- this.content.setAttribute('style', 'font-size:'+ new_fs + "px");
- }
- }
-
-
-
- this.canvas.removeAttribute('rendering');
- },
-
- reload : function() {
- if (this.dataPath != location.href) {
- var path = this.dataPath;
- if (location.href.match(/^https?:/)) {
- var request = new XMLHttpRequest();
- request.open('GET', path);
- request.onload = function() {
- Presentation.textbox.value = request.responseText;
- Presentation.data = Presentation.textbox.value.split('----');
-
- Presentation.takahashi();
-
- path = null;
- request = null;
- };
- request.send(null);
- }
- else {
- document.getElementById('dataLoader').setAttribute('src', 'about:blank');
- window.setTimeout(function() {
- document.getElementById('dataLoader').setAttribute('src', path);
- path = null;
- }, 10);
- }
- }
- else
- window.location.reload();
- },
-
- forward : function(){
- this.offset++;
- this.takahashi();
- },
- back : function(){
- this.offset--;
- if(this.offset < 0){this.offset = 0}
- this.takahashi();
- },
- home : function(){
- this.offset = 0;
- this.takahashi();
- },
- end : function(){
- this.offset = this.data.length-1;
- this.takahashi();
- },
- showPage : function(aPageOffset){
- this.offset = aPageOffset ? aPageOffset : 0 ;
- this.takahashi();
- },
-
- addPage : function() {
- if (this.textbox.value &&
- !this.textbox.value.match(/(\r\n|[\r\n])$/))
- this.textbox.value += '\n';
- this.textbox.value += '----\n';
- this.onEdit();
- },
-
- toggleEditMode : function(){
- this.deck.selectedIndex = (this.deck.selectedIndex == 0) ? 1 : 0 ;
- },
- toggleEvaMode : function(){
- var check = document.getElementById('toggleEva');
- if (this.canvas.getAttribute('eva') == 'true') {
- this.canvas.removeAttribute('eva');
- check.checked = false;
- }
- else {
- this.canvas.setAttribute('eva', true);
- check.checked = true;
- }
- },
-
- onPresentationClick : function(aEvent){
- if (!this.isToolbarHidden)
- this.showHideToolbar();
-
- switch(aEvent.button)
- {
- case 0:
- var uri = aEvent.target.getAttribute('href');
- if (uri)
- window.open(uri);
- else {
- this.forward();
- document.documentElement.focus();
- }
- break;
- case 2:
- this.back();
- document.documentElement.focus();
- break;
- default:
- break;
- }
- },
- onScrollerDragStart : function(){
- this.scroller.dragging = true;
- },
- onScrollerDragMove : function(){
- if (this.scroller.dragging)
- this.showPage(parseInt(this.scroller.getAttribute('curpos')));
- },
- onScrollerDragDrop : function(){
- if (this.scroller.dragging) {
- this.showPage(parseInt(this.scroller.getAttribute('curpos')));
- }
- this.scroller.dragging = false;
- },
- onEdit : function() {
- this.data = this.textbox.value.split('----');
- this.takahashi();
- },
-
- onKeyPress : function(aEvent) {
- switch(aEvent.keyCode)
- {
- case aEvent.DOM_VK_BACK_SPACE:
- if (this.isPresentationMode) {
- aEvent.preventBubble();
- aEvent.preventDefault();
- Presentation.back();
- }
- break;
- default:
- break;
- }
- },
-
-
- onToolbarArea : false,
- toolbarHeight : 0,
- toolbarDelay : 300,
- toolbarTimer : null,
- isToolbarHidden : false,
- onMouseMoveOnCanvas : function(aEvent) {
- if (this.scroller.dragging) return;
-
- this.onToolbarArea = (aEvent.clientY < this.toolbarHeight);
-
- if (this.isToolbarHidden == this.onToolbarArea) {
- if (this.toolbarTimer) window.clearTimeout(this.toolbarTimer);
- this.toolbarTimer = window.setTimeout('Presentation.onMouseMoveOnCanvasCallback()', this.toolbarDelay);
- }
- },
- onMouseMoveOnCanvasCallback : function() {
- if (this.isToolbarHidden == this.onToolbarArea)
- this.showHideToolbar();
- },
-
- toolbarAnimationDelay : 100,
- toolbarAnimationSteps : 5,
- toolbarAnimationInfo : null,
- toolbarAnimationTimer : null,
- showHideToolbar : function()
- {
- if (this.toolbarAnimationTimer) window.clearTimeout(this.toolbarAnimationTimer);
-
- this.toolbarAnimationInfo = { count : 0 };
- if (this.isToolbarHidden) {
- this.toolbarAnimationInfo.start = 0;
- this.toolbarAnimationInfo.end = this.toolbarHeight;
- }
- else {
- this.toolbarAnimationInfo.start = this.toolbarHeight;
- this.toolbarAnimationInfo.end = 0;
- }
- this.toolbarAnimationInfo.current = 0;
-
- this.toolbar.setAttribute('style', 'margin-top:'+(0-(this.toolbarHeight-this.toolbarAnimationInfo.start))+'px; margin-bottom:'+(0-this.toolbarAnimationInfo.start)+'px;');
-
- this.toolbarAnimationTimer = window.setTimeout('Presentation.animateToolbar()', this.toolbarAnimationDelay/this.toolbarAnimationSteps);
- },
- animateToolbar : function()
- {
- this.toolbarAnimationInfo.current += parseInt(this.toolbarHeight/this.toolbarAnimationSteps);
-
- var top, bottom;
- if (this.toolbarAnimationInfo.start < this.toolbarAnimationInfo.end) {
- top = this.toolbarHeight-this.toolbarAnimationInfo.current;
- bottom = this.toolbarAnimationInfo.current;
- }
- else {
- top = this.toolbarAnimationInfo.current;
- bottom = this.toolbarHeight-this.toolbarAnimationInfo.current;
- }
-
- top = Math.min(Math.max(top, 0), this.toolbarHeight);
- bottom = Math.min(Math.max(bottom, 0), this.toolbarHeight);
-
- this.toolbar.setAttribute('style', 'margin-top:'+(0-top)+'px; margin-bottom:'+(0-bottom)+'px');
-
- if (this.toolbarAnimationInfo.count < this.toolbarAnimationSteps) {
- this.toolbarAnimationInfo.count++;
- this.toolbarAnimationTimer = window.setTimeout('Presentation.animateToolbar()', this.toolbarAnimationDelay/this.toolbarAnimationSteps);
- }
- else
- this.isToolbarHidden = !this.isToolbarHidden;
- },
-
-
-
- get offset(){
- return this._offset;
- },
- set offset(aValue){
- this._offset = parseInt(aValue || 0);
- document.documentElement.setAttribute('lastoffset', this.offset);
- return this.offset;
- },
-
- get data(){
- if (!this._data) {
- // Make sure you break the text into parts smaller than 4096
- // characters, and name them as indicated. Tweak as required.
- // (What a hack. A JS programmer should find a better way.)
- // Luc St-Louis, and email is lucs@pobox.com.
-
- nodes = document.getElementById('builtinCode').childNodes;
- content = '';
- for (i in nodes) {
- if (nodes[i].nodeValue) {
- content = content + nodes[i].nodeValue;
- }
- }
-
- this._data = content.split("----");
- }
-
- return this._data;
- },
- set data(aValue){
- this._data = aValue;
- return aValue;
- },
-
-
- get isPresentationMode(){
- return (this.deck.selectedIndex == 0);
- },
-
-
- get dataPath(){
- if (!this._dataPath)
- this.dataPath = location.href;
- return this._dataPath;
- },
- set dataPath(aValue){
- var oldDataPath = this._dataPath;
- this._dataPath = aValue;
- if (oldDataPath != aValue) {
- this._dataFolder = this._dataPath.split('?')[0].replace(/[^\/]+$/, '');
- }
- return this._dataPath;
- },
-
- get dataFolder(){
- if (!this._dataFolder)
- this.dataPath = this.dataPath;
- return this._dataFolder;
- },
- set dataFolder(aValue){
- this._dataFolder = aValue;
- return this._dataFolder;
- },
-
- readParameter : function() {
- if (location.search) {
- var param = location.search.replace(/^\?/, '');
-
- if (param.match(/page=([0-9]+)/i))
- this.offset = parseInt(RegExp.$1)-1;
-
- if (param.match(/edit=(1|true|yes)/i))
- this.toggleEditMode();
-
- if (param.match(/eva=(1|true|yes)/i))
- this.toggleEvaMode();
-
- if (param.match(/data=([^&;]+)/i)) {
- var path = unescape(RegExp.$1);
- this.dataPath = path;
- if (location.href.match(/^https?:/)) {
- var request = new XMLHttpRequest();
- request.open('GET', path);
- request.onload = function() {
- Presentation.textbox.value = request.responseText;
- Presentation.data = Presentation.textbox.value.split('----');
-
- Presentation.takahashi();
- };
- request.send(null);
- }
- else {
- document.getElementById('dataLoader').setAttribute('src', path);
- }
- return false;
- }
- }
- return true;
- },
- onDataLoad : function() {
- if (!window.frames[0].document.body.hasChildNodes()) return;
- var data = window.frames[0].document.body.firstChild.innerHTML;
- if (!data) return;
-
- this.textbox.value = data;
- this.data = this.textbox.value.split('----');
-
- this.takahashi();
- }
-};
-
-function init()
-{
- window.removeEventListener('load', init, false);
-
- Presentation.init();
-}
-window.addEventListener('load', init, false);