<?xml version="1.0" encoding="utf-8"?>
<feed xml:lang="en" xmlns="http://www.w3.org/2005/Atom"><title>Recent posts to Advanced issue - Image does not show</title><link href="https://forge.codesys.com/forge/talk/Visualization/thread/e9b33aff6d/" rel="alternate"/><link href="https://forge.codesys.com/forge/talk/Visualization/thread/e9b33aff6d/feed.atom" rel="self"/><id>https://forge.codesys.com/forge/talk/Visualization/thread/e9b33aff6d/</id><updated>2020-02-27T18:08:12.010000Z</updated><subtitle>Recent posts to Advanced issue - Image does not show</subtitle><entry><title>Advanced issue - Image does not show</title><link href="https://forge.codesys.com/forge/talk/Visualization/thread/e9b33aff6d/?limit=25#e4c0" rel="alternate"/><published>2020-02-27T18:08:12.010000Z</published><updated>2020-02-27T18:08:12.010000Z</updated><author><name>ThK</name><uri>https://forge.codesys.com/u/thk/</uri></author><id>https://forge.codesys.comb1e098f42908dd5a569182452fd31712c5aa3e1a</id><summary type="html">&lt;div class="markdown_content"&gt;&lt;p&gt;Hi studiologe,&lt;br/&gt;
you must use the exact name of your ImagePool in your code.&lt;/p&gt;
&lt;p&gt;BR&lt;/p&gt;
&lt;p&gt;&lt;img alt="IMG: Picture.png" rel="nofollow" src="https://forum.codesys.com//download/file.php?id=4049"/&gt;&lt;/p&gt;
&lt;p&gt;&lt;img alt="IMG: Code.png" rel="nofollow" src="https://forum.codesys.com//download/file.php?id=4048"/&gt;&lt;/p&gt;&lt;/div&gt;</summary></entry><entry><title>Advanced issue - Image does not show</title><link href="https://forge.codesys.com/forge/talk/Visualization/thread/e9b33aff6d/?limit=25#b03a" rel="alternate"/><published>2020-02-27T18:08:10.938000Z</published><updated>2020-02-27T18:08:10.938000Z</updated><author><name>eschwellinger</name><uri>https://forge.codesys.com/u/eschwellinger/</uri></author><id>https://forge.codesys.com35f13c0fc4e0cb70d749f78bd4094f0a16790ab4</id><summary type="html">&lt;div class="markdown_content"&gt;&lt;p&gt;Hi,&lt;br/&gt;
is it possible to send the projectarchive (or reduced project) to the CODESYS store "my question -&amp;gt; bug report"?&lt;br/&gt;
BR&lt;br/&gt;
Edwin&lt;/p&gt;&lt;/div&gt;</summary></entry><entry><title>Advanced issue - Image does not show</title><link href="https://forge.codesys.com/forge/talk/Visualization/thread/e9b33aff6d/?limit=25#1fee" rel="alternate"/><published>2020-02-27T18:08:07.930000Z</published><updated>2020-02-27T18:08:07.930000Z</updated><author><name>Studiologe</name><uri>https://forge.codesys.com/u/studiologe/</uri></author><id>https://forge.codesys.com11996a517b677b3173d6dff018b970e27428ae89</id><summary type="html">&lt;div class="markdown_content"&gt;&lt;p&gt;@Edwing:&lt;/p&gt;
&lt;p&gt;I did try a different browser, as I mentioned in my original post. I have also tried changing the security settings in the various different browsers that I have tried. Unfortunately that did not work.&lt;/p&gt;
&lt;p&gt;Any other ideas, of what could be going on here?&lt;/p&gt;&lt;/div&gt;</summary></entry><entry><title>Advanced issue - Image does not show</title><link href="https://forge.codesys.com/forge/talk/Visualization/thread/e9b33aff6d/?limit=25#d9bc" rel="alternate"/><published>2020-02-27T18:08:06.805000Z</published><updated>2020-02-27T18:08:06.805000Z</updated><author><name>eschwellinger</name><uri>https://forge.codesys.com/u/eschwellinger/</uri></author><id>https://forge.codesys.com0f57e5e145d8bc75302a7dc2c4b930064950e554</id><summary type="html">&lt;div class="markdown_content"&gt;&lt;p&gt;Hi,&lt;br/&gt;
could you try another browser for q quich test?&lt;br/&gt;
BR&lt;br/&gt;
Edwin&lt;/p&gt;&lt;/div&gt;</summary></entry><entry><title>Advanced issue - Image does not show</title><link href="https://forge.codesys.com/forge/talk/Visualization/thread/e9b33aff6d/?limit=25#22d4" rel="alternate"/><published>2020-02-27T18:08:05.362000Z</published><updated>2020-02-27T18:08:05.362000Z</updated><author><name>Studiologe</name><uri>https://forge.codesys.com/u/studiologe/</uri></author><id>https://forge.codesys.come1f1d31a3da42a1dc54d8f0e97a1e8b9b268bde5</id><summary type="html">&lt;div class="markdown_content"&gt;&lt;p&gt;Hello all,&lt;/p&gt;
&lt;p&gt;I have an issue with properly loading an image on the client side of the webvisu. I have following setup:&lt;br/&gt;
Wago PFC100 (750-8100) running codesys v3.5 SP13 Patch1.&lt;/p&gt;
&lt;p&gt;The image is properly loaded and embedded in the imagepool. (See attached screenshot). In the webvisu I created an image element with dynamic image switching, using a string variable. The switching of the image works perfect in the preview of the webvisu inside of codesys. However client side in a web browser does not display the image, even though it has been embedded. (see screenshots)&lt;/p&gt;
&lt;p&gt;When inspecting the website in my browser (right click -&amp;gt; "View page source") i get the following XML code:&lt;/p&gt;
&lt;div class="codehilite"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="cp"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;
&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;html&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;head&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
   &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;meta&lt;/span&gt; &lt;span class="na"&gt;http-equiv&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"content-type"&lt;/span&gt; &lt;span class="na"&gt;content&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"text/html;charset=UTF-8"&lt;/span&gt; &lt;span class="p"&gt;/&amp;gt;&lt;/span&gt;
   &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;script&lt;/span&gt; &lt;span class="na"&gt;language&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"javascript"&lt;/span&gt; &lt;span class="na"&gt;src&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"webvisu.js"&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;script&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
   &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;script&lt;/span&gt; &lt;span class="na"&gt;language&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"javascript"&lt;/span&gt; &lt;span class="na"&gt;src&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"browsercontrol_ext0.js"&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;script&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;head&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;body&lt;/span&gt; &lt;span class="na"&gt;onload&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"new Webvisu('background', 'foreground', false)"&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
   &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;div&lt;/span&gt; &lt;span class="na"&gt;style&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"position: absolute; left: 0px; top: 0px;"&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
      &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;canvas&lt;/span&gt; &lt;span class="na"&gt;id&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"background"&lt;/span&gt; &lt;span class="na"&gt;width&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"1280"&lt;/span&gt; &lt;span class="na"&gt;height&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"800"&lt;/span&gt; &lt;span class="na"&gt;style&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"position: absolute; left: 0px; top: 0px; z-index: 100;"&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;Webvisu not supported due to missing browser feature HTML5-Canvas&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;canvas&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
      &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;canvas&lt;/span&gt; &lt;span class="na"&gt;id&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"foreground"&lt;/span&gt; &lt;span class="na"&gt;width&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"1280"&lt;/span&gt; &lt;span class="na"&gt;height&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"800"&lt;/span&gt; &lt;span class="na"&gt;style&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"position: absolute; left: 0px; top: 0px; z-index: 200;"&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;Webvisu not supported due to missing browser feature HTML5-Canvas&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;canvas&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
   &lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;div&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;body&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;html&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;


