use paths relative to our base

[scpubgit/stemmatology.git] / stemmaweb / root / js / componentload.js

diff --git a/stemmaweb/root/js/componentload.js b/stemmaweb/root/js/componentload.js
index c9e3175..c233b15 100644 (file)
--- a/stemmaweb/root/js/componentload.js
+++ b/stemmaweb/root/js/componentload.js
@@ -1,6 +1,7 @@
 function loadTradition( textid ) {
     // First insert the placeholder image
-    var imghtml = '<img src="/images/ajax-loader.gif" alt="Loading SVG..."/>'
+    var basepath = window.location.pathname
+    var imghtml = '<img src="' + basepath + '/images/ajax-loader.gif" alt="Loading SVG..."/>'
     $('#stemma_graph').empty();
     $('#variant_graph').empty();
     $('#stemma_graph').append( imghtml );
@@ -8,12 +9,12 @@ function loadTradition( textid ) {
     // Then get and load the actual content.
     // TODO: scale #stemma_grpah both horizontally and vertically
     // TODO: load svgs from SVG.Jquery (to make scaling react in Safari)
-       $('#stemma_graph').load( "stemma/" + textid , function() {
+       $('#stemma_graph').load( basepath + "/stemma/" + textid , function() {
        var stemma_svg_element = $('#stemma_graph svg').svg().svg('get').root();
        console.log( stemma_svg_element );
        stemma_svg_element.height.baseVal.value = $('#stemma_graph').height();
        });
-    $('#variant_graph').load( "variantgraph/" + textid , function() {
+    $('#variant_graph').load( basepath + "/variantgraph/" + textid , function() {
        var variant_svg_element = $('#variant_graph svg').svg().svg('get').root();
        var svg_height = variant_svg_element.height.baseVal.value;
        var svg_width = variant_svg_element.width.baseVal.value;