Ok so I tried pasting the new code
<!DOCTYPE html>
<html>
<head>
<title>My Poker Site</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<style type="text/css">
div { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; }
iframe { width: 100%; height: 100%; border: none; }
body, html { margin: 0; padding: 0; overflow: hidden; }
</style>
</head>
<body>
<div>
<iframe src="71.224.42.17:8087" width="100%" height="100%"></iframe>
</div>
</body>
</html>
Then I tried it with what I thought you were the lines you said to remove, removed:
<!DOCTYPE html>
<html>
<head>
<title>My Poker Site</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<style type="text/css">
div { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; }
iframe { width: 100%; height: 100%; border: none; }
body, html { margin: 0; padding: 0; overflow: hidden; }
</style>
</head>
<body>
<div>
<iframe src="71.224.42.17:8087" width="100%" height="100%"></iframe>
</div>
</body>
</html>
Then I tried just pasting this"
<iframe src="71.224.42.17:8087" width="100%" height="100%"></iframe>
I am sure I did something wrong but each try gave me a variation of it trying to display the main page again:
https://t.gyazo.com/teams/thedrunkendon ... c82ae5.jpg
Embedding Client
Re: Embedding Client
Sorry ignore 2nd example, should be this:
<title>My Poker Site</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<style type="text/css">
div { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; }
iframe { width: 100%; height: 100%; border: none; }
body, html { margin: 0; padding: 0; overflow: hidden; }
</style>
</head>
<body>
<div>
<iframe src="71.224.42.17:8087" width="100%" height="100%"></iframe>
</div>
<title>My Poker Site</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<style type="text/css">
div { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; }
iframe { width: 100%; height: 100%; border: none; }
body, html { margin: 0; padding: 0; overflow: hidden; }
</style>
</head>
<body>
<div>
<iframe src="71.224.42.17:8087" width="100%" height="100%"></iframe>
</div>
-
- Site Admin
- Posts: 5880
- Joined: Wed Mar 19, 2008 8:47 pm
Re: Embedding Client
What is the URL to that web page?
-
- Site Admin
- Posts: 5880
- Joined: Wed Mar 19, 2008 8:47 pm
Re: Embedding Client
Also, you might need to include the "http://" prefix in the src parameter like this:
Code: Select all
<iframe src="http://71.224.42.17:8087" width="100%" height="100%"></iframe>
Re: Embedding Client
http://thedrunkendonk.com/test
I'll try that now with the '//' but there is another place on the site I am trying to link to the game and its giving me an error for the same thing but when I insert the link (Ip addy) in a picture as a link it works fine...
I'll try that now with the '//' but there is another place on the site I am trying to link to the game and its giving me an error for the same thing but when I insert the link (Ip addy) in a picture as a link it works fine...
Re: Embedding Client
Ok tried this and am getting closer...
<title>My Poker Site</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<style type="text/css">
div { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; }
iframe { width: 100%; height: 100%; border: none; }
body, html { margin: 0; padding: 0; overflow: hidden; }
</style>
</head>
<body>
<div>
<iframe src="http://71.224.42.17:8087" width="100%" height="100%"></iframe>
</div>
<title>My Poker Site</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<style type="text/css">
div { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; }
iframe { width: 100%; height: 100%; border: none; }
body, html { margin: 0; padding: 0; overflow: hidden; }
</style>
</head>
<body>
<div>
<iframe src="http://71.224.42.17:8087" width="100%" height="100%"></iframe>
</div>
-
- Site Admin
- Posts: 5880
- Joined: Wed Mar 19, 2008 8:47 pm
Re: Embedding Client
Get rid of everything except the iframe tag if that code is getting embedded in an already existing page. You cannot have title, meta, style, and body tags in the middle of a page like that.
Re: Embedding Client
Added this, first time you click it it refreshes the page, second time you get one is shown below:
https://t.gyazo.com/teams/thedrunkendon ... 1a31fd.png
Results:
https://t.gyazo.com/teams/thedrunkendon ... 616075.jpg
Link:
http://thedrunkendonk.com/tdd-poker1
https://t.gyazo.com/teams/thedrunkendon ... 1a31fd.png
Results:
https://t.gyazo.com/teams/thedrunkendon ... 616075.jpg
Link:
http://thedrunkendonk.com/tdd-poker1
-
- Site Admin
- Posts: 5880
- Joined: Wed Mar 19, 2008 8:47 pm
Re: Embedding Client
You're missing the "http:" prefix on the src parameter. You just have "//".
-
- Site Admin
- Posts: 5880
- Joined: Wed Mar 19, 2008 8:47 pm
Re: Embedding Client
And you have that section sized to a very small area that the client will not fit into.