PHP Forum

**Cepola** · 01-05-2008, 04:59 AM

Hi folks, i'm new on the forum and this is my first post (who cares?) Well, i'm also new to php and all that stuff, so i've encountered a problem which i think isn't so problematic after all. I didn't know whether to post this thread in the javascript forum or here, but i thought that the actual problem lays in php.
What i was trying to do is the following: a html form with some radio buttons and a second part which depended through a javascript to every single button an which should appear when triggered by the onClick function.
Here is just one case, in order that you understand the whole thing:

HTML Code:

<head>
      <script type="text/javascript">
function AdventPrague()
{
document.getElementById("additional").innerHTML="<?php include(event_forms/advent_prague.htm); ?>";
}
      </script>
        <script type="text/javascript">
</head>
<body>
<label>
<input type="radio" name="event" value="advent_prague" onClick="AdventPrague()">
Advent Prag</label>
<div id="additional"></div>

Everything works when I directly insert HTML through the javascript but it would overload the file size, so i'd like single files to load on every onClick, but the PHP include won't work, as i suppose the server isn' triggered. Can you help please?
PS the whole form is here http://www.musicandfriends.com.hr/form.php

**Truly** · 01-05-2008, 05:05 AM

I am pretty sure you will need to use AJAX/HttpRequest but thats my next thing to learn so I unfortunately cant give you any specifics.

**maxxximus** · 01-05-2008, 07:40 AM

Yes this is a Js problem.

As mentioned by Truly this would be best done using the Http request object.

The script below will work.Just pass the requested page (event_forms/advent_prague.htm in this case) as an argument in the AdventPrague function.

HTML Code:

<head>
      <script type="text/javascript">
function AdventPrague(a)
  {
  var xmlHttp;
  try
    {
    // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
    }
  catch (e)
    {
    // Internet Explorer
    try
      {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
    catch (e)
      {
      try
        {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
      catch (e)
        {
        alert("Your browser does not support AJAX!");
        return false;
        }
      }
    }
    xmlHttp.onreadystatechange=function()
      {
      if(xmlHttp.readyState==4)
        {
       document.getElementById('additional').innerHTML=xmlHttp.responseText;
        }
      }
    xmlHttp.open("GET",a,true);
    xmlHttp.send(null);
  }

   </script>
</head>
<body>
<label>
<input type="radio" name="event" value="advent_prague" onClick="AdventPrague('event_forms/advent_prague.htm')">
Advent Prag</label>
<div id="additional"></div>

**Cepola** · 01-05-2008, 01:23 PM

Thanks maxxximus, this helped!

**FotoZone** · 01-05-2008, 03:31 PM

Delete this?

<input type="radio" name="event" value="advent_prague" onClick="AdventPrague()">
Advent Prag</label>
<div id="additional"></div>

**chrishirst** · 01-05-2008, 03:56 PM

Quote:

but the PHP include won't work, as i suppose the server isn' triggered

Nope.
You cannot use a client side script to insert server side php.
Server side code runs and ends before the page is even sent to the client and javascript code starts to run.

**Cepola** · 01-13-2008, 05:33 AM

Well, now I'd like to know if it's possible to include the AJAX stuff in a variable as i have many functions in which i'd like to reuse it. Tanks in advance!