running before I can walk | dynamic include & JS

milkfloat

Hey there,
I'm a designer… no no please keep reading! But I've recently started to learn php rather than just cutting and pasting code to get the job done.

I've started well with simple php includes and functions, but I've got stuck and need help.

I've got a site I'm building with a Spry JS Accordion. I want the main content pages to display content according to user selection. So each content page has an intro and the user chooses content to appear via a subnav. The content is pulled in via PHP includes into a named div. All works fine, but the included content uses the JS Accordion which doesn't initialise as it is being loaded after the page has been served to the browser.

Heres the site:
http://www.yourcopeland.com/visual/rosenthal/site/services/agerelatedchanges.php
The main content is loaded by compiled and displays fine, but select the 3rd sub nav tab and the same content is loaded again, but the accordion doesn't work.

I guess I need to re-initialize the accordion after the PHP include pulls in the content.
This is where I'm banging my head against a wall.
I guess I need to add some kind of onload=success listener to the incoming PHP content page?
Been trawling the net for 2 days, finding hints of solutions, but not enough to lead me out of the darkness.

Can you help?

big_nerd

milkfloat,

I am not sure what is SUPPOSED to be happening, however when I load the page:

The Laser Genesis Accordion / Tab is open, and I get the Alert() that it has loaded.

I can tab through the other accordions by clicking on them, then back to the Laser Genesis, all perfectly fine.

When you use a PHP Include its included before the page is sent to the browser (well AS it is being sent)

According to the browser its all 1 content page.

If i don't understand what's happening, please let meknow.

milkfloat

sorry, I'll clarify.
When the page first loads the Laser Genesis content has a working JS accordion at the bottom.
Click the underlined links to see.
It works when the first page loads as there is a PHP include when the page is first served.

Pressing the third tab loads the same Laser Genesis content (It will be replaced eventually with similar content) although this time the accordion doesn't work and all the content paragraphs at the bottom of the page are open. (default state if javascript isn't working/enabled).

Does that help?
Thanks for responding

big_nerd

milkfloat,

I am having a terribly slow-minded day so I'm not getting it, HOWEVER:

To see if its the include that's causing the issue, try leaving the data from each PHP include page in the html file static (remove the includes and put the data in manually).

See if that rectifies the issue, as I don't see how a PHP include will cause any errors.

as:

Hello,
<php
include "name.php"; 
// in name.php: big.nerd
?>

<!-- is the same as -->
Hello, big.nerd

Both items are exactly the same with the exception of the first being more trying on the server (not by any measurable margin, however).

Let me know how it goes, and if all else fails, post some code if possible.

Please be sure to use [php] and [/php] tags to encase your code so its readable.

Also, if you have any database information in there such as usernames & passwords protect yourself by changing them to something obscure/generic.

milkfloat

I realise it's a bit confusing. My appologies again and thanks for your patience.
I've altered the page a bit to help clarify.

initial page load with Laser Genesis content = fine
click 3rd tab (botox) - new content loads via PHP = javascript accordion not working.

The PHP includes work perfectly. The problem is with the JS accordion functionality contained inside the new content.
Here's an link to the content that is pulled in.
http://www.yourcopeland.com/visual/rosenthal/site/services/lasergenesis_content.php

The problem occurs when dynamically adding new content with PHP includes after the page has been served to the browser. If I understand, the server compiles the includes and serves a finished page to the browser. The javascript then initialises and controls the accordion.

Adding PHP include content with accordions afterwards breaks the link to the javascript.
So it needs to be re-initialised with some kind of PHP onload function added to the include file perhaps?
Any better?