Back to Top
The nuts and bolts for
Creative web development

DMXzone Ajax Form

“Enrich the user experience with Ajax driven forms”

Reduce page flickering, minimize the load time, and get response immediately after submission with DMXzone Ajax Form! Submit any form and retrieve the result on the same page quick and easy, enhancing the user experience. This amazing Dreamweaver extension relies on Ajax technology providing fast load for the response inside the current page without the need to refresh. From simple form submission like contacts to more advanced forms that process values through a database and retrieve the result back, everything is possible.

Show a product detail page inline within an index page! Create pages with drop-down menus to filter and load the content on the same page, load different galleries or any other dynamic content.  After submission you can choose one of the two predefined status messages (error and success) or just customize them through the CSS. Pick up a custom element to show after submission or a specific part of the page.

With the Behavior Connector you can combine the DMXzone Ajax Form with other extensions like DMXzone Lightbox, Universal Form Validator ASP/PHP, HTML5 MP3 Player, Advanced Tooltips and many more.

Overview

  • Ajax form submission - Submit any form through ajax and show custom success or failure area inline without any page refresh!
  • Index/detail page in one - Show a product detail page inline in the same page as the index!
  • Load dynamic galleries - Show an index of available galleries and load the chosen one inline!
  • Dynamic dependent drop downs or other content - Create a separate page with a drop down control that is filtered and loaded inline with DMXzone Ajax Form.
  • Fully editable status sections - You can choose between two predefined success and error messages that are shown upon form submission. Both can be customized through the CSS.
* For complete Features overview press the Features in Detail  

Features

  • Ajax form submission - Submit any form through ajax and show custom success or failure area inline without any page refresh!

  • Index/detail page in one - Show a product detail page inline in the same page as the index!
  • Load dynamic galleries - Show an index of available galleries and load the chosen one inline!

  • Dynamic dependent drop downs or other content - Create a separate page with a drop down control that is filtered and loaded inline with DMXzone Ajax Form.
  • Fully editable status sections - You can choose between two predefined success and error messages that are shown upon form submission. Both can be customized through the CSS.
 
 
  • Set target - Do you want to display a custom content area of your page and not the default one? Just enter its selector and add it into the set target field, for example #my_content. 
 
 
  • Get response - Do you want to display only a specific part of the form submission output - choose the selector of the target element, for example #my_body.
 
 
  • On submit actions - You can choose whether to hide or clean the form after submission.

  • Specified action - Choose where to submit your form, on the same page or specify other by adding the url to it.
 
  • Choose form method - Choose how to send the data - as URL variables (with method="get") or as HTTP post transaction (with method="post"). The "get" method has a limit to how much data you can place in a URL (it varies between browsers, and also between servers). The "post" method requires more processing on the server but has no size limitation.

  • Pick up enctype method - The enctype attribute specifies how the form-data should be encoded when submitting it to the server (Note: The enctype attribute can be used only if method="post").

 
  • Pick up ID name - Change the name of your div to fit your needs.
  
  • Full Ajax Upload - When combined with the Pure ASP Upload 3 extension, the DMXzone Ajax Form offers direct upload without refreshing the page. Also the upload progress is tracked fully client side and is much accurate! All errors or validity checks are displayed in the great looking DMXzone Ajax Form error area on your page.

  • Full support for the DMXzone Behavior Connector - You can bind other DMXzone extensions through the Behavior Connector. When a form is successfully submitted custom action behavior is triggered or other extensions are controlled. For example you can open the response in an Advanced Tooltips.
 
 
  • Fully controllable by behaviors  - Choose which element to submit your form and control different sections (Form, Error and Success) with one of the following actions - toggle, show and hide.
 
 
  • Great Dreamweaver design preview - You can preview your forms directly in Dreamweaver and see how they look like.

Showcases


  • Time Tracking Software Showcase

    For this showcase we used DMXzone Ajax Form's functionality to submit the form without refreshing the page and HTML5 Responsive Notify for the success notification upon submission.

  • Music Contact Us Form with Notify Showcase

    For this showcase we created a contact form with button, which submits the form and retrieve the result on the same page with the help of DMXzone Ajax Form. The confirmation is executed with the ...

  • Mobile App Notify Showcase

    For this showcase we used the DMXzone Ajax Form where you can put your e-mail address and on submission a confirmation notification shows up (HTML5 Responsive Notify). They are binded through the ...

  • Appointment Form Notification Showcase

    For this showcase we used a few DMXzone extensions in order to design an appointment form with awesome notification upon submission. For the form we used the DMXzone Ajax Form which is connected to ...

  • Ajax Comment Page with Upload Showcase

    In this showcase you can see how easy it is to create a great looking comment form (DMXzone Ajax Form), where you can upload an image (Pure PHP Upload 3/Pure ASP Upload 3) and add a testimonial.

  • Ajax Upload Page Showcase

    In this showcase you can see live an Ajax Upload Page, where you can submit images instantly with the Pure PHP Upload 3. The form is created with the DMXzone Ajax Form and styled with the DMXzone ...

  • Hotel Rooms Showcase

    We created several image galleries with the CSS Image Gallery extension. Then we added a drop-down menu with the different rooms. When you pick a room, the DMXzone Ajax Form comes in to play and ...

  • Profile Page Showcase

    For this showcase we designed a profile/CV page with Ajax Upload Form, created with Pure ASP Upload 3 and DMXzone Ajax Form, where you can easily upload a profile picture, without the need to refresh ...

  • Photography Services Showcase

    For this showcase we created a form with select/list menu, which when changed submits the DMXzone Ajax Form and shows the action page in a set region div. The action page contains images form a ...

  • Contact Us Showcase

    For this showcase we created a basic form that upon submission refreshes automatically with a thank you note!

Videos


Requirements

Type: Behavior
License: External link
Product: Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5/CS5.5 and CS6, Dreamweaver CC
Browser: Chrome 9+, IE 8, Opera 10+, iPad, IE 9, Safari 5+, Firefox 4+, Chrome 10+, Opera 11
Used Technologies: Ajax, CSS
Screen Shot: External link

The DMXzone Ajax Form runs on Dreamweaver 8 but we do not support it officially.

History

Version 1.0.2

  • Full Dreamweaver CC and Extension Manager CC support
  • Updated the automatic file copy and update component for better Dreamweaver CC support
  • Improved compatibility with the latest jQuery
  • Included latest jQuery 1.10.1
  • Improved Windows 8 compatibility
  • Included new Behavior Connector with restyled UI and better Mac OSX Support

Version 1.0.1

  • Improved compatibility with Pure PHP/ASP Upload 3
  • Improved Ajax handling of target content in the same success area.
  • Added the latest stable jQuery 1.8.3
  • Improved installed for Dreamweaver CS6 on Mac

George Petrov

George PetrovGeorge Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. His expertise in countless languages and technologies gives inspiration and teach valuable lessons on his website – DMXzone.com, which is visited daily by more than 30.000 people and is most popular for its over high-quality Dreamweaver extensions and templates.

See All Postings From George Petrov >>

Share this Article