Outside HTML Page View Within A Page

@builderboulderApr 03.2005

I am trying to create a web page that has a form or table section in it that is the width of the page, but shows or allows viewing of another web page such as yahoo.com but from my page as well.

Reason for this is my main page will not need to change, but of course the news section in Yahoo for my area will always change and update daily or twice a day. Any idea how I can do this???????

Basically I would like the bottom form of my site to display with scrolling of the yahoo news page for my area. My page is the same width as the yahoo site so the verticle part will be scrollable and allow the user to scroll the whole yahoo page while visiting my webpage and be able to click in the yahoo page if needed as they normally would.

Anyone know how do do this? I have tried forms, javascript, linking to yahoo.com for them all and nothing works. I can link to outside pictures but that seems to be it.

I have seen this done with ebay auctions, you see someone’s personal page then there’s a sub section in it that shows current ebay auctions for a certain item title or description. I assume this would work but cannot find any coding examples.

Thanks.

to post a comment

HTML

17 Comments(s) _↴

@the_treeApr 03.2005 — #http://docs.yahoo.com/info/copyright/copyright.html

Yahoo! respects the intellectual property of others, and we ask our users to do the same.[/quote]http://www.jupitermedia.com/corporate/privacy/aup.html

You will not use these forums to violate any laws nor to discuss illegal activities.[/quote]
foo, bar.

@_lt_Eddie_gt_Apr 03.2005 — #If you require dynamic content on your website, as tree pointed out, don't rip people. Get a news/rss feed and display that instead. There's hundreds to choose from and numerous examples on how to integrate these into your web page.

@IanMartindaleApr 03.2005 — #Hello,

I'm building a site for a band, which will need to be regularly updated with news and gig listings. The thing is, they're even more useless at this web malarkey than I, so I can't just design the site, and get them to edit it, and I'm not prepared to have to update it myself.

As it stands, there are two pages NEWS.htm and GIGS.htm, for which I have personally updated by changing the htm file.

What I want to do is plant a fragment of HTML in each page that targets two .txt files (NEWS.txt and GIGS.txt) which will be updated by the band remotely. This will mean that I don't have to update the page all the time, it will do it by itself whenever the band change the contents of the .txt files.

Is that clear? It makes sense to me, let me know if I need to elaborate.

My knowledge of HTML is rubbish to put it politely, is there a html tag that effectively displays the content of the files within the construct of the rest of the site. I've done it with images, surely it must be similar for text.

Could someone clever please help me.

[[email protected]][B]E-mail me if you don't want to comment in public[/B][/EMAIL].

@_lt_Eddie_gt_Apr 03.2005 — #A web page can display plain text but you can't format it. I would seriously consider [url=http://wordpress.org/]WordPress[/url]. It's easy to setup, builds your website for you, easy to add pages and content, creates a really interactive and standards compliant design and best of all it's free. The only prerequisite is it requires PHP and 1 MySQL database. Hosting is two a penny for this. WordPress allows anyone you permit to login and add stuff easily.

@builderboulderauthorApr 03.2005 — #I have emailed yahoo, and it is not in violation. I would be advertising for them on my website. So in essence users would see my website, and at the bottom is another "window" section that allows users to also view yahoo's page as you would see it if you physically went to yahoo.com. It would not be stealing or copyright infringement so if anyone can look beyond that and suggest anything it'd be appreciated. The user to my site would be looking technically at two webpages, but from one webpage.

Another way to put this is I will have two seperate web sites with multiple pages. But I want one section in BOTH linked to a webpage called update.htm for example. The only thing that will change will be the update.htm but I'd assume if I did it this way, then all pages in the web site will show my current update.html frame even though nothing else will change.

Can I make a 400x800 frame in my website www.12test.com and link it to the update.htm from my other site which would be www.12news.com/update.htm? This way, I can simply make the update.htm page 400x800 as well to perfectly fit throughout my website. This way, instead of updating BOTH sites page by page, I simply have to open update.htm on the one site and edit the words, links, and changes. Then both sites would be updated as I need them instantly.

@IanMartindaleApr 03.2005 — #Is there not a tag that targets the .txt files? I'd much rather do that, just to be awkward.

I know that you can do it for images, I've done it.

Anyone know how to do it for text?

Failing that, answer "[B]builderboulder[/B]'s" question, and I'll show a page that they edit some simple HTML for within my main pages.

