[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 542
  • Last Modified:

PHP/Ajax - submitting a form inside a div

I'm looking for some pointers and/or some example code to overcome the following:

I have a php page (page1.php) that uses some ajax to present a div to a user when a button is clicked. The div contains some .php code (present as page2.php) to update some MySQL database data via a form contained within it.

Everything works as it should, however when i click to submit the form within page2.php my browser is redirect to page2.php and consequently the updated data.

I would like the browser to remain at page1.php, and only for the contents of the div to be updated with the new contents of page2.php.

How can i go about this?
0
Noggywoggy
Asked:
Noggywoggy
  • 3
  • 3
1 Solution
 
Michel PlungjanIT ExpertCommented:
Put the form in a page by itself and the page in an iframe

Alternatively if you use a library like prototype or extjs, ajax the form and tell the library to put the result in the div
0
 
NoggywoggyAuthor Commented:
If i were to put the page in an iframe would i still be able to keep the ajax "animation" (if that's the right word?), that hides/shows the div when a link is pressed?
0
 
Michel PlungjanIT ExpertCommented:
No. So instead submit with ajax (assuming it is to the same website)
0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
NoggywoggyAuthor Commented:
I just tried putting an iframe inside the div tags before you posted your reply, and it works exactly as it should.

I'm wondering whether i should give you the points now, given you said that's not the answer in your follow up response! :-)
0
 
Michel PlungjanIT ExpertCommented:
Sorry, I misread - I thought you meant an animation while the form submits.

Showing the div with animation is of course not influenced by what is in the div.
My apologies
0
 
NoggywoggyAuthor Commented:
Slight misunderstanding by both parties, but nevertheless the solution was reached promptly!
0

Featured Post

Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

  • 3
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now