Create Professional Secure Forms with CAPTCHA, Realtime Validation and PHP Backend

Back in the autumn of 2008, I have written a tutorial about how you can create a basic AJAX Contact Form that works with PHP Back-end. The post is one of the most popular here on BitRepository having over 8,000 monthly page views and over 440 comments so far.

Since many people asked me how they can do this and even hired me to offer them assistance with this application, I have decided to write a more advanced script with many features including CAPTCHA and Real-time Validation.

The script can be practically used to create any type of AJAXified, yet secure form that collects data and sends it to your email inbox including but not limited to:

  • Contact/Feedback Form
  • Support Form
  • Customer Survey Form
  • Online Product Order Form
  • Event Registration Form
  • Employment Form
  • Make a Room Reservation Online Form
  • Send Testimonial Form
  • Subscribe to Newsletter Form
  • Gift Order Form

Read more if you are interested in creating interactive web forms without page reload…

Run your own instant messaging program for XMPP/Jabber: iJab

iJab is a free web based instant messaging program for XMPP/Jabber. Users can run their own instant messaging, complimenting the XMPP philosophy of a distributed network. iJab is interpreted purely by the client web browser. Hence, it does not require downloading and installing any additional software. iJab also developed iJabBar, a Facebook styled web chat client.

Features include:

  • Based on XMPP protocol and it’s standard
  • Support MSN, AIM transport and any transports in XMPP server
  • Written with GWT and compiled to Javascript files
  • Cross-browser compatible
  • Easy integration with website
  • Supports theme – you can add your own theme
  • Support for 3 modes: stand-alone application, web chat bar in page and live support
  • Sound support
  • User search
  • Smiles support

Powerful AJAX-enabled DHTML JavaScript Grid Control: dhtmlxGrid

dhtmlxGrid is an AJAX-driven JavaScript Grid Control that allows easy implementation of nice looking DHTML tables with rich-in-cell editing, fixed multi-line headers/footers, resizable, sortable and draggable columns, built-in searching, grouping and data validation capabilities.

The grid view component is easy to use and provides great flexibility due to its rich client-side API. This grid control is 100% client-side and loads data dinamically through AJAX calls. Thus, it can be integrated with any server side technology (PHP, ASP, Coldfusion, JSP, Ruby-on-rails etc.), providing the possibility to save and update data into the database in real time without page refresh.

Features include:

  • Full control with JavaScript API
  • Simple JavaScript or XML configuration
  • Built-in filtering, searching, grouping
  • Auto-calculated values in footer/header
  • Support for including other grids as subgrids
  • Drag-and-drop rows/columns within grid
  • Different keyboard mappings
  • Easy styling with CSS or predefined skins
  • Detailed documentation
  • Source: http://dhtmlx.com/docs/products/dhtmlxGrid/index.shtml
  • Licenses: Open Source – GPL: Free | Commercial: $199 | Enterprise: $449

Bumpbox – An Awesome Lightbox Clone with Support for PDF Files

Bumpbox is a lightbox that besides the support for opening images, html files, FLV videos, and SWF files, can also be used to open PDF files. The integration of the script is quite simple: you add the scripts in the head section of the page, classes to the links that should use bumpbox and define a rel tag with the size that the lightbox should have. The nice thing about this lightbox is that it detects what kind of file you wish to show in the box, so you do not need to specify the type, easing the process of integration.

bumpbox

Web Based AJAX Events Calendar/Scheduler

dhtmlxScheduler is a lightweight and fast-performing Web Based JavaScript events calendar that provides rich and intuitive scheduling solution similar to Microsoft Outlook Calendar, Apple’s iCal or Google Calendar. Since the data is loading via AJAX, the calendar events can be added, modified, and deleted without refreshing the browser’s page. The application offers a built-in solution for recurring events which can be configured on daily, weekly, monthly or yearly basis.

Features include:

  • Ability to create custom views
  • Extended possibilities for customization of the look and feel.
  • Full control with script API
  • Intuitive interface
  • Support for iCal format
  • Compatibility with dhtmlxConnector

dhtmlx-scheduler

dhtmlxScheduler can be integrated with server database by means of dhtmlxConnector or your own server-side code written in any language (PHP, Java, ASP, etc.). Only a couple of code strings needed to set up client-server communication between in-browser events calendar and back-end database.