IE do not render javascript

Dashboard
1

Helllo i do need to show my website using nodered in IE as shown in the code that follow.
Does anobody now a way to fix it?
Firefox Vs IE

immagine
immagine1858×1195 44.4 KB

The Nodered Canvas
[{"id":"f62c871d.795b18","type":"ui_button","z":"5c7c8391.e42ccc","name":"","group":"24da6cbe.22bc5c","order":1,"width":0,"height":0,"passthru":false,"label":"Update","tooltip":"","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"","x":320,"y":480,"wires":[["ac422080.e32c1"]]},{"id":"24da6cbe.22bc5c","type":"ui_group","z":"","name":"5257","tab":"9246194e.adfa48","disp":false,"width":"30","collapse":false},{"id":"9246194e.adfa48","type":"ui_tab","z":"","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]

The Website

Create SVG Elements HTML body { background:#1a1a1aff; margin:0 } svg { display:block; border:5px solid #ccc; ; left:5%; width:90%; height:100%; background:#fff; } 
	<center>
<p><text id = "ID" >ID = -</text></p>
<p><text id = "Position" > Position = -</text></p>
<p><text id = "Lenght" >Lenght = -</text></p>
<p><text id = "Name" >Name = -</text></p>
</right>

  <g>
<rect
   class ="Sfondo"
   y="-400.0"
   x="0.0"
   height="400.0"
   width="2580.0"
   id="Base"
   style="opacity:1;fill:#808080ff;fill-opacity:1;stroke:none;stroke-width:3.7650001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
   ><animate attributeName="x" values="-2000;-1000;0" dur="3s"  /></rect>

  <g>
<rect
   class ="Sfondo"
   y="220.0"
   x="0.0"
   height="400.0"
   width="2580.0"
   id="Base"
   style="opacity:1;fill:#808080ff;fill-opacity:1;stroke:none;stroke-width:3.7650001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
   ><animate attributeName="x" values="2000;1000;0" dur="3s"  /></rect>

<g>
<rect
   class ="Sfondo"
   y="-40.0"
   x="0.0"
   height="40.0"
   width="2580.0"
   id="Base"
   style="opacity:1;fill:#ecececff;fill-opacity:1;stroke:none;stroke-width:3.7650001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
   ><animate attributeName="x" values="-2000;-1000;0" dur="3s"  /></rect>

<g>
<rect
   class ="Sfondo"
   y="180.0"
   x="0.0"
   height="40.0"
   width="2580.0"
   id="Base"
   style="opacity:1;fill:#ecececff;fill-opacity:1;stroke:none;stroke-width:3.7650001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
   ><animate attributeName="x" values="2000;1000;0" dur="3s"  /></rect>
2

Which version of IE?

You will find loads of problems with IE, especially with SVG grapics:

https://www.startpage.com/do/dsearch?query=internet+explorer+svg

https://www.startpage.com/sp/search?query=internet+explorer+svg+animate

If you are able to change browsers, now might be a good time! Many websites already don't work with IE and even the public sector organisations I work for and with are rapidly (well rapidly for them anyway!) moving away.

3

Unfortunately i can't change it. It's IE 11

4

OK, that is unfortunate.

I'm afraid then that you are going to have to do some research to find out whether what you want to do is even possible with IE, it may not be.

There are quite a lot of "polyfill" libraries though that have been created specifically to cater to IE's shortcomings so it may be worth some research.

5

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.