Include if (??display:"block"??) is true

[Jakobu]

Hi,

I have an for me tricky situation. I have a fairly large file tht is positioned inside a div that is hidden by css due to display: "none". Then I have a javascript that changes display: "none" to display:"block". Yhe javascript is working fine. but I wolud like this large page to only loade when sombody clicks to execute the the javascript and makes the nested1 div visible.

I like to include another page only when the CSS item #nested1 have display: "block"; and not if it has the value display: "none";

Is ther a way to let a PHP script get the display information from the item #nested1 in the css file and only include LargePage.php when the value is set to block.

<div id="nested1"> </div>
<?php
😕 here we like to extract som data from #nested1 located in iBoxar.CSS : confused:
if (condition 😕)
include('LargePage.php'); ?>
</div>

Many thanks

Jakob

[sneakyimp]

you cannot check CSS conditions in PHP once you have sent your page output to the browser. PHP can check a variable before it sends HTML to the browser and you could perhaps set up your script to check some variable and send both the page content and the CSS properly.

Because your page's CSS is being changed in response to user behavior via Javascript, you will need to consider using AJAX -- this is where Javascript can make an additional data request using the XMLHttpRequest object.

[Jakobu]

Thank you!

Im on the AJAX,

Works great !!

found this tutorial and it Rocks!!

http://www.dhtmlgoodies.com/index.html?whichTutorial=ajax-basics

Thanks for pushing me in the right direction.

Jakob

Im still a Newbie in the web designing and I am still on to prototyping this on another page in the background, but within a few days I hope to have a realy smooth include and loding on my page.

http://ooodesignlab.com