Webserver SVG change fill color

Hi guys,

i need some help with the following script for my user defined webserver. i want to change the svg object with the tag from the PLC 

<svg>

<circle class="CT3211" id="CT3211" cx="750" cy="132" r="10" style="fill:gray;" stroke-width="2"/>

</svg>

 Grt

Michael

MJB prog

Hi guys,

i need some help with the following script for my user defined webserver. i want to change the svg object with the tag from the PLC 

 "_1000_HSDB".Statussen.CT321_1.Waarde (true/false)

<script>

var x = document.getElementById("CT3211");

var x1 = :="_1000_HSDB".Statussen.CT321_1.Waarde:

if (x1 === 1)

x.style.fill = 'red';

if (x1 === 0)

x.style.fill = 'gray';

</script>

 

<svg>

<circle class="CT3211" id="CT3211" cx="750" cy="132" r="10" style="fill:gray;" stroke-width="2"/>

</svg>

 Grt

Michael

 you miss to place the PLC Tag between ":=" and ":" :-)

 Hi MJB prog

May you share webserver files with me(script&libraries) because I am trying hardly to do the same but there is no effective results. Thanks

MJB prog

Hi guys,

i need some help with the following script for my user defined webserver. i want to change the svg object with the tag from the PLC 

 "_1000_HSDB".Statussen.CT321_1.Waarde (true/false)

<script>

var x = document.getElementById("CT3211");

var x1 = "_1000_HSDB".Statussen.CT321_1.Waarde

if (x1 === 1)

x.style.fill = 'red';

if (x1 === 0)

x.style.fill = 'gray';

</script>

 

<svg>

<circle class="CT3211" id="CT3211" cx="750" cy="132" r="10" style="fill:gray;" stroke-width="2"/>

</svg>

 Grt

Michael

Hi,

as far as i can see, your code / AWP Command is wrong to load the PLC and tag, and as well the code in the if statement with the 3 = 

recommend to use JSON and AJAX as well here for that case :-)
https://support.industry.siemens.com/tf/ww/en/posts/s7-1200-webserver-using-json-to-display-plc-variables/154715?page=1&pageSize=10

BR
RedCali