Accepted Solutions
I found a really easy solution! You can embed an html page within another html page using <iframe> tags. Here's a really simple example:
<!DOCTYPE html>
<html>
<head>
<title>Main Page</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="initial-scale=1.0">
<style>
iframe {
width: 100%;
height: 600px;
}
</style>
</head>
<body>
<p>Some content above.</p>
<iframe src="Graph%20Builder.htm"></iframe>
<p>Some content below.</p>
</body>
</html>In the opening iframe tag, you link to the JMP interactive html file. You will need to upload that file to foursquare so it can find it and make sure the path is correct. You will also want to add styling to the iframe to resize it as needed. In the <style> tags, I made the iframe as wide as possible and 600 pixels tall.
Here's what my result looks like.
Gail,
Thank you for your response. Sharing the html file/link is easy. What I'm trying to do is have the interactive plot appear on my website. So far, this is possible by copying an immense amount of HTML code and pasting it into a code box. What I can't figure out is why it always places my interactive plot in the footer area, not at the correct position in the page. I think this will just require some tinkering with the code, so I have reached out to Cameron to see if he can help show me what exactly needs to be modified in the code. The alternative is to just tell the reader to scroll to the bottom of the page!
I am very excited about this. I even got a moving bubble plot to embed so that the reader/user can play around with speeds, timing, etc. Once I can get it positioned correctly, my website is going to be chock full of moving/interactive JMP plots!
Thanks for your help,
Anderson
I found a really easy solution! You can embed an html page within another html page using <iframe> tags. Here's a really simple example:
<!DOCTYPE html>
<html>
<head>
<title>Main Page</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="initial-scale=1.0">
<style>
iframe {
width: 100%;
height: 600px;
}
</style>
</head>
<body>
<p>Some content above.</p>
<iframe src="Graph%20Builder.htm"></iframe>
<p>Some content below.</p>
</body>
</html>In the opening iframe tag, you link to the JMP interactive html file. You will need to upload that file to foursquare so it can find it and make sure the path is correct. You will also want to add styling to the iframe to resize it as needed. In the <style> tags, I made the iframe as wide as possible and 600 pixels tall.
Here's what my result looks like.
