cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Learn all about PTC Community Badges. Engage with PTC and see how many you can earn! X

How to embed Mashup in HTML iframe

Velkumar
18-Opal
18-Opal
‎Jun 10, 2020 05:59 AM
‎Jun 10, 2020 05:59 AM

How to embed Mashup in HTML iframe

Hi all,

 

I'm trying to embed Mashup in HTML iframe, but it throwing error while loading. I went through this PTC article still it throwing error - CS318142  

 

PFA the Web.xml file configuration

 

HTML Code

 

 

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

<div class="container"> 
  <iframe class="responsive-iframe" src="http://inchetwxdev2/Thingworx/Mashups/TestMashup?appKey=ec1b7ca4-611a-4f1c-97c3-efcdad3fba00&x-thingworx-session=true"></iframe>
</div>

</body>
</html>

 

 

 

Could anyone help me to solve this issue.

Thanks in advance

 

/VR

Preview file
22 KB
0 Kudos
Notify Moderator
7 REPLIES 7
Constantine
16-Pearl
16-Pearl
(To:Velkumar)
‎Jun 11, 2020 05:04 AM
‎Jun 11, 2020 05:04 AM

Hello @Velkumar,

 

On what URL do you host this HTML?

 

/ Constantine

0 Kudos
Notify Moderator
Velkumar
18-Opal
18-Opal
(To:Constantine)
‎Jun 11, 2020 08:28 AM
‎Jun 11, 2020 08:28 AM

Hi @Constantine 

 

I tried on same server where thingworx is deployed.

 

/VR

0 Kudos
Notify Moderator
Constantine
16-Pearl
16-Pearl
(To:Velkumar)
‎Jun 11, 2020 10:13 AM
‎Jun 11, 2020 10:13 AM

@Velkumar, do you see any errors in DevTools, Application or Catalina logs?

0 Kudos
Notify Moderator
BABA-SHYAM
14-Alexandrite
14-Alexandrite
(To:Velkumar)
‎Jun 11, 2020 07:30 AM
‎Jun 11, 2020 07:30 AM

Hello,

 

Try below code.

 

Regards

Shyam

 

============================================

 

<table>
<tr>
<td>
<input type="text" id="inputText" placeholder="Type anything to search..."/><br />
<input type="button" name="radiobutton" value="Search" onClick="changeDivContent()">
</td>
<td>
<div id="div1" style="width:1000px;height:500px;border:1px solid #ddd;"></div>

</td>
</tr>
</table>

<script>
function changeDivContent() {
var input = document.getElementById('inputText').value;
var url = "http://localhost/Thingworx/Runtime/index.html#mashup=MashupName&appKey=2c175b20-43ds-40f0-bb7c-1234323&x-thingworx-session=true&inputProductIds=xyz%3Babc";
var div = document.getElementById('div1');
div.innerHTML = '<iframe style="width:100%;height:100%;" Content-Security-Policy: frame-ancestors "self" frameborder="0" src="' + url + '" />';
var iframe = document.getElementById('iframe');
var htmlStr = url;
iframe.src=htmlStr;
};
function previewUrl(url, target) {

}
</script>

0 Kudos
Notify Moderator
Velkumar
18-Opal
18-Opal
(To:BABA-SHYAM)
‎Jun 11, 2020 08:30 AM
‎Jun 11, 2020 08:30 AM

Hi @BABA-SHYAM 

 

I tried code, still facing same issue.

 

Velkumar_0-1591878784886.png

 

/VR

0 Kudos
Notify Moderator
BABA-SHYAM
14-Alexandrite
14-Alexandrite
(To:Velkumar)
‎Jun 16, 2020 08:00 AM
‎Jun 16, 2020 08:00 AM

It is something to do with your browser and network. I too faced this issue. It was not working on my system but luckly worked on client's machine.

0 Kudos
Notify Moderator
slangley
23-Emerald II
23-Emerald II
(To:Velkumar)
‎Jun 24, 2020 03:50 PM
‎Jun 24, 2020 03:50 PM

Hi @Velkumar.

 

If one of the previous responses allowed you to resolve your problem, please mark the appropriate one as the Accepted Solution for the benefit of others with the same issue.

 

Thank you for your participation in our community!

 

Regards.

 

--Sharon

0 Kudos
Notify Moderator
Top Tags