[URL=http://www.theaftercast.tk]if it helps, follow this link to view the site[/URL]

cheers

[[email protected]]Ian[/EMAIL]

@FangApr 03.2005 — #Please, for your users sake use any editor except one from Microsoft. Nearly 800 lines of html when 10 lines html is all you need.

In site falls apart in Firefox.

@IanMartindaleApr 03.2005 — #Thanks for the advice. If I right click on the page an "view source" as a text file, can I just copy the relevent tags? I should imagine so, maybe with a few new tags. Will that make the site load quicker?

I'm sure you clever internet people are shaking your heads in disgust of my sheer ignorance and most probably stupid questions but never mind!

I can't do anything onthe site for a while now, I'm waiting for the band to pay for the file upload limit to be lifted on the server.

If anyone has any more useful tips/constructive criticism, I'm all ears.

Ian

@ray326Apr 04.2005 — #Here's another way to do your home page. Looks ok in IE but not FF. Fang or somebody tell me why that h1 margin is shoving the div down instead of the h1?

<i>
 </i>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd"&gt; 
 &lt;html&gt; 
 &lt;head&gt; 
 &lt;title&gt;Conforming HTML 4.01 Transitional Template&lt;/title&gt;
 &lt;style type="text/css"&gt;
 html, body {
 width: 800px;
 margin:0 auto; 
 padding:0; 
 border: 0;
 background:#fff;
 color:#000;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size:1em;
 }
 #nav {
 text-align: center;
 font-size: 80%;
 font-weight: bold;
 }
 #nav a:link,
 #nav a:visited,
 #nav a:hover,
 #nav a:active {
 color: black;
 }
 #nav ul { margin:5em 0 0 0; padding: 0; }
 #nav li { display: inline; }
 
 #content {
 border: 10px solid black;
 height: 480px;
 background: url(http://www.freewebs.com/imserver/copyrightIM05.gif) no-repeat right bottom;
 text-align: center;
 }
 #content h1, #content h2 {
 color: white;
 text-align: right;
 font-weight: normal;
 }
 #cover h1 {
 margin: 340px 10px 0 0;
 }
 #cover h2 {
 margin: 0 10px;
 }
 
 #cover {
 width:440px;
 height:440px;
 background: url(http://www.freewebs.com/imserver/index.jpg);
 margin:20px auto;
 }
 
 #terms {
 text-align: center;
 font-size: 70%;
 }
 &lt;/style&gt;
 &lt;script language="javascript" type="text/javascript"&gt;
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;div id="nav"&gt;
 &lt;ul&gt;
 &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#"&gt;News&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#"&gt;Biography&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#"&gt;Gigs&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#"&gt;Photography&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#"&gt;Media&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#"&gt;Community&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
 &lt;/div&gt;
 &lt;div id="content"&gt;
 &lt;div id="cover"&gt;
 &lt;h1&gt;The AfterCast&lt;/h1&gt;
 &lt;h2&gt;Cast The First Stone EP&lt;/h2&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;div id="terms"&gt;&lt;a href="#"&gt;Terms &amp; Conditions&lt;/a&gt;&lt;/div&gt;
 &lt;/body&gt;
 &lt;/html&gt;

@builderboulderauthorApr 04.2005 — #That is a good way for viewing a picture and thanks for the HTML. But instead of viewing the picture in the box, can a web page be shown in the box instead?

Meaning, the whole webpage which has maybe the same picture but also has text and links, etc.

I'm probably not being the clearest or using the correct terms but I believe it would be like having a browser within a web page or a specific box/form on that page. The web page designer would then choose what page that box/form is viewing (and could change to friend's home pages, yahoo.com, altavista.com, etc), everything else on the web page would be normal content?

@ray326Apr 04.2005 — #Sounds like an iframe to me.

@FangApr 04.2005 — #Changes for displaced image and position of menu:

#nav ul { margin:5em 0 2px 0; padding: 0; }
 
 #cover h1 {
 padding: 340px 10px 0 0;
 }
 #cover {
 width:440px;
 height:440px;
 background:#ccc url(http://www.freewebs.com/imserver/index.jpg) no-repeat;
 margin:20px auto;
 }

@ray326Apr 04.2005 — #Thanks, Fang. So it basically came down to using padding instead of margin to position those headers, eh? Maybe I'll remember that next time. ?

@IanMartindaleApr 04.2005 — #Thanks for the HTML [B]Ray326[/B], the links don't work though, would I plant the URL of the other pages in these tags below (somewhere between </a> and </li>)

<ul>

<li><a href="#">Home</a></li>

<li><a href="#">News</a></li>

<li><a href="#">Biography</a></li>

<li><a href="#">Gigs</a></li>

<li><a href="#">Photography</a></li>

<li><a href="#">Media</a></li>

<li><a href="#">Community</a></li>

</ul>

What are the advantages of doing it this way instead of in publisher anyway?

Ian

@ray326Apr 04.2005 — #the links don't work though[/QUOTE]Replace the #s with the actual URLs.
What are the advantages of doing it this way instead of in publisher anyway?[/QUOTE]
Works in all modern browsers, is more accessible, produces a much smaller (therefore faster) file size, standardizes all page layout in such a way as to make your primary stated objective (user updateable content) possible.

@FangApr 04.2005 — #Thanks, Fang. So it basically came down to using padding instead of margin to position those headers, eh? Maybe I'll remember that next time. ?[/QUOTE]
It appears to be a bug. You can use margin, but then the parent element(image <div>) needs a border or a first-child without margin or you can float the first-child(<h1>)

@IanMartindaleApr 10.2005 — #I've managed to achieve my goal, I used an iFrame in the end (like someone mentioned). Unfortunately I'm waiting for the band to pay for the server space needed to make the changes to the site.

Please, for your users sake use any editor except one from Microsoft...

The site falls apart in Firefox.[/QUOTE]

Could you please show me what you mean by "falls apart", the site isn't going to get that much viewing and I may just place a notice on the first page (written in html) saying "best viewed in IE". otherwise it's a ball ache to re-do the entire site, besides, I'm doing it for free.

Thanks for all your help.

Ian

Also in #HTML _↴

Need 2 grapics to change when click on link PLZ HELP! Flash music playlist drop down over HTML/IFRAME Table

Success!

Help @builderboulder spread the word by sharing this article on Twitter...

Tweet This

Outside HTML Page View Within A Page

17 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

Outside HTML Page View Within A Page

17 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

17 Comments(s) _↴

Also in #HTML _↴