updated first example to only using Ajax links

gadget/preview_by_hash_change.js

-// > grab URL with parameters of file to open
-// > call addGadget with those parameters?
-// > display a file from some storage (local/session)
-// > storage type will also be a parameter in the url?
-// return "browser://localstorage/foo"
-// file=browser%3A%2F%2Flocalstorage%2Ffoo
-
 /*global document, jQuery */
 "use strict";
 (function (document, $) {
@@ -24,6 +17,10 @@
   };
 
   var handler = function (event) {
+    var type = event.data.type,
+      method = type ? type.split("/")[0] : undefined;
+    // prevent both renderJs and page events triggering on "run"
+    if (type === undefined || method !== "run") {
       ajaxGet(event.data, function(value, status, jqXHR) {
         ajaxGet(value._links.enclosure.href, function(value, status, jqXHR) {
           if (value === "") {
@@ -34,13 +31,26 @@
         });
       });
     }
+  }
+
+  var getParameter = function(searchString, paramName) {
+    var i, val, params = searchString.split("&");
+
+    for (i=0;i<params.length;i++) {
+      val = params[i].split("=");
+      if (val[0] == paramName) {
+        return decodeURIComponent(val[1]);
+      }
+    }
+    return null;
+  };
 
-  var mapUrl = function (url) {
-    var searchString = url.href.split("?")[1],
-      fileToDisplay;
+  var mapUrl = function (searchString) {
+    var fileToDisplay = getParameter(searchString, "file"),
+      scope,
+      register,
+      service;
 
-    if (searchString) {
-      fileToDisplay = getParameter(searchString, "file");
     if (fileToDisplay) {
       $.ajax({
         method: 'GET',
@@ -50,43 +60,49 @@
           $(this).text(errorThrown);
         },
         success: function (value, textStatus, jqXHR) {
-            if (value === "") {
-              $(this).text("file not found");
-            } else {
-              $(this).text(value);
-            }
+
+          scope = value._links.scope.href.slice(0,-1).split(/[/]+/).pop();
+          register = value._links.call.href
+            .replace("{method}", "register")
+            .replace("{scope}", scope )
+            .replace("{interaction}", "");
+          service = {
+            "type": "service/test",
+            "src": encodeURIComponent(window.location.href),
+            "rel": "preview",
+            "self": window.frameElement.id
+          };
+
+          $.ajax({
+            method: 'POST',
+            url: register,
+            context: $(this),
+            data: JSON.stringify(service),
+            error: function (jqXHR, textStatus, errorThrown) {
+              console.log("registration failed: " + errorThrown);
             },
-        });
+            success: function (value, textStatus, jqXHR) {
+              // console.log("registration successful");
             }
-    } else {
-      $(this).text("no file to display");
+          });
         }
-  };
-
-  var getParameter = function(searchString, paramName) {
-    var i, val, params = searchString.split("&");
-
-    for (i=0;i<params.length;i++) {
-      val = params[i].split("=");
-      if (val[0] == paramName) {
-        return decodeURIComponent(val[1]);
+      });
     }
   }
-    return null;
-  };
 
   $(document).ready(function () {
-    // mapUrl(window.location);
+    var search = window.location.search;
+    if (search) {
+      mapUrl(search.slice(1));
+    } else {
+      $("body").text("No parameter found in url");
+    }
 
     if (window.addEventListener){
       window.addEventListener("message", handler, false)
     } else {
       window.attachEvent("onmessage", handler)
     }
-//     $(window).on('hashchange', function() {
-//       console.log("LE HASH CHANGED");
-//     });
-//     $(window).trigger("hashchange");
   });
 
 }(document, jQuery));
\ No newline at end of file