https://legacy.forums.gravityhelp.com/tags/javascript Gravity Support Forums Tag: javascript - Recent Topics en-US Mon, 20 Apr 2026 06:03:52 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/pre-render-multi-page-calculations-javascript-skilled-developer#post-373894 Wed, 10 Jul 2013 17:03:21 +0000 smmcward 373894@https://legacy.forums.gravityhelp.com/ <p>Hello Developer's,</p> <p>I am also using Gravity Forms Product Add On as well to add additional costs/options to products on a Woocommerce site.</p> <p>I need on one page of a multi page form, 10 single line input text boxes with 2 radio buttons per line on the right as a choice as to what type of line it is... a repeating line or a changing line. The user fills in the text box if it is a repeating line and leaves blank if it is a changing line. Repeating lines radio buttons have a value of 0. Changing line radio buttons have a value. Here's where the javascript comes in to play:<br /> No changing lines: $0.00<br /> 1 changing line: $3.50<br /> 2 changing lines: $5.50<br /> 3 changing lines: $7.25<br /> 4 changing lines: $8.75</p> <p>There wouldn't be more than 4 changing lines that the user would input out of the 10. I imagine you could "count" the total number changing lines selected and depending on that number, add the cost</p> <p>Now the exciting stuff... What the form above will be doing is acting as a template (per say). On the same page as this form would be a drop down with 1-10. If the user chooses, let's say 5 and clicks the "next" button, 5 exactly the same forms, just like the one we just created will be on the next page. This is where the Pre Render would come into play. Also, the value or cost from from the changing line radio buttons would show as well. So in this case, 5 times the number of total changing lines.</p> <p>If interested, I can go in to more detail via email/phone. Also, 8-9 similar types of option forms coming in the next week that I know I will need to job out as well. </p> <p>Name: Sean<br /> Contact Email: <a href="mailto:sean.mcward@seanmcward.com">sean.mcward@seanmcward.com</a><br /> Date needed: ASAP on this first form</p> <p>Thanks </p> https://legacy.forums.gravityhelp.com/topic/need-to-set-documentdomain-for-ajax-enabled-submissions#post-337141 Fri, 21 Jun 2013 16:44:55 +0000 Twig Interactive 337141@https://legacy.forums.gravityhelp.com/ <p>I am running a site (www.example.com) that uses iframes from a subdomain (test.example.com).</p> <p>In order to communicate between them (due to same-origin policy) I need to set the JavaScript variable <code>document.domain = &#39;example.com&#39;</code> . This is all fine and works great.</p> <p>However, when Gravity Forms in introduced, the Ajax-enabled submissions fail (because presumably the Ajax code returned that gets loaded into the hidden GF iframe expects the standard <a href="http://www.example.com" rel="nofollow">http://www.example.com</a>)</p> <p>Sadly, browsers do NOT let you reset the document domain back to the original, once you have set it to the superdomain.</p> <p>Long story short: I need to be able to insert the <code>document.domain</code> code into the HTML returned by the Ajax submission of a form. I don't see a JavaScript hook for such a thing. Is there a way to do this via a PHP hook?</p> <p>I know I can just turn Ajax off and it'll work, but that's not an elegant solution.</p> <p>Any advice would really be appreciated! Thanks. </p> https://legacy.forums.gravityhelp.com/topic/placeholder-text-a-different-style-than-typed-in-text#post-329399 Mon, 17 Jun 2013 22:29:46 +0000 jbro 329399@https://legacy.forums.gravityhelp.com/ <p>Hi, I'm using GF with the excellent clearit hack (here: <a href="http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/)" rel="nofollow">http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/)</a>. With the input:focus pseudoselector I've gotten typed-in entry text to be a different style than the default content (default content is italic and gray, typing is normal and black). </p> <p>The problem is, when you take focus away, the text you entered is grayed-out and the client doesn't like this. </p> <p>Is there any way to make text boxes that have been filled out be a different text style than default content? I'm open to re-doing the javascript implementation if necessary. </p> <p>Thanks in advance to anyone who can point me in the right direction! </p> <p>Oh here's the site (currently in pre-release): <a href="http://asklegalbrains.com/" rel="nofollow">http://asklegalbrains.com/</a></p> <p>Thanks<br /> jb </p> https://legacy.forums.gravityhelp.com/topic/conditional-logic-with-hundreds-of-options#post-201271 Mon, 08 Apr 2013 12:35:16 +0000 Noel Green 201271@https://legacy.forums.gravityhelp.com/ <p>I have a form which shows a different image / HTML block depending on what zip code is entered in a field. If the zip code is none of over 500 variations it shows another image. Right now I'm setting up the conditional logic option to "Hide" that image if any of the 500+ zip codes are entered. This is taking for ever to enter in and makes the form load more slowly.</p> <p>Is there an easier way? </p> https://legacy.forums.gravityhelp.com/topic/form-datepicker-zindex-error-using-jqueryuidatepickerminjsver192#post-308849 Fri, 07 Jun 2013 19:56:22 +0000 batterystudios 308849@https://legacy.forums.gravityhelp.com/ <p>When I use the datepicker on the frontend in my form, I receive the following error:<br /> "Uncaught TypeError: Object [object Object] has no method 'zIndex' "<br /> - /wp-includes/js/jquery/ui/jquery.ui.datepicker.min.js?ver=1.9.2</p> <p>As a workaround, I modified the core file form_display.php at line 1510 and commented out the following line :</p> <p>//wp_enqueue_script("gforms_datepicker", GFCommon::get_base_url() . "/js/datepicker.js", array("jquery-ui-datepicker"), GFCommon::$version, true);</p> <p>and replaced it with the following code to load GF's own verison of the datepicker script.</p> <p>wp_register_script('gforms_ui_datepicker', GFCommon::get_base_url() . '/js/jquery-ui/ui.datepicker.js', array('jquery'), GFCommon::$version );</p> <p>This fixed the problem, for now, but I do not want to leave the code hacked. Can you suggest a better solution please?</p> <p>Here is a screencast of the problem for more info: <a href="http://screencast.com/t/KewvOldDPdmk" rel="nofollow">http://screencast.com/t/KewvOldDPdmk</a> </p> https://legacy.forums.gravityhelp.com/topic/using-both-message-as-well-as-redirect-option-after-clicking-submit-button#post-252244 Tue, 14 May 2013 04:48:25 +0000 aum302 252244@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>Right now, there are two options to select from once a user clicks the 'submit' button - message or page re-direct.</p> <p>Pls let me know if it's possible to get both these done. For example, after a user clicks the 'submit' button, first the person sees a message and after a preset delay of a few seconds, gets re-directed to a pre-specified page.</p> <p>I have been using this in the 'Fast Secure Contact Form' before recently purchasing 'Gravity Forms' and it proved extremely helpful.</p> <p>Pls let me know if there is any way to achieve this with Gravity forms.</p> <p>Thanks. </p> https://legacy.forums.gravityhelp.com/topic/another-displaynone-issue#post-267549 Wed, 22 May 2013 05:37:21 +0000 fortunebuilders 267549@https://legacy.forums.gravityhelp.com/ <p>I have looked through the posts on the issue of display:none on a conditional form, and have tried a number of things, and cannot get the issue resolved. You can see my site here: <a href="http://www.fortunebuilders.com/wins/deal-profile/" rel="nofollow">http://www.fortunebuilders.com/wins/deal-profile/</a></p> <p>After trying it with ALL plguins disabled, and a different theme (fresh version of twentytwelve), the problem still persists. I made sure to enable ajax when embedding the form in the page, I'm not sure if this matters. I have tried removing everything except wp_footer(); from the footer, and all scripts from the header; have reverted to jQuery 1.8.3; just upgraded to the latest version of Gravity Forms; uninstalled and reinstalled Gravity Forms; made sure no other versions of jQuery are running - properly deregistered and reregistered jQuery in the functions.php file.</p> <p>I haven't yet upgraded WordPress to 3.5.1. We are currently running 3.4.1 and unfortunately I cannot upgrade at the moment without backup and approval. We have a lot of stuff running on the site and cannot afford to break anything right now potentially from a WP upgrade.</p> <p>Maybe I can revert to an older version of Gravity Forms? I don't know if there is an issue in the latest version.</p> <p>In the Gravity Forms settings, however, there is a checkmark (indicator of OK) next to WordPress 3.4.1, as well as PHP 5.2, which we are using for right now (I upgraded to 5.3 to see if this would fix the issue, and it didn't, so I reverted because we need 5.2 for some things right now).</p> <p>So, I was wondering if anyone has anything else I can try, or may be willing to look at the code we have and see if you can find any potential errors.</p> <p>Also, the form displays properly in preview mode. </p> https://legacy.forums.gravityhelp.com/topic/execute-a-jsjquery-function-on-fucus#post-254428 Wed, 15 May 2013 15:42:10 +0000 jkirker 254428@https://legacy.forums.gravityhelp.com/ <p>I have some jQuery that I need to execute onFocus for the datepicker which will block out days. </p> <p>Here's the jQuery that I'm running on the page:<br /> <pre><code>&lt;script&gt; function disableDays(selector,days,min) {    var $ = jQuery;        var daysToDisable = days; // [5, 6] // Sat &amp; Sun      function disableSpecificWeekDays(date) {                var day = date.getDay();                for (i = 0; i &lt; daysToDisable.length; i++) {                      if ($.inArray(day, daysToDisable) != -1) {                            return [false];                      }                }                return [true];          }    $(selector).datepicker(&#39;option&#39;, &#39;beforeShowDay&#39;, disableSpecificWeekDays);    $(selector).datepicker(&#39;option&#39;, &#39;minDate&#39;, min); } &lt;/script&gt;</code></pre> <p>I need to execute this function on focus for Field ID 75 </p> <p>How do I add this to the datepicker input?<br /> <code>onfocus=&#39;(disableDays(&#39;#input_2_75&#39;,[5,6],&#39;+4d&#39;);):&quot;</code> </p> https://legacy.forums.gravityhelp.com/topic/how-to-solve-javascript-conflict-with-zurb-foundation#post-224871 Fri, 26 Apr 2013 02:54:46 +0000 Piet 224871@https://legacy.forums.gravityhelp.com/ <p>WP 3.6-beta1-24041<br /> GF 1.7.2<br /> building a theme with Foundation 4.1.2<br /> cannot give URL, because in local development</p> <p>As soon as I activate Gravity Forms I run into conflicts. I cannot modify any of the forms in the backend and via the frontend no notifications are sent out upon submitting a form.</p> <p>The error in the backend says:<br /> Timestamp: 26/4/13 2:47:35<br /> Error: ReferenceError: gform_get_tooltip_options is not defined<br /> Source File: <a href="http://domain.local/wp-content/plugins/gravityforms/js/form_admin.js" rel="nofollow">http://domain.local/wp-content/plugins/gravityforms/js/form_admin.js</a><br /> Line: 606</p> <p>It doesn't matter whether I use the no-conflict mode, doesn't work either way. On top of that the theme loads jquery-noconflict by default and a whole bunch of other scripts.</p> <p>I have deregistered the WordPress jQuery version and instead use version 1.9.1 via Google. Foundation also uses zepto. All scripts are properly enqueued.</p> <p>My questions is two-fold.<br /> Does anyone else have similar issues and/or how are these type of conflicts usually solved? </p> https://legacy.forums.gravityhelp.com/topic/using-query-strings-on-redirect-page#post-163369 Thu, 07 Mar 2013 13:22:44 +0000 rcandela 163369@https://legacy.forums.gravityhelp.com/ <p>I'm new to query strings, and am trying to get data to post to a redirect page after submit. On my site, I'm using gravity forms so users can purchase a service. The form redirects to PayPal and all is well. After confirmation of payment, they are redirected to a new page. I've passed the query string to the redirect page, but have absolutely no idea how to post data in Wordpress to show the query string. Call me a novice developer, I guess.</p> <p>Could you give me the walk through, on how to populate data on a new page (not in a form), using the query string parameters outlined in the form settings, redirect page. </p>