What is this called? Or how is it done?

[Spring]

It's a little difficult for me to explain but, when a website loads another site (For example with Curl or something) How is the site able to keep a header or some part of original site 'attached' to the site they loaded..for example, say you're redirected, the site you redirected to loads, but you still see the site you redirected from header on at the top of the page. How is this done? What is it called? Do you need me to clear it up a bit better? I can try to find an example.

[Spring]

Sorry meant to edit not quote..

[xyph]

I-frames/frames are probably the cleanest method.

 

Any other solution would involve heavy parsing to maintain clean code

[xtopolis]

I've seen what you're talking about, and there are various ways to do this, so I'll speak in general terms.  If you have a specific example, you could investigate the source code yourself, or link it here and nicely ask someone to break down the "technologies" used.

 

In general, to display one "website" as a subpage of another:

 

You can use frames/iframes.  //not very widely used

 

You can use javascript(ajax) and divs.  //more common

 

I'm not 100% on the technologies, but I think they either load the page in another div, or even use javascript injection into the destination page.

[xyph]

With JavaScript injection, you will have to inject the head and body separately to maintain standards-compliant code. You will also have to watch out for importing JavaScript from external sites that conflict with functions/variables declared in your own JavaScript.

[sphinx]

Use Ajax. Keep the header on your web page, then insert the ajax DIV below, and in the loader file, place a header redirect.

 

If you want code let me know.

[Spring]

Use Ajax. Keep the header on your web page, then insert the ajax DIV below, and in the loader file, place a header redirect.

 

If you want code let me know.

 

Hey sounds good! And yeah, an example would be fabulous!!

[sphinx]

Script for web page:

 

		<script type="text/javascript">

		function Ajax()
		{
			var
				$http,
				$self = arguments.callee;

			if (window.XMLHttpRequest) {
				$http = new XMLHttpRequest();
			} else if (window.ActiveXObject) {
				try {
					$http = new ActiveXObject('Msxml2.XMLHTTP');
				} catch(e) {
					$http = new ActiveXObject('Microsoft.XMLHTTP');
				}
			}

			if ($http) {
				$http.onreadystatechange = function()
				{
					if (/4|^complete$/.test($http.readyState)) {
						document.getElementById('ReloadThis').innerHTML = $http.responseText;
					        setTimeout(function(){$self();}, 6000)	
					}
				};
				$http.open('GET', 'random.php' + '?' + new Date().getTime(), true);
				$http.send(null);
			}

		}

	</script>

 

Also include this in the 'body' which is the additional loader before the above takes effect.

 

		<script type="text/javascript"> //ADDITIONAL LOADER BEFORE ABOVE LOADER CURRENTLY AT 6000.
		setTimeout(function() {Ajax();}, 1000);
	</script>

 

then add random.php and add the code you want it to load.

 

DIV

 

<div id="ReloadThis">THIS TEXT will disappear when it has loaded</div>

[Spring]

Script for web page:

 

		<script type="text/javascript">

		function Ajax()
		{
			var
				$http,
				$self = arguments.callee;

			if (window.XMLHttpRequest) {
				$http = new XMLHttpRequest();
			} else if (window.ActiveXObject) {
				try {
					$http = new ActiveXObject('Msxml2.XMLHTTP');
				} catch(e) {
					$http = new ActiveXObject('Microsoft.XMLHTTP');
				}
			}

			if ($http) {
				$http.onreadystatechange = function()
				{
					if (/4|^complete$/.test($http.readyState)) {
						document.getElementById('ReloadThis').innerHTML = $http.responseText;
					        setTimeout(function(){$self();}, 6000)	
					}
				};
				$http.open('GET', 'random.php' + '?' + new Date().getTime(), true);
				$http.send(null);
			}

		}

	</script>

 

Also include this in the 'body' which is the additional loader before the above takes effect.

 

		<script type="text/javascript"> //ADDITIONAL LOADER BEFORE ABOVE LOADER CURRENTLY AT 6000.
		setTimeout(function() {Ajax();}, 1000);
	</script>

 

then add random.php and add the code you want it to load.

 

Thanks! Really appreciate it.

[sphinx]

no problem, check post again, added additional info.

[watsmyname]

or this may work as well i m not sure.

 

<div>your header</div>
<div><?php file_get_contents("http://www.othersite.com")?></div>

 

hope this helps

watsmyname