AJAX - When page loads, load it into a DIV.

Jahova · 27-05-2008, 04:02 PM

- SOLVED -

I've got my AJAX working, so if you click a link, It will load the page into the selected DIV.

But how would I load somthing into the div, when the rest of the site loads, if you know what I mean.

***

So say when you visit mysite.com - The layout loads.
But atm I have the div with just 'AJAX CODE HERE', as text, in it.
I want some AJAX code that'll make home.html load as soon as someone visits mysite.com.

***

I'm awkward at explaining this but here's some help;
When a link is clicked; javascript:ajaxpage('home.html', 'content');
Div HTML; <div id="content" class="style3">AJAX CODE HERE</div>

The AJAX CODE HERE is what shows when the page first loads.

- TomSpit

EDIT: At the moment, I am using; http://www.dynamicdrive.com/dynamici...jaxcontent.htm

Invent · 27-05-2008, 04:03 PM

HTML Code:

<script>
window.onload = ajaxpage('home.html', 'content');
</script>

That should work, or you can simply modify your <body> tag to:

HTML Code:

<body onload="ajaxpage('home.html', 'content');">

Jahova · 27-05-2008, 04:10 PM

Thanks alot,
I used the bottom one and it works great.

I'm learning AJAX and trying to improve my overall coding, and I was just stuck on this small bit, so thank you.

+ Reppingly
- Tom

Invent · 27-05-2008, 04:11 PM

Good to hear

!

Jahova · 27-05-2008, 05:11 PM

New problem:
On the same page, I have another div, that I want to load another page on.
How would I do that?

I have tried adding;
<body onload="ajaxpage('content/home.html', 'content');" onload="ajaxpage('content/home.html', 'content');">

And also;
<script>
window.onload = ajaxpage('home.html', 'content');
</script>

But it doesn't seem to be working.

- Tom

Invent · 27-05-2008, 05:18 PM

All you need to do is add the ajaxpage() function again to to the body onload, like this:

HTML Code:

<body onload="ajaxpage('home.html', 'content'); ajaxpage('newpage.html', 'newdiv');">

Jahova · 27-05-2008, 05:42 PM

Thanks for all this help.
And now another BIG problem.

I have cutenews on my site, and when I click to go into full story.
I don't know how to make it load into the div.

As it's cutenews and it's used to loading in frames or new pages, now it will load into a new page but I don't know how to make it load into the div.

- Tom

Invent · 27-05-2008, 06:33 PM

To fix that you need to change your shows.inc.php file so that all the links run the javascript function instead of loading a page.

If you can't do this yourself, I'll do it for you when I get a chance

Jahova · 27-05-2008, 07:20 PM

If you could do it please =D

Thread: AJAX - When page loads, load it into a DIV.

Thread Tools

AJAX - When page loads, load it into a DIV.

Posting Permissions