How to open a website within a particular Div in HTML

Question

I want it to open a website within a particular <div> tag, just like in the following link: Responsive. What am I doing wrong?

<html>
<head>
  <script>
   function mobile320()
    {
     window.location.assign("http://www.idevtechnolabs.com")
    }
  </script>

<style type="text/css">
 body{
  margin: 0px auto;
  padding: 0px;
  background: #06855a;
  text-align: center;
 }

.browser1{
  display: inline-block;
  position: relative;
  width: 320px !important;
  height: 480px !important;
  background: #efefef;
 }
</style>
</head>

 <body>
   <input type="button" value="Load new document" onclick="mobile360()" />
   <div class="browser1"> </div>
 </body>
</html>

Use https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe — Tushar Gupta - curioustushar, Mar 13 '14 at 14:06
Put the title of your post into Google, you'll see many results. Have you tried anything at all? — Jay Blanchard, Mar 13 '14 at 14:06
It's better to post you code instead a screenshot of your code :) — F. Geraerts, Mar 13 '14 at 14:08
Duplicate of: http://stackoverflow.com/questions/18145273/how-to-load-an-external-website-into-a-div-of-a-html-page — Nicky Tellekamp, Mar 13 '14 at 14:09
@TusharGupta :Thanks bro your answer meeet my requirement.. All of using iFrame is helpfull to do this — iDev Technolab, Mar 14 '14 at 05:21
@F.Geraerts : Thanks there was problem to put code so I adds screen shot — iDev Technolab, Mar 14 '14 at 05:22

score 3 · Answer 1 · answered Mar 13 '14 at 14:06

3

That's not a div, it's an iframe:

<iframe src="http://www.google.com"></iframe>

answered Mar 13 '14 at 14:06

Emilio Rodriguez

5,709
4
27
32

+1 even this one won't work, using google as source ;) – A. Wolff Mar 13 '14 at 14:08
true, it would work only on google itself :) – Emilio Rodriguez Mar 13 '14 at 14:09

score 2 · Answer 2 · answered Mar 13 '14 at 14:06

2

put an iframe element in the div and navigate to the desired website,

or do an http get request and set the inner html of the desired div to the response string u get.

answered Mar 13 '14 at 14:06

Banana

7,424
3
22
43

Josh Harrison · Accepted Answer · 2014-03-13T14:17:33.880

-1

Change your function to this:

function mobile320() {
    document.querySelector(".browser1").setAttribute("src", "http://www.idevtechnolabs.com");
}

...and your div to this...

<iframe class="browser1"></iframe>

Here's a working example.

edited Mar 13 '14 at 14:17

answered Mar 13 '14 at 14:09

Josh Harrison

5,927
1
30
44

How to open a website within a particular Div in HTML

3 Answers3