&lt;p&gt;I have googled the missing browser feature HTML5-Canvas issue and it seems chrome suspects a XXS (Cross-Site Attack), since I'm changing the image programatically. &lt;br/&gt;
I tried changing settings in chrome, to allow java-script execution, no luck.&lt;br/&gt;
I have tried different browsers as well, and changing settings, same issue.&lt;br/&gt;
I did install the certificates, so the https is resolved correctly (on the underlying os of the PFC100), but still same issue, it won't load properly.&lt;/p&gt;
&lt;p&gt;Any ideas what else I could try? I really want those damn images to show client-sided.&lt;/p&gt;
&lt;p&gt;Thanks for any hints.&lt;/p&gt;
&lt;p&gt;&lt;img alt="IMG: webvisu.jpeg" rel="nofollow" src="https://forum.codesys.com//download/file.php?id=4026"/&gt;&lt;/p&gt;
&lt;p&gt;&lt;img alt="IMG: embedded image.PNG" rel="nofollow" src="https://forum.codesys.com//download/file.php?id=4025"/&gt;&lt;/p&gt;
&lt;p&gt;&lt;img alt="IMG: dynamic image.PNG" rel="nofollow" src="https://forum.codesys.com//download/file.php?id=4024"/&gt;&lt;/p&gt;&lt;/div&gt;</summary></entry></feed>