Changeset 3537

Timestamp:

02/23/07 00:45:19 (6 years ago)

Author:

davedash

Message:

added function yui_live_input_tag($name, $default = null, $options = array())

This is just like input_tag, except an option of url and update can be specified to update a specific element in your DOM with a specific value.

Files:

• plugins/sfYUIPlugin/lib/helper/YUIConnectionHelper.php (modified) (2 diffs)

plugins/sfYUIPlugin/lib/helper/YUIConnectionHelper.php

@@ -16 +16 @@
- * @author     Pierre Minnieur <pm@pierre-minnieur.de>
- * @author     Nick Winfield <enquiries@superhaggis.com>
+ * @author     Dave Dash <dave (dot) dash /at/ spindrop . us>
- * @version    SVN: $Id$
- */
@@ -233 +234 @@
-    return form_tag($submit_route, $options);
-  }
+  
+  /**
+   * Returns a text input tag that makes an ajax request onchange that 
+   *  updates a specified element
+   *
+   * Example usage:
+   *   
+   *   <div id="results"></div>
+   *   <?php echo yui_live_input_tag('@form_submit', array(
+   *     'url' => '@live_form',
+   *     'update' => 'results'
+   *   )) ?>
+   *
+   *  @form_submit does the final submission
+   *  @live_form takes a dynamic submission and 
+   *
+   * This is useful for live javascript validation.
+   *
+   * @param string $name
+   * @param string $default
+   * @param array $options
+   * @see input_tag
+   */
+
+    function yui_live_input_tag($name, $default = null, $options = array())
+    {
+
+      sfYUI::addComponent('yahoo');
+      sfYUI::addComponent('connection');
+      $options = _parse_attributes($options);
+
+      $url = '';
+      if (isset($options['url']))
+      {
+        $url = url_for($options['url']);
+        unset($options['url']);
+      }
+      $update = '';
+      if (isset($options['update']))
+      {
+        $update = $options['update'];
+        unset($options['update']);
+      }
+
+      $func = 'new function(){c=YAHOO.util.Connect;';
+      $func .= 'c.initHeader(\'X-Requested-With\', \'XMLHttpRequest\');';
+      $func .= 'c.asyncRequest("POST", "'.$url.'",{success:function(o){document.getElementById("'.$update.'").innerHTML=o.responseText;}},"value="+event.target.value);}';
+      $options['onchange'] = $func;
+      return input_tag($name, $default, $options);
+    }