native imports testing

sorvell · sorvell · commit 6734bf533bd4 · 2013-10-10T09:54:28.000-07:00
diff --git a/sorvell/importz/import1.html b/sorvell/importz/import1.html
@@ -3,3 +3,7 @@
 <link rel="import" href="more/import1_1.html">
 <script src="script.js" info="bottom"></script>
 <x-spy info="end">I'm in import1!</x-spy>
+
+<template>
+    <link rel="stylesheet" href="css.css">
+</template>
diff --git a/sorvell/importz/index.html b/sorvell/importz/index.html
@@ -9,31 +9,37 @@
       console.log(this.localName, doc, this.getAttribute('info'));
     }
     document.register('x-spy', {prototype: proto});
+
+
+    document.addEventListener('DOMContentLoaded', function() {
+      var i = document.querySelector('[rel=import]').import;
+      var i1 = i.querySelector('[rel=import]').import;
+      console.log(i, i1);
+      // img path is correct in import but 
+      // incorrect if cloned and inserted into main document.
+      var img = i1.querySelector('img').cloneNode(true);;
+      img.src = img.src;
+      //var src = img.src;
+      document.body.appendChild(img);
+      //console.log(img.src);
+      
+      // if template is cloned and content is inserted into main 
+      // document, paths are wrong.
+      var template = i1.querySelector('template');
+      document.body.appendChild(template.content.cloneNode(true));
+    });
   </script>
   <link rel="import" href="import1.html">
   <link rel="import" href="import2.html">
 </head>
 <body>
+  <template>
+    <link rel="stylesheet" href="css.css">
+  </template>
   <x-spy info="main-top"></x-spy>
   <script>
     console.log('script in main');
   </script>
   <x-spy info="main-bottom"></x-spy>
-  <script>
-    var i = document.querySelector('[rel=import]').import;
-    var i1 = i.querySelector('[rel=import]').import;
-    // img path is correct in import but 
-    // incorrect if cloned and inserted into main document.
-    var img = i1.querySelector('img').cloneNode(true);;
-    img.src = img.src;
-    //var src = img.src;
-    document.body.appendChild(img);
-    //console.log(img.src);
-    
-    // if template is cloned and content is inserted into main 
-    // document, paths are wrong.
-    var template = i1.querySelector('template');
-    document.body.appendChild(template.content.cloneNode(true));
-  </script>
 </body>
 </html>
