Geek Answers Handbook

Create a dynamic one-page web application

I would like to create a web application (PHP) that will have an addition container containing dynamic fields / forms. I would like the user to fill out the form, but not be removed from the main part of the page. Imagine browsing a website and reporting a page error in the overlay, but do not delete from the page you read. In addition, is it possible to make the form of several parts / pages, for example, clicking on the next button, and the next part of the form will be presented? Thanks for any help.

+4
source share
3 answers

A good example of this type of web application is here, with some useful tips:

+4
source

What you are looking for is called ajax .

Using jQuery , you can easily create the kind of form you want, where the whole page does not reload after submitting.

Check out jQuery UI for more details. There, it’s usually very simple to implement power tools to help create a dynamic web page.

So, the jQuery UI stuff for the layout (look at the tabs) and ajax through jQuery to communicate with the server (PHP).

+4
source

I just finished creating a one-page application using the Yii Framework for PHP and JQuery (JQuery UI as well).

What I learned is that jQuery is not adequate enough to work with a true one-page application.

What you need to use is a library that handles a lot of problems that arise when creating a SPA and frees you from having to do a lot of manipulations with the DOM.

Instead, you actually write a true application and let the library handle these aspects for you.

One library that comes to mind is AngularJS.

It can also be very helpful.

http://addyosmani.com/blog/building-spas-jquerys-best-friends/

Hope this helps.

+1
source

More articles:


All Articles