Infrastructure Preparation 23

Author: Taiizor

src/Taiizor.Essentials.Blazor/Extension/Add.cs

@@ -21,5 +21,15 @@ public static async Task BodyScript(string Node)
         {
             await Interop.Call("Taiizor.Add.Script.Body", Node);
         }
+
+        public static async Task Element(string Identify, string Tag)
+        {
+            await Interop.Call("Taiizor.Add.Element", Identify, Tag);
+        }
+
+        public static async Task ElementScript(string Identify, string Node)
+        {
+            await Interop.Call("Taiizor.Add.Script.Element", Identify, Node);
+        }
     }
 }

src/Taiizor.Essentials.Blazor/Extension/Include.cs

@@ -38,6 +38,19 @@ public static async Task ScriptProtected(string Path, string Pathname)
             }
         }
 
+        public static async Task ScriptElement(string Identify, string Path)
+        {
+            await Interop.Call("Taiizor.Include.Js.Element", Identify, Path);
+        }
+
+        public static async Task ScriptElementProtected(string Identify, string Path, string Pathname)
+        {
+            if (await Location.GetPathname() == Pathname)
+            {
+                await ScriptElement(Identify, Path);
+            }
+        }
+
         public static async Task Stylesheet(string Path)
         {
             await Stylesheet(Path, "stylesheet");

src/Taiizor.Essentials.Blazor/Resources/Raw/Taiizor.Blazor.js

@@ -744,6 +744,10 @@ Taiizor.Add.Body = function (tagHtml) {
     document.body.appendChild(document.createRange().createContextualFragment(tagHtml));
 }
 
+Taiizor.Add.Element = function (elementId, tagHtml) {
+    document.getElementById(elementId).appendChild(document.createRange().createContextualFragment(tagHtml));
+}
+
 Taiizor.Add.Script.Head = function (textNode) {
     var element = document.createElement('script');
     element.setAttribute('type', 'text/javascript');
@@ -760,6 +764,14 @@ Taiizor.Add.Script.Body = function (textNode) {
     document.body.appendChild(element);
 }
 
+Taiizor.Add.Script.Element = function (elementId, textNode) {
+    var element = document.createElement('script');
+    element.setAttribute('type', 'text/javascript');
+
+    element.appendChild(document.createTextNode(textNode));
+    document.getElementById(elementId).appendChild(element);
+}
+
 
 
 Taiizor.Attribute.Set = function (elementId, propertyName, propertyValue) {
@@ -877,6 +889,12 @@ Taiizor.Include.Js = function (path) {
     document.body.appendChild(customScript);
 }
 
+Taiizor.Include.Js.Element = function (elementId, path) {
+    var customScript = document.createElement('script');
+    customScript.setAttribute('src', path);
+    document.getElementById(elementId).appendChild(customScript);
+}
+
 Taiizor.Include.Css = function (path, rel, type) {
     var customStylesheet = document.createElement('link');
     customStylesheet.setAttribute('href', path);