Ajax tabs breaks php variables

[dekra]

1) Script Title: Ajax Tabs Content Script (v 2.2)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...axtabscontent/

3) Describe problem:

Hi all, I'm implementing languages on a website I manage. All the text is called from a single page by echoing variables. Everything works fine for everything outside the 'div id="content"' container which is the dynamic ajax tabs. The weird thing is, if you view the source of the page, the text is actually there, but just not visible or formatted into the browser. If I comment out the ajax script it shows fine. I tried changing the 'content' variable incase it conflicted with another, but same thing happens.

The testimonial and request form tabs work as they are not echoed variables, just normal text.

Thoughts?

http://sandbox.gc-worldwide.com/

[jscheuer1]

PHP is interpreted first by the server, but only if the page has the .php extension. If the page you are importing doesn't have that extension, it will appear as garbage, a comment, or otherwise be ignored - depending upon the browser.

Now, this may not be what is happening here, but before we go any further, we must be sure that the imported PHP content is being parsed by the server as PHP.

[dekra]

Hi John,

Thanks for your help. PHP will be imported with whatever extension it's assign in apache. In this case yes, everything is imported fine. The entire site relies on PHP and all the text you can see are variables that are working. If you view source in your browser, you will see the main body text is there as well, but not visible when the page loads. If I comment out the ajax-tabs.js script the text loads fine, but obviously the tabs stop working.

Thoughts?

[jscheuer1]

If I ask the browser what it thinks it was served I get:

		<DIV id="content"><P><?  echo $company['p1'];?></P>

<P><?  echo $company['p2'];?></P>

<IMG src="/images/staff_tj.jpg" alt="Tatjana John" class="thumb_pics">

<P><?  echo $company['p3'];?></P>

<P><?  echo $company['p4'];?></P>
</DIV>

So, I am assuming that the PHP tokens are only getting resolved by the server when it serves the source view at the browser's request.

I'd double check that the external files have the .php extension. It can't hurt anything.

[jscheuer1]

If you want to see what is being sent by the server in response to the AJAX request, temporarily edit this function in ajaxtabs.js (add the highlighted):

ddajaxtabs.loadpage=function(page_request, pageurl, tabinstance){
	var divId=tabinstance.contentdivid
	document.getElementById(divId).innerHTML=ddajaxtabssettings.loadstatustext //Display "fetching page message"
	if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
		alert(page_request.responseText);
		document.getElementById(divId).innerHTML=page_request.responseText
		ddajaxtabs.ajaxpageloadaction(pageurl, tabinstance)
	}
}

[dekra]

Hi John,

I see what your saying after I did your trick. All the files are .php but the content files are .inc which are pulled into index.php. I just tried changing them to .php but the same thing happens, except with the javascript pop up you see the same content, minus the php code. Why does the content still load when you view the source though? Any other ideas?

[dekra]

This is what I see with a .php extension.

<p></p>

<p></p>

<img src="/images/staff_tj.jpg" alt="Tatjana John" class="thumb_pics" />

<p></p>

<p></p>

Again though, it's loaded in the background, very strange.

[dekra]

Anymore ideas John / anyone else?

[jscheuer1]

Well, I'm not really sure. I just tried a test on a PHP enabled server. I downloaded the archive ajaxtabscontent.zip from Dynamic Drive. I renamed all the files in its root folder to .php and then did a global search and replace on those files:

.htm

to:

.php

and added:

<?php 
$testvar = 'Bob';
echo $testvar;
?>

to external5.php (4rth tab in the second all AJAX demo from demo.php)

I then uploaded the entire demo to the server. The PHP was resolved fine when clicking the tab for that page.

So I guess I am wondering if you really renamed your external files to .php and called them by their new names to the main page, or if you simply made copies and were still calling the old .inc versions?

Or perhaps your 'top' page was cached by the browser and was still calling the old versions.

In any case, on your demo page, they are still called as .inc.

<ul id="menu_items" class="shadetabs">
		<li class="null"><a href="javascript:void(0);" rel="#default"></a></li>
		<li><a href="/include/company-profile.inc" rel="content" class="selected">profile</a></li>
		<li><a href="/include/services.inc" rel="content">services</a></li>
		<li><a href="/include/testimonials.inc" rel="content">testimonials</a></li>
		<li><a href="/include/request-form.inc" rel="content">request form</a></li>
		<li><a href="/include/contacts.inc" rel="content">contacts</a></li>
		</ul>

[dekra]

Hi John,

Ya, seems like it should work without problem and I'm sure it's something simple, but I'm not seeing it. I had changed all my local files to .php, but not online. I just changed them all, every single file is .php and is referenced as such. The testimonials tab works but that is just txt in the external file. Seems that the script is not translating the PHP in those files. Not sure if it helps, but my structure is that header.php, body.php, and footer.php are all called from the main index.php file, with the content loaded from external .php files based on the requested link. Anything else I can do to troubleshoot?

ryan.