Dynamic inputs and Google Maps marker in a form example

Looking for some advanced features?

dynamic elements - the element options are automatically populated from a database query
built-in tree layout supported for selects, multiple selects and dynamic checkbox elements!
validate the multi-enabled dynamic checkbox element against minimum or maximum number of required checkboxes!
Google Maps - a drag and drop map marker element with built-in address search autocompletion!

The live form - submit it!

This is a dynamic select - values come from an SQL query
Multiple works too
How about a quite useful alternative to multiple selects with clever validation?		web site design banners web development using PHP/MySQL with Perl/Oracle Delphi-based in Java dtp available online available offline album covers newspapers
Address autocompletion and drag and drop marker!		Latitude: Longitude: Turn on JavaScript in your browser to use Google Maps instead of typing coordinates!

Source

This is the config array for Clonefish which generates the form you've just seen.
Scroll at the bottom of this window to see how to use this array!


<?php

  $config = Array(



    'categoryid' => Array(

      'type'           => 'selectDynamic',

      'displayname'    => 'This is a dynamic select - values come from an SQL query',

      'sql'            => 'SELECT id, name FROM portfolio_categories',

      values         =>

        Array(             

          0 => 'choose nothing', 

        ),

      'treeid'         => 'id',

      'treestart'      => '0',

      'treeparent'     => 'parentid',

    ),



    'categoryids_withselect[]' => Array(

      'type'           => 'selectDynamic',

      'displayname'    => 'Multiple works too',

      'html'           => 'multiple="multiple"',

      'sql'            => 'SELECT id, name FROM portfolio_categories',

      'treeid'         => 'id',

      'treestart'      => '0',

      'treeparent'     => 'parentid',

      validation => Array(

        Array( 'type' => 'required' )

      )

    ),



    'categoryids_withcheckbox[]' => Array(

      'type'           => 'inputCheckboxDynamic',

      'displayname'    => 'How about a quite useful alternative to multiple selects with clever validation?',

      'sql'            => 'SELECT id, name FROM portfolio_categories',

      'treeid'         => 'id',

      'treestart'      => '0',

      'treeparent'     => 'parentid',

      validation => Array(

        Array( 'type' => 'required', 'minimum' => 3 )

      )

    ),



    'mapMarker' => Array(

      'type'   => 'mapmarker',

      'displayname' => 'Address autocompletion and drag and drop marker!',

      'key'    => GOOGLE_API_KEY,

      'jspath' => BASE_URI . 'js/',

    ),

);

?>

Usage example

To create a form using this array you'll only need a few lines of code:

<?php // create the form object $clonefish = new clonefish( 'loginform', 'test.php', 'POST' ); // setup codepage so your data will be handled // perfectly by the appropriate string functions $clonefish->codepage = 'utf-8'; $clonefish->multibytesupport = 'multibyteutf8'; // add the form elements (fields) pre-filled with // values from $_POST $clonefish->addElements( $config, $_POST, get_magic_quotes_gpc() ); // validate the form if the form has been submitted if ( count( $_POST ) && $clonefish->validate() ) { // form is valid, go and store values in database, etc. // $clonefish->getElementValues() provides a // normalized value array. } else // if the form wasn't submitted yet or the validation // had failed, show the form (automatically // including error messages) echo "<html><body>" . $clonefish->getHTML() . "</body></html>"; ?>

Take a look at
the PHP source!

Data dump

Below are the dumps of some PHP variables - submit the form to see the changes!

Contents of the $_POST array:
$_POST = array (
)

Results of a $clonefish->getElementValues() call:
array (
  'categoryid' => NULL,
  'categoryids_withselect' => NULL,
  'categoryids_withcheckbox' => 
  array (
  ),
  'mapMarker' => NULL,
)

There are cases when the above arrays are different. This is not a bug, but a feature: clonefish was written to help with everyday form hassles (like avoiding the missing value of an unchecked checkbox or compiling the whole date string from date selector fields).

clonefish - PHP form generator and validator class

Live PHP form builder!

Dynamic inputs and Google Maps marker in a form example

The live form - submit it!

Source

Usage example

Data dump

form validation for developers!