Dynamically displaying html on same page?

**Zee Best** · 01-13-2011, 06:10 PM

Basically, im looking for the easiest way of doing the following;

Code:

<? include("page.php"); ?>

On a page, however, i need to be able to change the page displayed via links.

Is it possible and what's the easiest way of doing it?

**Peter** · 01-13-2011, 06:13 PM

i believe there Frame or something like that
[Only registered and activated users can see links. ]

**Impulser** · 01-13-2011, 06:14 PM

<? include($_GET['page']) ?>

:trollface::trollface::trollface:

**Zee Best** · 01-13-2011, 06:16 PM

Originally Posted by Impulser

<? include($_GET['page']) ?>

:trollface::trollface::trollface:

Well, i want to do it without visibly changing the url.

So, i was going to use $_POST but i didn't know how to create a link which would work with a form or anything.

I also tried iframes since content updating on them is easy, however i could never get the height to adjust.

**Zee Best** · 01-13-2011, 06:47 PM

Originally Posted by ajjr1228

Ajax.

Feel free to give me a complete working example...

ZammyPk25 · 01-13-2011, 06:49 PM

Originally Posted by +Null

i believe there Frame or something like that
[Only registered and activated users can see links. ]

No, get out. Frame isn't recommended.

**Zee Best** · 01-13-2011, 07:22 PM

Originally Posted by ajjr1228

Teach yourself. How I learned how to do PHP.

OH LOOK FIRST RESULT ON GOOGLE..

[Only registered and activated users can see links. ]

OH LOOK SOMEMORE!

[Only registered and activated users can see links. ]

Both of which use the URL to change, for example; page.php#page

Which is what i said i didn't want to happen.

**Lil E 420** · 01-13-2011, 07:26 PM

Originally Posted by Zee Best

Both of which use the URL to change, for example; page.php#page

Which is what i said i didn't want to happen.

No they do not Look closely at the example

. It refreshes the page with that displayed page.. not using the URL whatsoever

**Zee Best** · 01-13-2011, 07:29 PM

Originally Posted by Lil E 420

No they do not Look closely at the example

. It refreshes the page with that displayed page.. not using the URL whatsoever

I have looked, and click demo on the second one, or the source, uses #pagename at the end of the url to show that content.

**thiefmn6092** · 01-13-2011, 07:34 PM

Code:

<html>
	<body>
		<script type="javascript/text">
			var a = new XMLHttpRequest( );
			a.onreadystatechange = function( )
			{
				document.getElementById( "A" ).innerHTML = a.responseText;
			}
			a.open( "GET", "somefile.txt", true );
			a.send( );
		</script>
		<div id="A">
			The server hasn't processed your file request yet...
		</div>
	</body>
</html>

the readystatechange callback allows for you to hook the browser event for when the Javascript request is returned by the server...

the open function allows you to control what the request type is, the page (or file) to GET and the true designates this request
is asynchronous (meaning it will be processed by the browser in the background...

document.getElementById allows you to return a Javascript object representing the divider element "A" which then gives us the
ability to edit its "HTML", using the .innerHTML attribute...

Thread: Dynamically displaying html on same page?

Thread Tools

Users Browsing this Thread

User Tag List

Similar Threads

My first html page [release]

[DOM] Dynamically creating new HTML elements

Second HTML page, still basic

Display basic HTML page