https://legacy.forums.gravityhelp.com/topic/onchange-javascript Gravity Support Forums Topic: onChange JavaScript en-US Mon, 20 Apr 2026 06:03:28 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/onchange-javascript#post-53894 Fri, 30 Mar 2012 17:47:00 +0000 kiwii 53894@https://legacy.forums.gravityhelp.com/ <p>Thanks </p> https://legacy.forums.gravityhelp.com/topic/onchange-javascript#post-53382 Sun, 25 Mar 2012 12:52:46 +0000 Rob Harrell 53382@https://legacy.forums.gravityhelp.com/ <p>Place this class name on the field in question: change_class</p> <p>Then use this:</p> <pre><code>&lt;?php add_action(&quot;gform_field_input&quot;, &quot;map_input&quot;, 10, 5); function map_input($input, $field, $value, $lead_id, $form_id){ if($field[&quot;cssClass&quot;] == &quot;change_class&quot;){ $input = &#39;&lt;input id=&quot;txtColor&quot; class=&quot;color&quot; onchange=&quot;document.getElementById(&quot;dColor&quot;).style.backgroundColor = &quot;#&quot; + this.color&quot; &gt;&#39;; } return $input; } ?&gt;</code></pre> https://legacy.forums.gravityhelp.com/topic/onchange-javascript#post-53342 Sat, 24 Mar 2012 14:27:07 +0000 kiwii 53342@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin, thank you for the quick response. I would really appreciate you If you can give me the actual code for this. I read the link you pass me, but I'm not good programming. </p> <p>I know you shouldn't do this for me, but could you exception this time?</p> <p>The name of the input is: input_3_9 and what i need to insert this input is <code>onchange=&quot;document.getElementById(&quot;dColor&quot;).style.backgroundColor = &#39;#&#39; + this.color&quot;</code></p> <p>Thanks mate. </p> https://legacy.forums.gravityhelp.com/topic/onchange-javascript#post-53315 Fri, 23 Mar 2012 20:59:24 +0000 Kevin Flahaut 53315@https://legacy.forums.gravityhelp.com/ <p>You would need to use this filter to modify the input.</p> <p><a href="http://www.gravityhelp.com/documentation/page/Gform_field_input" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_field_input</a> </p> https://legacy.forums.gravityhelp.com/topic/onchange-javascript#post-53312 Fri, 23 Mar 2012 20:49:26 +0000 kiwii 53312@https://legacy.forums.gravityhelp.com/ <p>How can I achieve this? </p> https://legacy.forums.gravityhelp.com/topic/onchange-javascript#post-53311 Fri, 23 Mar 2012 20:41:10 +0000 kiwii 53311@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin, thanks for the response. The ONCHANGE event its supposed to happend inside a input text, here is the example:</p> <p>&lt;input id="txtColor" class="color" onchange="document.getElementById("dColor").style.backgroundColor = '#' + this.color" &gt; </p> https://legacy.forums.gravityhelp.com/topic/onchange-javascript#post-53308 Fri, 23 Mar 2012 20:03:20 +0000 Kevin Flahaut 53308@https://legacy.forums.gravityhelp.com/ <p>You would need to view the source, get the input ID and then plug that into your script so it would know what it's supposed to change. You would place your script in your theme's header.php file wherever your particular theme recommends you to place custom script blocks. </p> https://legacy.forums.gravityhelp.com/topic/onchange-javascript#post-53298 Fri, 23 Mar 2012 16:42:37 +0000 kiwii 53298@https://legacy.forums.gravityhelp.com/ <p>Any? </p> https://legacy.forums.gravityhelp.com/topic/onchange-javascript#post-53127 Wed, 21 Mar 2012 23:01:34 +0000 kiwii 53127@https://legacy.forums.gravityhelp.com/ <p>Hi, I need to put this code inside a normal input.</p> <p>onchange="document.getElementById("dColor").style.backgroundColor = '#' + this.color" </p> <p>How do I do this?<br /> Thanks </p>