Overclockers Australia Forums
OCAU News - Wiki - QuickLinks - Pix - Sponsors  

Go Back   Overclockers Australia Forums > Software Topics > Programming & Software Development

Notices


Sign up for a free OCAU account and this ad will go away!
Search our forums with Google:
Reply
 
Thread Tools
Old 23rd April 2012, 11:15 AM   #1
s3kemo Thread Starter
Member
 
s3kemo's Avatar
 
Join Date: May 2003
Location: in a house
Posts: 5,906
Default HTML/Javascript/CSS question (I think)

Not much of a web developer/whatever-you-lot-prefer-to-be-called but I can do basic HTML/Javascript/CSS. Basic is the key word.

I'm wanting to separate a page into different sections (google seems to indicate CSS DIVs? A lot of forum posts on the topic are 4+ years old so not sure if things have changed) and have each DIV contain the contents of a separate URL. i.e. one window with multiple web pages 'embedded'. What's a good way I can achieve this?

Also, is there a way I can have each area refresh at different intervals (hard-coded in the HTML/JS/CSS is fine)? Some are static content which need refreshing to show the new content. Some are dynamic and would refresh on their own, which is fine.

This is for personal monkeying around... no one in their right mind would want me for web stuff in a professional context anyway. Any keywords that can help me google to get my answers is more than enough.

thanks!
__________________
48 Successful Trades: bAbY_RoG3R, red_marine, NuMatthu, z3[n], jtsmorris, ShaneBrooks, JeffK, DigiTal, orbisfactor, Rickster x3, krayzia2, other ed, foreva, Lowy, siamak, BananaMan, karsa, FoxMan, Howard, MiniDisc, jboles, jimboh2k, Datsun1600, neilz, gmturner, T-Bones, NforSa, phat_s14, Drewcarey, inspectr, kathshan x3, MultiSlayer, tuapui, sizzaone, j00cy, evo800v, Skidoo, Goth, zha50, wast3gat3, Herman, Zenskas, mookie3three, Psycronic, 180degrees, Garido
s3kemo is offline   Reply With Quote

Join OCAU to remove this ad!
Old 23rd April 2012, 11:24 AM   #2
Rezin
Member
 
Rezin's Avatar
 
Join Date: Oct 2002
Posts: 8,795
Default

Quote:
Originally Posted by s3kemo View Post
This is for personal monkeying around...
Frames (frameset and iframe tags) are good enough in that case.
Rezin is offline   Reply With Quote
Old 23rd April 2012, 11:28 AM   #3
s3kemo Thread Starter
Member
 
s3kemo's Avatar
 
Join Date: May 2003
Location: in a house
Posts: 5,906
Default

Quote:
Originally Posted by Rezin View Post
Frames (frameset and iframe tags) are good enough in that case.
Heh, when I said my knowledge was of 'basic HTML' frames was the first thing I thought of. I googled it and there seems to be a lot of hatred for 'primitive', 'irrelevant' frames so didn't bring it up around in this thread
__________________
48 Successful Trades: bAbY_RoG3R, red_marine, NuMatthu, z3[n], jtsmorris, ShaneBrooks, JeffK, DigiTal, orbisfactor, Rickster x3, krayzia2, other ed, foreva, Lowy, siamak, BananaMan, karsa, FoxMan, Howard, MiniDisc, jboles, jimboh2k, Datsun1600, neilz, gmturner, T-Bones, NforSa, phat_s14, Drewcarey, inspectr, kathshan x3, MultiSlayer, tuapui, sizzaone, j00cy, evo800v, Skidoo, Goth, zha50, wast3gat3, Herman, Zenskas, mookie3three, Psycronic, 180degrees, Garido
s3kemo is offline   Reply With Quote
Old 23rd April 2012, 12:11 PM   #4
Shawry
Member
 
Shawry's Avatar
 
Join Date: Jun 2002
Location: Oakleigh, Melb
Posts: 2,849
Default

iframes are used a lot. have a look into them they should be workable with 'basic' css/html knowledge.

my first thought though was "why?"
Many coding projects benefit more from a review and rethink, rather than just pushing forward and finding a way.
Shawry is offline   Reply With Quote
Old 23rd April 2012, 12:46 PM   #5
s3kemo Thread Starter
Member
 
