svn/view/SvgViewer.js

/*
 * SvgViewer.js

  iSlideMaker
    http://sourceforge.jp/projects/islidemaker/simple/

  Copyright(c) 2010, Isao Hara, isao-hara@users.sourceforge.jp

  All rights reserved. This program is made available under the terms of the
  Eclipse Public License v1.0 which accompanies this distribution, and is
  available at http://www.eclipse.org/legal/epl-v10.html

  Contributors:  Isao Hara.

 */

var systemDB;
var currentMode;
var editarea_w=80;
var editarea_h=10;
var MainTitle="Simple SVG Editor";

var targetItem=null;
var sx=0;
var sy=0;

function initEditor(name, dispname, size){
  systemDB = initDB(name, dispname, size);
}

// initialize a database
function initDB(name, dispname, size) {
  try {
    if (!window.openDatabase) {
        alert('not supported');
    } else {
        var version = '1.0';
        var myDB = openDatabase(name, version, dispname, size);
    }
  } catch(e) {
    if (e == INVALID_STATE_ERR) { // Version number mismatch.
      alert("Invalid database version.");
    } else {
      alert("Unknown error "+e+".");
    }
    return null;
  }

  createTables(myDB);
  return myDB;
}

function createTables(db) {
  if (0)  dropTables(db);

  db.transaction(
    function (transaction) {
        transaction.executeSql('CREATE TABLE IF NOT EXISTS files(id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT, name TEXT NOT NULL, filedata_id INTEGER NOT NULL, deleted INTEGER NOT NULL DEFAULT 0);', [], nullDataHandler, killTransaction);
        transaction.executeSql('CREATE TABLE IF NOT EXISTS filedata(id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT, datablob BLOB NOT NULL DEFAULT "");', [], nullDataHandler, errorHandler);
    }
  );
}

function dropTables(db) {
   db.transaction(
     function (transaction) {
        transaction.executeSql('DROP TABLE files;');
        transaction.executeSql('DROP TABLE filedata;');
     }
   );
}

function getFile(name, func, db){
  var myDB = db;
  if(!db) myDB = systemDB;

  var datadiv = document.getElementById('tempdata');
  if(datadiv) datadiv.setAttribute('lfname', name);
 
  myDB.transaction(
    function (transaction) {
      transaction.executeSql('SELECT * from files, filedata where files.name=? and files.filedata_id = filedata.id;', [name], eval(func), errorHandler);
    }
  );
}
 
//  Error Handlers 
function killTransaction(transaction, error){
    return true; 
}
 
function errorHandler(transaction, error){
  alert('Oops.  Error was '+error.message+' (Code '+error.code+')');
 
  var we_think_this_error_is_fatal = true;
  if (we_think_this_error_is_fatal) return true;
  return false;
}
 
function nullDataHandler(transaction, results){
}
 
function previewFile(id, data){
  var preview = document.getElementById(id);
  removeChildNodes(id);

  preview.style.display='block';
  preview.style.position='absolute';
  preview.style.top='180px';
  preview.style.width='80%';
  preview.style.height='80%';

  var ele = toSVGElement(data, '100%','100%');

  preview.appendChild(ele);

}

function previewFileOld(id, data){
  var preview = document.getElementById(id);
  preview.innerHTML="";
  preview.style.display='block';
  preview.style.position='absolute';
  preview.style.top='180px';
  preview.style.width='80%';
  preview.style.height='80%';
  preview.innerHTML+=format_file(data);
}


function toSVGElement(str, w, h){
  var xmlsvg = "xmlns:svg=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"";
  var parser = new DOMParser();
  var header = "<svg:svg width=\""+w+"\" height=\""+h+"\" "+xmlsvg+" id=\"svg_top\">"
  var footer = "</svg:svg>";
  var xmlDoc = parser.parseFromString(header+str+footer, "text/xml");
  var xmlRoot = xmlDoc.documentElement;
  var ele =  document.importNode(xmlRoot,true);
  return ele;
}
