Merge pull request #27 from LogiGear/viet.bui/fixShadowProperty

dviet3201 · web-flow · commit 51dc76edce78 · 2026-05-27T15:09:22.000+07:00
fix update property visiable
diff --git a/HTML_5/ControlsList/Properties.js b/HTML_5/ControlsList/Properties.js
@@ -39,7 +39,7 @@ function getElement_Top(idElement) {
 
 function getElement_Width(idElement) {
     if (typeof (idElement) == "string") {
-        element = document.getElementById(idElement);
+        element = GetControlByIDAndShadowContext(idElement);
     }
     else {
         element = idElement;
@@ -61,7 +61,7 @@ function getElement_Width(idElement) {
 
 function getElement_Height(idElement) {
     if (typeof (idElement) == "string") {
-        element = document.getElementById(idElement);
+        element = GetControlByIDAndShadowContext(idElement);
     }
     else {
         element = idElement;
@@ -156,40 +156,41 @@ function Element_visibility(value, isSet) {
 
     if (isSet == 1) {
         if (value.toLowerCase() == "true")
-            $("#" + IDControl).show();
+            GetControlByIDAndShadowContext(IDControl).style.display = "";
         else
-            $("#" + IDControl).hide();
+            GetControlByIDAndShadowContext(IDControl).style.display = "none";
     }
-    return ($("#" + IDControl).is(':visible'));
+
+    return GetControlByIDAndShadowContext(IDControl).style.display != "none";
 }
 
 function Element_Width(value, isSet) {
     if (isSet == 1) {
-        $("#" + IDControl).width(value);
+        GetControlByIDAndShadowContext(IDControl).style.width = `${value}px`;
         // var valWidth = GetControlByIDAndShadowContext(IDControl).style.Width;
     }
-    return getElement_Width(IDControl);
+    return GetControlByIDAndShadowContext(IDControl).style.width;
 }
 
 function Element_Height(value, isSet) {
     if (isSet == 1) {
-        $("#" + IDControl).height(value);
+        GetControlByIDAndShadowContext(IDControl).style.height = `${value}px`;
     }
-    return getElement_Height(IDControl);
+    return GetControlByIDAndShadowContext(IDControl).style.height;
 }
 
 function Element_Left(value, isSet) {
     if (isSet == 1) {
-        $("#" + IDControl).offset({ left: value });
+        GetControlByIDAndShadowContext(IDControl).style.left = `${value}px`;
     }
-    return getElement_Left(IDControl);
+    return GetControlByIDAndShadowContext(IDControl).style.left;
 }
 
 function Element_Top(value, isSet) {
     if (isSet == 1) {
-        $("#" + IDControl).offset({ top: value });
+        GetControlByIDAndShadowContext(IDControl).style.top = `${value}px`;
     }
-    return getElement_Top(IDControl);
+    return GetControlByIDAndShadowContext(IDControl).style.top;
 }
 
 function Element_Check(value, isSet) {
diff --git a/HTML_5/HTML_JP/ControlsList/Properties.js b/HTML_5/HTML_JP/ControlsList/Properties.js
@@ -39,7 +39,7 @@ function getElement_Top(idElement) {
 
 function getElement_Width(idElement) {
     if (typeof (idElement) == "string") {
-        element = document.getElementById(idElement);
+        element = GetControlByIDAndShadowContext(idElement);
     }
     else {
         element = idElement;
@@ -61,7 +61,7 @@ function getElement_Width(idElement) {
 
 function getElement_Height(idElement) {
     if (typeof (idElement) == "string") {
-        element = document.getElementById(idElement);
+        element = GetControlByIDAndShadowContext(idElement);
     }
     else {
         element = idElement;
@@ -156,38 +156,39 @@ function Element_visibility(value, isSet) {
 
     if (isSet == 1) {
         if (value.toLowerCase() == "true")
-            $("#" + IDControl).show();
+            GetControlByIDAndShadowContext(IDControl).style.display = "";
         else
-            $("#" + IDControl).hide();
+            GetControlByIDAndShadowContext(IDControl).style.display = "none";
     }
-    return ($("#" + IDControl).is(':visible'));
+
+    return GetControlByIDAndShadowContext(IDControl).style.display != "none";
 }
 
 function Element_Width(value, isSet) {
     if (isSet == 1) {
-        $("#" + IDControl).width(value);
+        GetControlByIDAndShadowContext(IDControl).style.width = `${value}px`;
         // var valWidth = GetControlByIDAndShadowContext(IDControl).style.Width;
     }
     return getElement_Width(IDControl);
 }
 
 function Element_Height(value, isSet) {
     if (isSet == 1) {
-        $("#" + IDControl).height(value);
+        GetControlByIDAndShadowContext(IDControl).style.height = `${value}px`;
     }
     return getElement_Height(IDControl);
 }
 
 function Element_Left(value, isSet) {
     if (isSet == 1) {
-        $("#" + IDControl).offset({ left: value });
+        GetControlByIDAndShadowContext(IDControl).style.left = `${value}px`;
     }
     return getElement_Left(IDControl);
 }
 
 function Element_Top(value, isSet) {
     if (isSet == 1) {
-        $("#" + IDControl).offset({ top: value });
+        GetControlByIDAndShadowContext(IDControl).style.top = `${value}px`;
     }
     return getElement_Top(IDControl);
 }

Original file line number	Diff line number	Diff line change
`@@ -39,7 +39,7 @@ function getElement_Top(idElement) {`
`39`	`39`
`40`	`40`	`function getElement_Width(idElement) {`
`41`	`41`	`if (typeof (idElement) == "string") {`
`42`		`- element = document.getElementById(idElement);`
	`42`	`+ element = GetControlByIDAndShadowContext(idElement);`
`43`	`43`	`}`
`44`	`44`	`else {`
`45`	`45`	`element = idElement;`
`@@ -61,7 +61,7 @@ function getElement_Width(idElement) {`
`61`	`61`
`62`	`62`	`function getElement_Height(idElement) {`
`63`	`63`	`if (typeof (idElement) == "string") {`
`64`		`- element = document.getElementById(idElement);`
	`64`	`+ element = GetControlByIDAndShadowContext(idElement);`
`65`	`65`	`}`
`66`	`66`	`else {`
`67`	`67`	`element = idElement;`
`@@ -156,40 +156,41 @@ function Element_visibility(value, isSet) {`
`156`	`156`
`157`	`157`	`if (isSet == 1) {`
`158`	`158`	`if (value.toLowerCase() == "true")`
`159`		`- $("#" + IDControl).show();`
	`159`	`+ GetControlByIDAndShadowContext(IDControl).style.display = "";`
`160`	`160`	`else`
`161`		`- $("#" + IDControl).hide();`
	`161`	`+ GetControlByIDAndShadowContext(IDControl).style.display = "none";`
`162`	`162`	`}`
`163`		`- return ($("#" + IDControl).is(':visible'));`
	`163`	`+`
	`164`	`+ return GetControlByIDAndShadowContext(IDControl).style.display != "none";`
`164`	`165`	`}`
`165`	`166`
`166`	`167`	`function Element_Width(value, isSet) {`
`167`	`168`	`if (isSet == 1) {`
`168`		`- $("#" + IDControl).width(value);`
	`169`	+ GetControlByIDAndShadowContext(IDControl).style.width = `${value}px`;
`169`	`170`	`// var valWidth = GetControlByIDAndShadowContext(IDControl).style.Width;`
`170`	`171`	`}`
`171`		`- return getElement_Width(IDControl);`
	`172`	`+ return GetControlByIDAndShadowContext(IDControl).style.width;`
`172`	`173`	`}`
`173`	`174`
`174`	`175`	`function Element_Height(value, isSet) {`
`175`	`176`	`if (isSet == 1) {`
`176`		`- $("#" + IDControl).height(value);`
	`177`	+ GetControlByIDAndShadowContext(IDControl).style.height = `${value}px`;
`177`	`178`	`}`
`178`		`- return getElement_Height(IDControl);`
	`179`	`+ return GetControlByIDAndShadowContext(IDControl).style.height;`
`179`	`180`	`}`
`180`	`181`
`181`	`182`	`function Element_Left(value, isSet) {`
`182`	`183`	`if (isSet == 1) {`
`183`		`- $("#" + IDControl).offset({ left: value });`
	`184`	+ GetControlByIDAndShadowContext(IDControl).style.left = `${value}px`;
`184`	`185`	`}`
`185`		`- return getElement_Left(IDControl);`
	`186`	`+ return GetControlByIDAndShadowContext(IDControl).style.left;`
`186`	`187`	`}`
`187`	`188`
`188`	`189`	`function Element_Top(value, isSet) {`
`189`	`190`	`if (isSet == 1) {`
`190`		`- $("#" + IDControl).offset({ top: value });`
	`191`	+ GetControlByIDAndShadowContext(IDControl).style.top = `${value}px`;
`191`	`192`	`}`
`192`		`- return getElement_Top(IDControl);`
	`193`	`+ return GetControlByIDAndShadowContext(IDControl).style.top;`
`193`	`194`	`}`
`194`	`195`
`195`	`196`	`function Element_Check(value, isSet) {`