s3kemo's Avatar
 
Join Date: May 2003
Location: in a house
Posts: 5,906
Default

Great, thanks!

Although I have 'basic' knowledge I'm happy to push/extend it to accommodate a good solution. It was also to give you guys a gauge of what level of OP you are writing to!
__________________
48 Successful Trades: bAbY_RoG3R, red_marine, NuMatthu, z3[n], jtsmorris, ShaneBrooks, JeffK, DigiTal, orbisfactor, Rickster x3, krayzia2, other ed, foreva, Lowy, siamak, BananaMan, karsa, FoxMan, Howard, MiniDisc, jboles, jimboh2k, Datsun1600, neilz, gmturner, T-Bones, NforSa, phat_s14, Drewcarey, inspectr, kathshan x3, MultiSlayer, tuapui, sizzaone, j00cy, evo800v, Skidoo, Goth, zha50, wast3gat3, Herman, Zenskas, mookie3three, Psycronic, 180degrees, Garido
s3kemo is offline   Reply With Quote
Old 23rd April 2012, 2:16 PM   #6
mattski0_0
Member
 
Join Date: Apr 2007
Posts: 103
Default

I think if it was me I would use css positioned divs and use AJAX to refresh the content.

There are heaps of tutorials out there about how to use httprequest and it's really not all that tricky at all. Once you understand the concept then the coding for it is a doddle.

Matt
mattski0_0 is offline   Reply With Quote
Old 23rd April 2012, 2:56 PM   #7
zach
(Banned or Deleted)
 
Join Date: May 2009
Location: chermside.bris.qld.au:80
Posts: 3,622
Default

An MVC javascript framework like Backbone.Js or EmberJs will do what you want, will be cleaner too. j
zach is offline   Reply With Quote
Old 2nd May 2012, 3:31 PM   #8
Herro
Member
 
Herro's Avatar
 
Join Date: Nov 2002
Location: Brisbane
Posts: 748
Default

Quote:
Originally Posted by mattski0_0 View Post
I think if it was me I would use css positioned divs and use AJAX to refresh the content.

There are heaps of tutorials out there about how to use httprequest and it's really not all that tricky at all. Once you understand the concept then the coding for it is a doddle.

Matt
Quote:
Originally Posted by zach View Post
An MVC javascript framework like Backbone.Js or EmberJs will do what you want, will be cleaner too. j
Welcome to the world of overclomplication.

Code:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>4 Pane Browser</title>
<style type="text/css">
body {
	margin:0px;
	width:100%;
	height:100%;
}
.p_frame {
	width: 100%;
	height: 100%;	
}
#p_1 {
	position: absolute;
	top:6%;
	left:6%;
	width:41%;
	height:41%;
	background:#999999;
	border:1px solid #CCC;
}
#p_2 {
	position: absolute;
	top:6%;
	left:53%;
	width:41%;
	height:41%;
	background:#999999;
	border:1px solid #CCC;
}
#p_3 {
	position: absolute;
	top:53%;
	left:6%;
	width:41%;
	height:41%;
	background:#999999;
	border:1px solid #CCC;
}
#p_4 {
	position: absolute;
	top:53%;
	left:53%;
	width:41%;
	height:41%;
	background:#999999;
	border:1px solid #CCC;
}
</style>
</head>
<body>
<div id="p_1"><iframe src="http://www.news.com.au" frameborder="0" allowtransparency="0" class="p_frame" /></iframe></div>
<div id="p_2"><iframe src="http://www.overclockers.com.au" frameborder="0" allowtransparency="0" class="p_frame" /></iframe></div>
<div id="p_3"><iframe src="http://www.whirlpool.net.au" frameborder="0" allowtransparency="0" class="p_frame" /></iframe></div>
<div id="p_4"><iframe src="http://www.jeanswest.com.au" frameborder="0" allowtransparency="0" class="p_frame" /></iframe></div>
</body>
</html>
Herro is offline   Reply With Quote
Reply

Bookmarks

Sign up for a free OCAU account and this ad will go away!

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +10. The time now is 12:53 AM.


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd. -
OCAU is not responsible for the content of individual messages posted by others.
Other content copyright Overclockers Australia.
OCAU is hosted by Internode!