Loading only a part of a webpage

Question

Level 1

0 points

Loading only a part of a webpage

Hello,

I built a 15 webpages site on iWeb 09 with a my own custom navigation menu.
My navigation menu is simply made from hyperlinks within colored shapes.
My issue is very simple: I am looking for a way to change only the content of a center textbox on the page each time a visitor clicks on a different section of the navigation menu.
This will avoid me to have to update the whole 15 pages every time I am adding/changing a link on my navigation menu.

Any idea?
Thanks

Macbook Air, Mac OS X (10.6.7)

Posted on Mar 27, 2011 8:02 PM

Reply

Answer 1

Wyodor

Level 6

19,930 points

Mar 28, 2011 1:01 AM in response to Mikeelive

I am looking for a way to change only the content of a center textbox

Lots of menus you can use without having to change the page :

http://cafenoir.atspace.com/

The How-To pages are here :

http://cafenoir.atspace.com/Maaskant/How_To.html
http://cafenoir.atspace.com/roodhout/HowToDo.html

You may have to learn HTML, CSS, JavaScript, AJAX, DOM and how iWeb creates its pages.

Reply

Answer 2

Mikeelive Author

Level 1

0 points

Mar 28, 2011 5:07 AM in response to Wyodor

Thank you for the prompt response, I took a look.
I am looking indeed for a code-less way. There should be a way for such a basic task. i.e. reloading the entire webpage every timeincluding menus and header logo seems weird.

I tried to use a HTML snippet pointing to another page, but I could not find a way to trigger the snippet display from a click on a hyperlink.

Thanks

Reply

Answer 3

Wyodor

Level 6

19,930 points

Mar 28, 2011 5:22 AM in response to Mikeelive

There should be a way for such a basic task. i.e. reloading the entire webpage every timeincluding menus and header logo seems weird.

Almost every webpage behaves that way. At least for the past 16 years I've been creating webpages.

I started using <iframe> to solve that problem :

http://www.wyodor.net/intranet/

But to annoy Microsoft Internet Explorer users, I use <object> instead of <iframe>. Check the code :

<object class="inhoud" data="inhoud.html" type="text/html" standby="Inhoud"></object>

and

<object width="250" height="300" data="images/network.png" type="image/png" standby="Netwerk" class="" style="float: right" title="Netwerk"></object>

Modern browsers have no problem with that.

Reply

Answer 4

s_rayy

Level 1

0 points

Mar 28, 2011 6:33 AM in response to Mikeelive

You can achieve what you want by using server side technologies like PHP. Create a main php page with navigation and for each of your content page, you can create separate php files where you keep your content along with your HTML code. Then you include the corresponding php file within the content section of the main php file, depending upon the which menu is clicked.

You may visit http://www.w3resource.com/php/statement/include-require.php to understand how to include php files.

Reply

Answer 5

Wyodor

Level 6

19,930 points

Mar 28, 2011 6:41 AM in response to s_rayy

Can you explain how to do that in iWeb?

Reply

Answer 6

Cyclosaurus

Level 6

12,915 points

Mar 28, 2011 5:55 PM in response to Mikeelive

here is HTML5 method: http://iweb3widgets.cyclosaurus.com/ControlTarget/Main.html
unfortunately, HTML5 is not standardized yet. give it a try with safari or chrome.

Reply