Home/ Questions/Q 9104045
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T01:46:17+00:00

I’ve built a webpage that is basically a main-page with a div that is

  • 0

I’ve built a webpage that is basically a main-page with a div that is filled with different pages by using AJAX. This basically works by loading pages into a div by using innerHTML. One problem I ran into was when a page with javascript is loaded into that div all of the other code runs fine; just the javascript doesnt work.

Main-page(index.php):

<html>
<head>
<script type="text/java">
////bunch of functions////
////Ends up that page_request on this instance is 'graph.php'////
document.getElementById('mydiv').innerHTML=page_request.responseText
</script>
</head>
<body>
<div id="mydiv"><div>
</body>
</html>

Child-page(loaded in div(graph.php)):

<html>
<head>
<link rel="stylesheet" href="mystyle.css" type="text/css" media="screen" />
<script src="other_stuff.js"></script>
</head>
<body>
<script>
///bunch of script////
</script>
</body>
</html>

Now when loading the page itself (opening graph.php) I notice that everything works fine; it is just when I import graph.php to index.php through innerHTML into my div it does not work (no errors just nothing is shown). I have read through many other posts and guides and did not come up with any distictive solution; thinks I have seen were:

  • Put eval() around my code [I saw on a guide that this could lead
    to malicious user attacks].
  • Create the scripts on the main page then just import the data using:
    • document.createElement() and .parentNode.insertBefore()
  • Create a listener and call the functions when I open graph.php
  • And this good example

Even though I am not 100% sure how this example could work because I have php populate information for the javascript to collect and then make my graph on graph.php; so if I put that function into index.php the php will already be loaded so I would have to refresh the page or call them to update information somehow. Just for some context I am ok at php but I am new and struggle with javascript so I do not know what solution would fit my situation or work the best. Any tips/examples would be greatly appreciated, thank you for your time.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    From you code snippets it seems you’re looking to embed complete pages within the main page. If that’s the case, a more straightforward approach would be to use an iframe element instead.

    For example:

     ...
 <div id="main-page-container">
     <iframe src="some-path/graph.php" scrolling="no" frameborder="no"></iframe>
 </div>
 ...

    See reference and usage example.

    • 0