X-Git-Url: http://git.shadowcat.co.uk/gitweb/gitweb.cgi?a=blobdiff_plain;f=root%2Fjs%2Fstexaminer.js;h=be483686a94115a89b9d1cb0e765c59a9724beb0;hb=f6bfb7638de00c063e860cec50f348fab3aee181;hp=0509c6629fab70e4aa51444993fed1e0759165e8;hpb=2923ebb19d7a80ab35d8a9c52640bda8d12155e2;p=scpubgit%2Fstemmaweb.git

diff --git a/root/js/stexaminer.js b/root/js/stexaminer.js
index 0509c66..be48368 100644
--- a/root/js/stexaminer.js
+++ b/root/js/stexaminer.js
@@ -1,6 +1,5 @@
 var colors = ['#ffeeaa','#afc6e9','#d5fff6','#ffccaa','#ffaaaa','#e5ff80','#e5d5ff','#ffd5e5'];
 var row_triggered = false;
-var original_svg;
 
 function handle_row_click( row ) {
 	var ridx = row.parent().parent().index()
@@ -10,18 +9,49 @@ function handle_row_click( row ) {
     $('#stemma_graph').append( imghtml );
 	if( rs.layerwits ) {
 		var stemma_form = { 'dot': graphdot, 'layerwits': rs.layerwits };
-		$('#stemma_graph').load( baseurl + 'graphsvg', stemma_form, function() {
+		$.post( baseurl + 'graphsvg', stemma_form, function( data ) {
+			var oSerializer = new XMLSerializer();
+			var xmlString = oSerializer.serializeToString( data.documentElement );
+			loadSVG( xmlString, function () { 
+				color_row( row );
+				show_stats( rs );
+			});
+		});
+	} else {
+		loadSVG( original_svg, function() {
 			color_row( row );
 			show_stats( rs );
 		});
-	} else {
-		$('#stemma_graph').empty();
-		$('#stemma_graph').append( original_svg );
-		color_row( row );
-		show_stats( rs );
 	}
 }
 
+// Load the SVG we are given
+function loadSVG(svgData, cb) {
+	var svgElement = $('#stemma_graph');
+
+	$(svgElement).svg('destroy');
+
+	$(svgElement).svg({
+		loadURL: svgData,
+		onLoad : function () {
+			var theSVG = svgElement.find('svg');
+			var svgoffset = theSVG.offset();
+			// Firefox needs a different offset, stupidly enough
+			var browseroffset = 1;
+			if( navigator.userAgent.indexOf('Firefox') > -1 ) {
+				browseroffset = 3;
+			}
+			var topoffset = theSVG.position().top - svgElement.position().top - browseroffset;
+			// If we are on Safari, we need to get rid of the 'pt' in the width/height
+			// specifications
+			theSVG.offset({ top: svgoffset.top - topoffset, left: svgoffset.left });
+			if( cb ) {
+				cb.call();
+			}
+		}
+	});
+}
+
 function color_row( row ) {
     row_triggered = true;
     $('ellipse').attr( {stroke:'white', fill:'#fff'} );
@@ -125,7 +155,7 @@ function fill_parent_template( rdghash, type ) {
 
 // Save the original unextended SVG for when we need it.
 $(document).ready(function () {
-	original_svg = $('#stemma_graph > svg').clone();
+	loadSVG( original_svg );
 	
 	$('#aboutlink').popupWindow({ 
 		height:500,