MachForm Community Forums Topic: Showing default values that disappear once a user clicks in the field

MachForm Community Forums Topic: Showing default values that disappear once a user clicks in the field https://www.machform.com/forums/ MachForm Community Forums Topic: Showing default values that disappear once a user clicks in the field en Mon, 04 May 2026 00:29:48 +0000 williamansley on "Showing default values that disappear once a user clicks in the field" https://www.machform.com/forums/topic/showing-default-values-that-disappear-once-a-user-clicks-in-the-field#post-23350 Wed, 27 May 2015 21:34:16 +0000 williamansley 23350@https://www.machform.com/forums/ Wow! Version 4.4 is going to be a really big update. I can hardly wait! yuniar on "Showing default values that disappear once a user clicks in the field" https://www.machform.com/forums/topic/showing-default-values-that-disappear-once-a-user-clicks-in-the-field#post-23343 Wed, 27 May 2015 11:43:42 +0000 yuniar 23343@https://www.machform.com/forums/ This will be available as built-in feature within v4.4. We'll be releasing it next month (June) atypicalv on "Showing default values that disappear once a user clicks in the field" https://www.machform.com/forums/topic/showing-default-values-that-disappear-once-a-user-clicks-in-the-field#post-23337 Tue, 26 May 2015 11:54:30 +0000 atypicalv 23337@https://www.machform.com/forums/ Just followed this for v4.3 and got it to work, so posting for anyone else with questions. For v4.3, in the view-functions.php file look around line 144 for the $element_markup to insert the onclick & onblur functions. Then look around line 5393 to insert the additional javascript, after the <link rel="stylesheet" type="text/css" href="{$machform_path}{$css_dir}view.css" media="all" />. Cheers. ryanmilles on "Showing default values that disappear once a user clicks in the field" https://www.machform.com/forums/topic/showing-default-values-that-disappear-once-a-user-clicks-in-the-field#post-20418 Tue, 11 Mar 2014 00:33:33 +0000 ryanmilles 20418@https://www.machform.com/forums/ Any update or solution to this yet for v3.4 and above? ryanmilles on "Showing default values that disappear once a user clicks in the field" https://www.machform.com/forums/topic/showing-default-values-that-disappear-once-a-user-clicks-in-the-field#post-20376 Thu, 06 Mar 2014 03:06:47 +0000 ryanmilles 20376@https://www.machform.com/forums/ ahhh.. this is for machform 2. I definitely need a solution to this for version 3.4 ryanmilles on "Showing default values that disappear once a user clicks in the field" https://www.machform.com/forums/topic/showing-default-values-that-disappear-once-a-user-clicks-in-the-field#post-20369 Thu, 06 Mar 2014 02:37:35 +0000 ryanmilles 20369@https://www.machform.com/forums/ I did a search in the view-functions.php for the code posted above by redityo: <pre><code>$element_markup = <<<EOT <li id="li_{$element->id}" {$error_class}> <label class="description" for="element_{$element->id}">{$element->title} {$span_required}</label> <div> <input id="element_{$element->id}" name="element_{$element->id}" class="element text {$element->size}" type="text" value="{$element->default_value}" /> </div>{$guidelines} {$error_message} </li> EOT;</code></pre> but it does not come up at all, and is definitely not in "line 40 ~ 50"... i think this entire method is outdated (4 years ago), and no longer is suitable for functionality. I need to do this exact same thing "Showing default values that disappear once a user clicks in the field" but then also reappears when clicked out of the field. Is this possible? Shouldn't it be a standard feature? Help! ryanmilles on "Showing default values that disappear once a user clicks in the field" https://www.machform.com/forums/topic/showing-default-values-that-disappear-once-a-user-clicks-in-the-field#post-20366 Thu, 06 Mar 2014 02:05:43 +0000 ryanmilles 20366@https://www.machform.com/forums/ I have tried to implement this, copying what Machmail and klintrudolph have posted, but can't get it to work. :/ Any insight or advice from the admins? Thanks! klintrudolph on "Showing default values that disappear once a user clicks in the field" https://www.machform.com/forums/topic/showing-default-values-that-disappear-once-a-user-clicks-in-the-field#post-18347 Thu, 23 May 2013 05:58:02 +0000 klintrudolph 18347@https://www.machform.com/forums/ Doh! Same as others... To add this to the email fields look near line 729 of includes/view-functions.php you'll find the function: <pre><code>//Email function mf_display_email($element){</code></pre> towards the end of this function you'll see the $element_markup output and you just need to do the same thing. from: <pre><code><input id="element_{$element->id}" name="element_{$element->id}" class="element text {$element->size}" type="text" maxlength="255" value="{$element->default_value}" /></code></pre> to: <pre><code><input id="element_{$element->id}" name="element_{$element->id}" onclick="resetBox(this, '{$element->default_value}')" onblur="resetCustomValue(this, '{$element->default_value}')" class="element text {$element->size}" type="text" maxlength="255" value="{$element->default_value}" /></code></pre> klintrudolph on "Showing default values that disappear once a user clicks in the field" https://www.machform.com/forums/topic/showing-default-values-that-disappear-once-a-user-clicks-in-the-field#post-18270 Tue, 14 May 2013 07:21:28 +0000 klintrudolph 18270@https://www.machform.com/forums/ I forgot to ask. I haven't figured out how to do this for the 'email' fields. Any ideas? klintrudolph on "Showing default values that disappear once a user clicks in the field" https://www.machform.com/forums/topic/showing-default-values-that-disappear-once-a-user-clicks-in-the-field#post-18269 Tue, 14 May 2013 07:19:40 +0000 klintrudolph 18269@https://www.machform.com/forums/ I added another step to this with another function for the onblur event. This way, when you click out it comes back. in your js file (same one as above is fine): <pre><code>function resetCustomValue(box, defaultvalue) { if (box.value == '') { box.value = defaultvalue; } }</code></pre> In your includes/view-functions.php you add another attribute to all instances of the desired fields. Just like we already did for the onclick event, we are adding the onblur event. You need to find all desired fields such as input and textarea and add both attributes to all of them: <code>onclick="resetBox(this, '{$element->default_value}')" onblur="resetCustomValue(this, '{$element->default_value}')"</code> arnaudboub on "Showing default values that disappear once a user clicks in the field" https://www.machform.com/forums/topic/showing-default-values-that-disappear-once-a-user-clicks-in-the-field#post-12853 Tue, 01 Nov 2011 18:02:51 +0000 arnaudboub 12853@https://www.machform.com/forums/ Great ! Thank you Machmail Machmail on "Showing default values that disappear once a user clicks in the field" https://www.machform.com/forums/topic/showing-default-values-that-disappear-once-a-user-clicks-in-the-field#post-12632 Fri, 23 Sep 2011 20:28:35 +0000 Machmail 12632@https://www.machform.com/forums/ hotchecks there is a better solution, which will reset only the default field value: Save this code into file js\reset_field.js: <pre><code>function resetBox(box, defaultvalue) { if (box.value == defaultvalue) { box.value = ""; } }</code></pre> Near line 50 in includes\view-functions.php change from: <pre><code><input id="element_{$element->id}" name="element_{$element->id}" class="element text {$element->size}" type="text" value="{$element->default_value}" /></code></pre> to: <pre><code><input id="element_{$element->id}" name="element_{$element->id}" class="element text {$element->size}" type="text" value="{$element->default_value}" onclick="resetBox(this, '{$element->default_value}')" /></code></pre> Near line 1850 in includes\view-functions.php change from: <pre><code><link rel="stylesheet" type="text/css" href="{$css_dir}view.css" media="all" /> <script type="text/javascript" src="js/view.js"></script></code></pre> to: <pre><code><link rel="stylesheet" type="text/css" href="{$css_dir}view.css" media="all" /> <script type="text/javascript" src="js/view.js"></script> <script type="text/javascript" src="js/reset_field.js"></script></code></pre> hotchecks on "Showing default values that disappear once a user clicks in the field" https://www.machform.com/forums/topic/showing-default-values-that-disappear-once-a-user-clicks-in-the-field#post-11617 Thu, 17 Mar 2011 08:21:33 +0000 hotchecks 11617@https://www.machform.com/forums/ I've also implemented this tweak (perhaps it could come as standard?) line 44 of includes/view-functions.ph From: <code> <input id="element_{$element->id}" name="element_{$element->id}" class="element text {$element->size}" type="text" value="{$element->default_value}" /> </code> To: <code> <input id="element_{$element->id}" name="element_{$element->id}" class="element text {$element->size}" type="text" value="{$element->default_value}" onclick="this.value='';" /> </code> raewell on "Showing default values that disappear once a user clicks in the field" https://www.machform.com/forums/topic/showing-default-values-that-disappear-once-a-user-clicks-in-the-field#post-7199 Thu, 03 Sep 2009 21:36:57 +0000 raewell 7199@https://www.machform.com/forums/ I have just sent the file to the address. What great customer service ! I really appreciate this assitance. Raewell Graphics yuniar on "Showing default values that disappear once a user clicks in the field" https://www.machform.com/forums/topic/showing-default-values-that-disappear-once-a-user-clicks-in-the-field#post-7176 Wed, 02 Sep 2009 22:11:14 +0000 yuniar 7176@https://www.machform.com/forums/ Hello raewell, Can you send us your modified "includes/view-functions.php" file please? We'll check it. Please send to: customer.service [at] appnitro.com raewell on "Showing default values that disappear once a user clicks in the field" https://www.machform.com/forums/topic/showing-default-values-that-disappear-once-a-user-clicks-in-the-field#post-7151 Tue, 01 Sep 2009 11:08:33 +0000 raewell 7151@https://www.machform.com/forums/ Thank you so much for the quick reponse. I tried the solution but ended up with an error. I know it was a mistake I made so if you (or anyone else) can look at the form on the right hand side of <a href="http://www.renewingsmiles.com" rel="nofollow">www.renewingsmiles.com</a> . The form id is 5. I think I need to know exactly what to replace in the above solution so this will work. If you could use any other info from me, I will get it to you right away. I really appreciate your assistance and enjoy working with your product. redityo on "Showing default values that disappear once a user clicks in the field" https://www.machform.com/forums/topic/showing-default-values-that-disappear-once-a-user-clicks-in-the-field#post-7011 Sun, 23 Aug 2009 10:59:45 +0000 redityo 7011@https://www.machform.com/forums/ Hi Raewell, I think it could be done, let's say your 3 field information is like this : * full name : element 1, default value is name * phone : element 2, default value is phone * email : element 3, default value is email I assume all filed on form id 17, Then you need to edit "includes/view-functions.php", try to follow these steps : 1. Go to around line 40 ~ 50, you will see these code : <pre><code>$element_markup = <<<EOT <li id="li_{$element->id}" {$error_class}> <label class="description" for="element_{$element->id}">{$element->title} {$span_required}</label> <div> <input id="element_{$element->id}" name="element_{$element->id}" class="element text {$element->size}" type="text" value="{$element->default_value}" /> </div>{$guidelines} {$error_message} </li> EOT;</code></pre> replace with these one <pre><code>if ($_GET['id'] == 17) { if ($element->id == 1 || $element->id == 2 || $element->id == 3 ) { $onclick_event = ' onclick="javascript:reset_field(\''.$element->id.'\')" '; } } $element_markup = <<<EOT <li id="li_{$element->id}" {$error_class}> <label class="description" for="element_{$element->id}">{$element->title} {$span_required}</label> <div> <input {$onclick_event} id="element_{$element->id}" name="element_{$element->id}" class="element text {$element->size}" type="text" value="{$element->default_value}" /> </div>{$guidelines} {$error_message} </li> EOT;</code></pre> 2. Go to around line 1832 ~ 1827, you will see these code : <pre><code>if($has_calendar){ $calendar_js = '<script type="text/javascript" src="js/calendar.js"></script>'; }else{ $calendar_js = ''; }</code></pre> put these code exactly bellow that code <pre><code>if ($form_id == 17) { $javascript_event = <<<EOT <script type="text/javascript" src="js/jquery/jquery-core.js"></script> <script type="text/javascript"> function reset_field(element_id) { if ($('#element_'+element_id).val() == 'name' || $('#element_'+element_id).val() == 'phone' || $('#element_'+element_id).val() == 'email' ){ $('#element_'+element_id).val(''); } } </script> EOT; }</code></pre> 3. Go to line 1855, you'll see <pre><code><script type="text/javascript" src="js/view.js"></script></code></pre> then put this code bellow that line <pre><code>{$javascript_event}</code></pre> Don't forget to change those id with yours raewell on "Showing default values that disappear once a user clicks in the field" https://www.machform.com/forums/topic/showing-default-values-that-disappear-once-a-user-clicks-in-the-field#post-6988 Fri, 21 Aug 2009 02:40:07 +0000 raewell 6988@https://www.machform.com/forums/ I am trying to edit a clients form (they are using MachForm). They want the form to display like the form on this site... <a href="http://www.pdxsmiles.com/" rel="nofollow">http://www.pdxsmiles.com/</a> They are trying to condende the existing form they have to open up space. They feel that instead of using a label like "Name:" next to or above the feild, they want the default value listed in the field. When the user clicks in the field, the default value disappears allowing them to enter the info. Any suggestions would be appreciated. Raewell