div include?

Pretend · 10-19-2003, 06:37 PM

How would I use div include or whatever on my site so that you can see the background through it? And so it would work exactly like an IFrame? I made a template for a friend and would rather use that than an IFrame once he gets a new host.

www.realityisrejection.tk

**South** · 10-19-2003, 07:03 PM

What are you wanting to include? A content section? I'm not familiar with "div".

Distorted · 10-19-2003, 07:19 PM

Try this:

[code:1:152f25edc3]
<div style="height: 200px; overflow: auto;>

</div>
[/code:1:152f25edc3]

Is this what you wanted to know?

**South** · 10-19-2003, 08:10 PM

Quote:

Originally Posted by Distorted

Try this:

[code:1:bfc10aac50]
<div style="height: 200px; overflow: auto;>

</div>
[/code:1:bfc10aac50]

Is this what you wanted to know?

Is there a tutorial on this somewhere?

Distorted · 10-20-2003, 06:00 AM

I don't know. I could look for one when I get home.

**LazyJim** · 10-20-2003, 06:04 AM

Don't forget it requires SSI on your server.

hatchet · 10-20-2003, 07:15 AM

Which in turn also needs an .shtml extension instead of .html...
at least it used to - been awhile since I've messed with ssi - since I started with php.

**LazyJim** · 10-20-2003, 09:30 AM

I'm PHP also, no SSI on my host

Pretend · 10-20-2003, 12:47 PM

Well, I just want to use it so that it doesn't have to reload the background every time.

**LazyJim** · 10-20-2003, 01:28 PM

won't work then

includes are inserted on the server, then the whole page is sent to users' machines ech time.

Distorted · 10-20-2003, 05:58 PM

You might be able to do that with javascript then.

I'm not sure of the syntax so it would be something like this:

[code:1:ac9a2d511f]
<a href="#" onClick="document.stuff.write='Stuff Goes Here'">Link</a>
[/code:1:ac9a2d511f]

I'm not sure if that would work. It's just an idea.

**LazyJim** · 10-21-2003, 02:56 AM

yes but you need the STUFF to either download with the whole page the first time, like my old CV site, or to be fetched over the Internet without the current page being unloaded and reloaded, like my old [lame] CS clan site that only works on IE<edit - it used to!>. [those sites of mine were just experiments and have pleanty of bugs still.]

Obviously loading all the site content in the first page is stupid because users will have to wait ages and the first impression of you site will be 'very slow' and they leave.

Loading each bit of content as needed is the best approach.
<iframes> are the obvious but far from perfect solution.
Invisible iframe is another technique using a 0x0 pixels <iframe> to load any URL, and JavaScript to extract the data from it and paste it into the real page.
*edit - but the invis iframe things is obviously a hack-workaraound and I don't what to use it!

Distorted · 10-21-2003, 08:06 AM

Would external javascript files work?

For example, you could have a really long document.write(blah); with the content in a js file and call on it with the onClick event. So, then it would only load the js files when you click on the appropriate link.

Or, not?

**LazyJim** · 10-21-2003, 09:41 AM

Yes I think it would.
I think the code in the JS file would have to be smething like this:[code:1:51e3259fa0] var stuff = "<element attribute="value">" \
+ "blah etc etc" \
+ "..." \
+ "..." \
+ "</element>";[/code:1:51e3259fa0]

And then do the .innerHTML = stuff when it's completely loaded.

I'm not sure on the code above, but I do know it's annoying trying to get HTML into JS strings. (all on one line or over more lines, escaping all the " marks...).

You could prbably make a PHP script to convert the HTML code in a file to a JS string declaration. But what happenes to .js files with <?PHP ?> in them? Can <script> sources be .php extention?

**LazyJim** · 10-21-2003, 10:00 AM

I would prefer if some kind of HTTP Request could be used in a JavaScript to load data, but without making the browser navigate to open the file.

I think it can be done, but I don't quite know how.

Pretend · 10-21-2003, 02:35 PM

Wow, I have no clue what you guys were just talking about.

Ah, oh well, I guess I'll just have to use IFrames.