I am trying to embedd a webpage from a cisco satellite device into a div tag of my webpage but I am getting the following problem
The page loads properly with the logon screen but as soon as I enter the login details it does not login byut instead stays on the login screen. I have tried both div and Iframe and both give me the same results. However when i access the device directly on IE or Chrome it works fine. The problem is only within my iframe or div.
My samle code is below however since you dont have access to the device you may not be able to see it working.. A shot in the dark here just asking you all to please give me some stuff to try out
<!<doctype html>
<html lang="en">
<body>
<div style="margin: 0 auto; width: 100%; height: 100%;">
<object type="text/html" data="http://192.168.10.107/"
style="width: 100%; height: 100%; margin: 1%;"> </object>
</div>
</body>
</html>
I also tried this with iframes as under but that also failed to work
<html>
<iframe src="http://192.168.10.107" sandbox ="allow-same-origin allow-scripts allow-popups allow-forms" width=100% height =100%></iframe>
</html>
Here I have a page that is like the one you want I guess.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MyTitle</title>
</head>
<frameset rows="0,*" border="0">
<frame name="header" scrolling="no" noresize target="main">
<frame name="main" src="http://192.168.10.107/">
<noframes>
<body>
</body>
</noframes>
</frameset>
</html>
Related
so i'm making a shell shockers site for my friends in school, and it wont go fullscreen
this is the code iv used. whats wrong??? (I'm sorry if its a simple fix but I used what I saw online to allow this and it doesn't work)
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<iframe src="https://playminigames.ru/en/embed/shell-shockers" style="width: 1200px; height: 700px;" frameborder="0" allow="fullscreen" object-fit:screen;></iframe>
</body>
</html>
So I added WolframAlpha as a frame into a webpage (deleted the rest for the time being) and was wondering if there was a way to have search results open on the actual WA website.
ex. If I type 1+1 it will open me https://www.wolframalpha.com/input/?i=1%2B1
<!DOCTYPE html>
<html style="height: 100%;">
<head>
<style type="text/css">
body {
overflow:hidden;
}
</style>
</head>
<body style="height: 100%;margin:0;padding:0">
<iframe src="https://www.wolframalpha.com/" scrolling="no" frameborder="0" style="width: 50%; height: 100%;"></iframe>
</body>
</html>
Currently it just opens the search result on the page
No.
Only Wolfram Alpha can control the target of their links and forms.
I am using the following code to embed a pdf in a webpage:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<object data="http://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StGeorgesBritishInternational/Mainfolder/Admissions/1407-Application-Form_Admissions.pdf" type="application/pdf" width="100%" height="100%" internalinstanceid="26"><p>This browser does not support PDFs. Please download the PDF to view it: Download PDF.</p></object>
</body>
</html>
However the embedded document will be clipped as the height will be set to a value that wil clip the object. Forcing size in pixels will fix the problem. How is that?
Make you tests here as jsfiddle will fail to deal with <object>
The page itself needs a size assigned to it.
set the style appropriately for your page.
Try this:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
*{height: 100%;width: 100%}
</style>
</head>
<body>
<object data="http://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StGeorgesBritishInternational/Mainfolder/Admissions/1407-Application-Form_Admissions.pdf" type="application/pdf" width="100%" height="100%" internalinstanceid="26"><p>This browser does not support PDFs. Please download the PDF to view it: Download PDF.</p></object>
</body>
</html>
I want to show youtube video in html. For that i am using iframe. But the content at after iframe is not showing.
this is my html code
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>
<body>
<p>Content of the document......</p>
<h3>1 Microsoft And Google Collaborate On Angular 2 Framework, TypeScript Language</h3><div><p><span class="embed-youtube"><iframe class="youtube-player" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/videoseries?list=PLOETEcp3DkCoNnlhE-7fovYvqwVPrRiY7&hl=en_US" frameborder="0" allowfullscreen="true"/></span></p></div>
<p>END END</p>
</body>
</html>
In this code "END END" not showing at after the youtube iframe
You need to close the iframe tag properly. Currently you close it
inline, but this is not the correct way. Do:
<iframe ..></iframe>
I'm trying to iframe this site http://interimincomemodel.com/reps/eugeny/fastsuccess/ into this one http://interimincomemodel.info/fastsuccess/
When I open index.htm on my PC with IE11 the iframe just looks like the original site.
But when I upload it on the server, the background is messed up in IE11: background image is not fit to screen, headlines are not highlighted, email boxes are not rounded.
Also when trying to iframe this website
interimincomemodel.com/reps/eugeny/
into
interimincomemodel.info
the video player controls bar in the iframe is much larger and the last button "play full screen" goes outwards and can't be clicked. It happens in every browser.
I'm using this code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Interim Income Model</title>
<style media="screen" type="text/css">
body {
margin: 0;
padding 0;
overflow:hidden
}
</style>
</head>
<body>
<iframe src="http://interimincomemodel.com/reps/eugeny/" style="border:0px #FFFFFF none;" name="myiFrame" scrolling="auto" frameborder="0" marginheight="9px" marginwidth="100%" height="100%" width="100%"></iframe>
</body>
</html>
What can be causing the issues?
Thanks