how to load several external Web pages in 1 page

Confuscious · September 14, 2009

Hi,

I have written a simple menu on the left side of my web and left a space open in the middle of my web page.

Something like this:

-------------------

item a ! !

item b ! !

item c ! !

item d ! !

item e !------------------!

I would like now to insert a webpage in the open space according to the choice of the left.

Example:

item a = man.hrml

item b = womman.html

item c = child.html

item d = pet.html

item e = car.html

I have tried to use "IFrames" but this allows me to link only 1 webpage to the main page.

Any ideas how to program this.

TIA

Parin · September 14, 2009

well, to add several webpages all you need to do is use frames:

for example:

<html>

</frameset>

</html>

this means there will be 3 different web pages in only one page two taking 25% of it and one taking 30% of it, if u dont get it then reply me back

Confuscious · September 15, 2009

well, to add several webpages all you need to do is use frames:
for example:

<html>

<frameset cols="25%,50%,25%">

<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">

</frameset>

</html>

this means there will be 3 different web pages in only one page two taking 25% of it and one taking 30% of it, if u dont get it then reply me back

This is not what I want to do.

I want to show only one web page (in a frame) at the time.

According to the choice made at the left side menu, another web page with only the essentilal data will be displayed at the same place without the need to load a complete webpage again.

Suppose a menuj with the buttons "Home", "Contact Us", "About us", etc...

In a normal situation, each button will load the according webpage "Home.html", "Contact.html", "About.html", etc.

I would like to have 1 main webpage with a open space or a frame and load/display the different webpages in the main page according to the choice made.

Something like is done with graphics and the command "onmouseover", "onmouseout", etc...

MrFish · October 5, 2009

You could use frames but modern websites use ajax instead. It takes a few extra steps but it's well worth it because once you know ajax you can do so much more.

First of all, you need to use php to include the menu. Hopefully I didn't have to tell you that but because the rest of this will go way over your head:

<?
     include('menu.php');
?>

HTML for Menu.php:

<span class="menuItem" onClick="ajaxPage('item1')">Item1</span>
    <span class="menuItem" onClick="ajaxPage('item2')">Item2</span>
    <span class="menuItem" onClick="ajaxPage('item3')">Item3</span>
    <span class="menuItem" onClick="ajaxPage('item4')">Item4</span>

Javascript (on index page, not the menu include):

    //Set Ajax
    if(window.XMLHttpRequest){
    ajaxRequest = new XMLHttpRequest(); //Good browsers
    } else if(window.ActiveXObject){
        ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); //IE
        } else {
            alert("Your browser broke!");
        }
        
    function ajaxPage(x){
        var page = x+".php";
        var right = document.getElementById("content").style; //Where you want the page information to go.
        ajaxRequest.onreadystatechange = function(){
            if(ajaxRequest.readystate==4){ //4 means the request is complete.
                right.innerHTML = ajaxRequest.responseText; //Gets all printed information from the page. Only includes html.
            }
        }
        ajaxRequest.open("GET", page, true); //Accesses the page (i.e. item1.php)
        ajaxRequest.send(null); //Used for POST method
    }

Example script~ item1.php:

<?
     $one = 1;
     $two = 2;
     $sum = $one + $two;
     echo $sum;
?>

The response text will become 3. It will not include any php, only html code.

A bit confusing? The w3schools ajax tutorial is superb.

http://w3schools.com/ajax/default.asp

Mokothemonkey · October 11, 2009

Could you show us the iframe code? I use iframes a lot in my sites and maybe could help you out

October 12, 2009

Take a look at the script here... http://www.dynamicdrive.com/dynamicindex3/tabdocviewer.htm

It uses the iframe but also lets you preload the different pages.

sauravrawal · October 21, 2009

Well,it also helps me

sauravrawal · October 22, 2009

you can do something like this also:

<?php

if(isset($_REQUEST['page'])){

//use your own pages or you may echo dynamic content here as well

if($_REQUEST['page']=="aboutus"}

include("aboutus.html");

}else{

//you may use html here

echo "<a href=\"index.php?page=aboutus\">Aboutus</a>";}

?>

if this works or not,reply

if(isset($_REQUEST['page'])){
//use your own pages or you may echo dynamic content here as well
if($_REQUEST['page']=="aboutus"}
include("aboutus.html");
}else{
//you may use html here


echo "<a href=\"index.php?page=aboutus\">Aboutus</a>";}

#save this page as index.php or else with ext .php

Mokothemonkey · October 23, 2009

you can do something like this also:
<?php
if(isset($_REQUEST['page'])){
//use your own pages or you may echo dynamic content here as well
if($_REQUEST['page']=="aboutus"}
include("aboutus.html");
}else{
//you may use html here

echo "<a href=\"index.php?page=aboutus\">Aboutus</a>";}
?>

if this works or not,reply
if(isset($_REQUEST['page'])){
//use your own pages or you may echo dynamic content here as well
if($_REQUEST['page']=="aboutus"}
include("aboutus.html");
}else{
//you may use html here


echo "<a href=\"index.php?page=aboutus\">Aboutus</a>";}
#save this page as index.php or else with ext .php

Double posting won't get you anywhere. It just makes the page longer and get's you banned. Use the edit tool in the future.

@JF_sly I went to that page and I don't think iframes will work in your current situation, and It would take a longer time to load as well.

sauravrawal · October 24, 2009

Hey ,it was just a mistake but Why i will be banned because it not a spam or bad grammer but i am sorry for that.

Mokothemonkey · October 31, 2009

Hey ,it was just a mistake but Why i will be banned because it not a spam or bad grammer but i am sorry for that.

sorry, I hope this load of smileys makes up for it

:D :D :D :D :D :D :D :D

I think this topic is pretty much done now, unless things still aren't working for JF

Sign In

how to load several external Web pages in 1 page

Recommended Posts

Confuscious

Parin

Confuscious

MrFish

Mokothemonkey

Guest JF_Sly

sauravrawal

sauravrawal

Mokothemonkey

sauravrawal

Mokothemonkey

Create an account or sign in to comment

Create an account

Sign in

HelioHost

Donate

Forums

Activity