I have built an Electron application which downloads files from Sharepoint. This works flawlessly. Soon the files will be transferred to Windchill and only be available there. When I substitute the download link with the link from Windchill, it doesn't work, although the link works inside the browser.
My app loads the index.html
<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<main class="main_window">
<iframe src="example.html" ></iframe>
</main>
</body>
</html>
which then loads the example.html into an iFrame
<!DOCTYPE html><html lang="de" dir="ltr"><head>
<meta charset="utf-8">
<title>Example</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head><body>
<main>
SharePoint link
Windchill link
</main>
</body>
</html>
When I click the SharePoint link, the download starts, but when I click the Windchill link, nothing happens. In Chrome I get redirected a few times, when I click the Windchill link. Does maybe this redirection not work in iFrames? If yes, what simple embedding alternatives to iFrames do I have? I already tried
<object src="example.html" ></object>
<embed src="example.html" ></embed>
both with the same result.
Related
I created a simple html file which should display svg image:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HelloWorld</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<img src="D:/Angular/hello-world/node_modules/bootstrap-icons/icons/star.svg">
</body>
</html>
It displays fine in Google Chrome but Firefox displays nothing at all but that's another issue...
When I'm running exactly the same code but in an Angular project inside index.html Google Chrome shows the "couldn't load" image. Does somebody know why in a pure html file it works but when running from Angular project it stops? And why firefox displays nothing?
For an Angular app, images need to be in a specific folder for it to be able to find said images. Move (or copy) the image to src/assets and use the path assets/star.svg.
I have an entire React application that I am hosting on AWS. I want to embed this application in to another non React site. Currently I have it iframed in and it works fine.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
</head>
<body>
<iframe src="https://testlink.cloudfront.net"></iframe>
</body>
</html>
I have seen examples in the React docs around implementing individual components without iframes but nothing around entire hosted applications.
Idealy I will be able to do something like this:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
</head>
<body>
<div="app"></div>
<div="app2"></div>
</body>
</html>
What's the best approach to do this or am I best to just deal with iframes?
I had to integrate multiple react apps into a cake php framework.
Place the final bundle in webroot of the hosted site e.g under /react.
Then just include the final bundled script tag in the html.
You will have to handle the routing to the app on the hosted site.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="utf-8">
...
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="ReactAppDiv"></div>
<script type="text/javascript" src="/react/main.js"></script>
</body>
</html>
I tried to make a link for a download of an ACCESS file, it works well on CHROME, FIREFOX .. but not on INTERNET EXPLORER? here is my code, thank's
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>
<body>
Download MDB
</body>
</html>
I'm using an FTP, and added some simple code to a website. On my desktop within this server, I can't view the content. I've tried Firefox, IE and Chrome. On my phone I can, and tech support could also view the content. I've cleared all cached data, but still nothing. Does anyone have any suggestions?
When I type in www.site.com/index.htm, the content will display on the desktop. When I just type in www.site.com, it won't. When I type in www.site.com on my phone, it will display.
This is the code displaying on my site:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="robots" content="noindex, nofollow">
<title>Milani Reviews</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p>fasdfaskl</p>
</body>
</html>
I'm trying to load a page from my website into an iframe in another page, which I'm currently running on localhost. Unfortunately, it's not working. I've tried loading other pages from youtube, heroku (where my page is hosted) etc. and they all work fine, it's only content specifically from my website that's not loaded. Any ideas why?
The code for my page is below:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
</head>
<body>
<h1>hi</h1>
<iframe width="560" height="315" src="http://www.karmielfolkklub.com"></iframe>
</body>
</html>
The page http://www.karmielfolkklub.com is sent with HTTP headers that say:
X-Frame-Options: sameorigin
This means that browsers are not allowed to display the page in an inline frame, unless the page containing the iframe element is in the same domain. Modern browsers generally obey this.
Changing this depends on the server settings or on the server-side code used to generate the page.