[mshadow]

hi guys.......
i want to append a php page to a div tag....

$("ttt.php").appendTo("#chat");

this isn't working ........any ideas will be highly appreciated

[Atli]

In order to append the contents of a PHP page to the current page, you need to request the contents of the PHP page from the server. That requires an AJAX call. The simplest form of that in jQuery is the get() function.

$.get("ttt.php", function(response) {
    // Opens an alert showing the PHP file contents.
    alert(response);
}); 

You can then use the append() function to add that to your element.

[Dormilich]

load() should also work for getting the PHP page.

[Atli]

But is there a way to use load() to append it's contents to an element? I couldn't spot one in the docs.

[Dormilich]

right in the first paragraph:

Quote

This method is the simplest way to fetch data from the server. It is roughly equivalent to $.get(url, data, success) except that it is a method rather than global function and it has an implicit callback function. When a successful response is detected (i.e. when textStatus is "success" or "notmodified"), .load() sets the HTML contents of the matched element to the returned data.

[mshadow]

Dormilich, on 13 August 2012 - 12:55 AM, said:

load() should also work for getting the PHP page.

but its not appending it is reloading the whole div

[Atli]

Dormilich, on 16 August 2012 - 06:49 AM, said:

right in the first paragraph:

Yes, but it "sets the HTML contents of the matched element to the returned data.", whereas mshadow was trying to append the returned data to the current contents of the element. If you just do $("#chat").load("ttt.php"), then what was in the #chat element before will be removed and replaced.

This post has been edited by Atli: 16 August 2012 - 09:17 AM

[mshadow]

Atli, on 12 August 2012 - 12:35 PM, said:

In order to append the contents of a PHP page to the current page, you need to request the contents of the PHP page from the server. That requires an AJAX call. The simplest form of that in jQuery is the get() function.

$.get("ttt.php", function(response) {
    // Opens an alert showing the PHP file contents.
    alert(response);
}); 

You can then use the append() function to add that to your element.

('#ch').append(response);

is this how i can use append after that...??

This post has been edited by Atli: 16 August 2012 - 11:00 AM
Reason for edit:: Fixed the [code] tags.

[Atli]

Yes. Except you forgot the $ in front of the jQuery call. And wasn't it #chat?

[mshadow]

Atli, on 16 August 2012 - 11:02 AM, said:

Yes. Except you forgot the $ in front of the jQuery call. And wasn't it #chat?

JOY...thnx man.....worked just perfectly....