HTML Frame of another Website

markronz · Mar 8, 2010

Hello everyone-
I'm very new to HTML, but I have a few questions about something I'd like to set up. I am not sure if this can be done, so I thought I'd ask you nice people.

)

I have this other website that has my webcam on it. This link:

http://zeldaronsman.no-ip.org/img/main_fs.htm

What I want to do, is create a html webpage of my own, so that I can put it on my own website. On this page I'd like to put a frame or window viewer on my own web page that will view the web address I have above.

Then if possible I would like to position this frame so that it just shows the video. Effectively showing only the video, and not the rest of the Linksys stuff on the rest of that site. I would settle just for the window if that's all I can do. But it would be handy to be position to position the focus of the window if I can.

Can anyone help me out coding something like this? Thanks in advance!

markronz · Mar 8, 2010

Well, I appear to have most of my answers. I came across this site which gave me some great help:

http://www.htmlcodetutorial.com/help/sutra56904.html

However, my code still is not working right. It does display this other webpage and in the right position and everything. But for some reason in IE8, it opens another window and opens the address that goes in the iFrame. So I get one window for this address:

http://zeldaronsman.no-ip.org/img/main_fs.htm

Then I have my original window, which does load correctly.

Does anyone know why it is opening a separate window with that web address? It should just be loading in the iFrame and that's it....

Here's my code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-[/URL]

transitional.dtd"> 
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL] 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Display Iframe Content</title> 
<style type="text/css"> 
body {background:#333;} /* for demo only */ 
html {overflow-y:scroll;} /* for demo only, keeps scrollbar in FF and IE8 */ 


#outerdiv { 
width:345px; /* can be any width */ 
height:268px; /* can be any height */ 
overflow:hidden; /* removes iframe scrollbars */ 
position:relative; /* needed to position iframe */ 
border:1px solid #ddd; /* for demo only */ 
margin:0 auto; /* for demo only */ 
} 



#inneriframe { 
position:absolute; /* positions iframe inside outerdiv */ 
top:-155px; /* moves iframe content to top */ 
left:-298px; /* moves iframe content to left */ 
width:960px; /* width of source page */ 
height:600px; /* height of source page */ 
} 
</style> 
</head>


<body> 




<div id="outerdiv"> 
<iframe id="inneriframe" name="ifrmZelda" src="[URL unfurl="true"]http://zeldaronsman.no-ip.org/img/main_fs.htm"[/URL] 

scrolling="no">
</iframe>
</div> 
</body>
</html>

markronz · Mar 9, 2010

I believe I figured out this problem as well. Needed to change the name of the iFrame to be "inneriframe" as well. Seems to have corrected things. Thanks anyway.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

HTML Frame of another Website

markronz

IS-IT--Management

markronz

IS-IT--Management

markronz

IS-IT--Management

Similar threads

Part and Inventory Search

Sponsor