• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 215
  • Last Modified:

putting iframe into html

hi i would like to put another web address in this html using an iframe? if possible? the site i want to put in is www.radioheadz.net

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
body {
width:520px;
margin:0; padding:0; border:0;
}
</style>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
</head>
<body>
<div id="container">
<p>This is some HTML content</p>
</div>
</body>
</html>

thank you so much as always
0
jonathanduane2010
Asked:
jonathanduane2010
1 Solution
 
wuyinzhiCommented:
sure you can put it in HTML body, example iframe:

<iframe src="www.radioheadz.net" width="400" height="300">
0
 
mayank_joshiCommented:
you can add this wherever you need it inside the <body> tag:-
<div>
  <iframe src="http://www.radioheadz.net" id="iframe1" height="200px" width="300px" frameborder="yes">
       
        </iframe>
</div>

Open in new window

0
 
BardobraveCommented:
Iframes are deprecated, will not be supported in HTML5 and are a constant source of trouble with different browsers.

If you want to load a page inside a page I recommend you to load an external petition through AJAX inside a DIV container.
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
jonathanduane2010Author Commented:
how would one do that???
0
 
BardobraveCommented:
If you use jQuery it will be as simply as:

<body>
     <div id="primaryContainer">
           Here goes my main content
    </div>
    <div id="externalContainer">
    </div>
</body>

Then include a .js file like this:

$(document).ready(function () {
    $("#externalContainer").html($.post("http://www.google.com"));
});

This should load you a page with "Here goes my main content" and Google's page just behind.
0
 
jonathanduane2010Author Commented:
the reasaon i am using this is to do with the new facebook coding.

Basically they are using apps that are with Iframes, so i am now pointing it to www.actionit.ie/facebook/index.html

which works fine, but when i try and view through one of the tabs in facebook i get the following

Method Not Allowed
The requested method POST is not allowed for the URL /facebook/index.html.

Apache/1.3.37 Server at actionit.ie Port 80
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now