https://legacy.forums.gravityhelp.com/topic/how-to-add-javascript-functionality Gravity Support Forums Topic: How to add JavaScript functionality en-US Sat, 04 Apr 2026 12:36:13 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-to-add-javascript-functionality#post-44527 Tue, 20 Dec 2011 13:51:23 +0000 David Smith 44527@https://legacy.forums.gravityhelp.com/ <p>Awesome. Thanks for posting back. :) </p> https://legacy.forums.gravityhelp.com/topic/how-to-add-javascript-functionality#post-44501 Tue, 20 Dec 2011 04:38:55 +0000 Lea Cohen 44501@https://legacy.forums.gravityhelp.com/ <p>I uploaded to our production server, and surprisingly - everything works well... Maybe our dev server was just acting up :) Thank you very much for all your help. </p> https://legacy.forums.gravityhelp.com/topic/how-to-add-javascript-functionality#post-44370 Mon, 19 Dec 2011 14:18:23 +0000 David Smith 44370@https://legacy.forums.gravityhelp.com/ <p>Hi leac,</p> <p>I can't think of anything offhand that would prevent the confirmation or GF hooks from firing. If you send me your FTP info I can take a look: <a href="mailto:david@rocketgenius.com">david@rocketgenius.com</a>. </p> https://legacy.forums.gravityhelp.com/topic/how-to-add-javascript-functionality#post-44317 Sun, 18 Dec 2011 02:44:53 +0000 Lea Cohen 44317@https://legacy.forums.gravityhelp.com/ <p>Thank you! That seems to have solved my problem!</p> <p>It seems, though, that I have a problem with the submission of the post. The post is created, but the user never gets to the thank-you confirmation, and the function that I run on <code>gform_post_submission</code> doesn't do its work. But if I *don't* enqueue the CSS and JS of the jQuery, then the submission works fine - the user gets the thank-you message, and the function runs.<br /> This happens when I use my own page template. However when I switch to the default template, everything works fine. </p> <p>This is my page template:<br /> <pre><code>&lt;?php /* Template Name: plain page */ ?&gt; &lt;!DOCTYPE html&gt; &lt;html&lt;?php language_attributes(); ?&gt;&gt; &lt;head charset=&quot;&lt;?php bloginfo( &#39;charset&#39; ); ?&gt;&quot;&gt; &lt;title&gt;Upload Form&lt;/title&gt; &lt;?php /* Always have wp_head() just before the closing &lt;/head&gt; * tag of your theme, or you will break many plugins, which * generally use this hook to add elements to &lt;head&gt; such * as styles, scripts, and meta tags. */ wp_head(); ?&gt; &lt;/head&gt; &lt;body&gt; &lt;?php if (have_posts()) : while (have_posts()) : the_post(); ?&gt; &lt;?php the_content(&#39;read more&#39;); ?&gt; &lt;?php endwhile; endif; ?&gt; &lt;?php wp_footer(); ?&gt; &lt;/body&gt; &lt;/html&gt;</code></pre> https://legacy.forums.gravityhelp.com/topic/how-to-add-javascript-functionality#post-44273 Fri, 16 Dec 2011 18:11:47 +0000 David Smith 44273@https://legacy.forums.gravityhelp.com/ <p>Hi leac,</p> <p>The first thing I noticed was that you are loading the form via thickboxes ajax content method. This is where thickbox retrieves the actual content of the requested page and loads it into the thickbox window. This isn't an ideal approach for what you're trying to do because you essentially now have two copies of all the scripts loaded on the page; one copy from the page you're on and one copy from the form page you're loading.</p> <p>I'd recommend using thickbox's iframe functionality to load the form page in an iframe. Let me know if the issues continue after you've done this. </p> https://legacy.forums.gravityhelp.com/topic/how-to-add-javascript-functionality#post-44133 Thu, 15 Dec 2011 08:01:43 +0000 Lea Cohen 44133@https://legacy.forums.gravityhelp.com/ <p>You're right. I enqueued them as follows:<br /> <pre><code>if (is_page(213)){ wp_enqueue_style(&#39;jQuery-ui&#39;,&#39;http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css&#39;); wp_enqueue_style(&#39;forms&#39;, get_bloginfo(&#39;template_directory&#39;).&#39;/css/forms.css&#39;, null, &#39;1.0&#39;); wp_enqueue_script(&#39;jQuery-ui&#39;,&#39;http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js&#39;,&#39;1&#39;,true); wp_enqueue_script(&quot;forms-js&quot;, get_bloginfo(&#39;template_directory&#39;).&#39;/js/forms.js&#39;, array(&#39;jQuery-ui&#39;), &#39;1&#39;,true); }</code></pre> <p>The thing is, that my script - forms.js - includes all kinds of jQuery commands. Only the ones having to do with autocomplete don't work (i.e work only on 2nd load). The others work fine on each load.</p> <p><a href="http://dev.linux.ort.org.il/nanotest/wp-content/themes/twentyten/js/forms.js?ver=1" rel="nofollow">Link to the JS file </a></p> <p><a href="http://dev.linux.ort.org.il/nanotest/?page_id=213" rel="nofollow">Link to form</a></p> <p>I'd appreciate you help </p> https://legacy.forums.gravityhelp.com/topic/how-to-add-javascript-functionality#post-43913 Tue, 13 Dec 2011 10:35:37 +0000 Chris Hajer 43913@https://legacy.forums.gravityhelp.com/ <p>If moving your scripts to after the scripts are being included by wp_head, then the order of the scripts is probably wrong and there is an unmet dependency. For example, a script that relies on jQuery is being added before jQuery is included.</p> <p>Hard-coding them is not the best way to go. You might want to enqueue your scripts so they're included in the proper order by wp_head(). Here is the documentation for using that WordPress function:</p> <p><a href="http://codex.wordpress.org/Function_Reference/wp_enqueue_script" rel="nofollow">http://codex.wordpress.org/Function_Reference/wp_enqueue_script</a></p> <p>Look specifically at $deps or dependencies. </p> https://legacy.forums.gravityhelp.com/topic/how-to-add-javascript-functionality#post-43892 Tue, 13 Dec 2011 07:03:40 +0000 Lea Cohen 43892@https://legacy.forums.gravityhelp.com/ <p>OK, I tried something, and it worked: I moved the call to wp_head() to be before my script tags, and that helped. Now it works when the form is opened in its own page, but not when the it's opened with thickbox. </p> <p>I saw that wp_head merely adds scripts and links, so I copied those scripts to my page template, and cancelled the call to wp_head. Then I saw that of course both wp_head and I call jQuery, just with different versions. So I removed the call that wp_head brought and only used mine, and now the form opens with thickbox, <strong>and</strong> my autocomplete runs... </p> <p>But this seems like a workaround, and not the best way to do things, doesn't it?... </p> https://legacy.forums.gravityhelp.com/topic/how-to-add-javascript-functionality#post-43879 Tue, 13 Dec 2011 02:42:45 +0000 Lea Cohen 43879@https://legacy.forums.gravityhelp.com/ <p>Yes, it does, as I added it and it fixed the <a href="http://www.gravityhelp.com/forums/topic/required-field-with-condidtion#post-43742" rel="nofollow">conditional field problem</a>. The direct link to the form is <a href="http://dev.linux.ort.org.il/nanotest/?page_id=213&amp;width=790" rel="nofollow">http://dev.linux.ort.org.il/nanotest/?page_id=213&amp;width=790</a> (the link in my previous post was wrong ) </p> https://legacy.forums.gravityhelp.com/topic/how-to-add-javascript-functionality#post-43762 Mon, 12 Dec 2011 10:41:29 +0000 Chris Hajer 43762@https://legacy.forums.gravityhelp.com/ <p>Does your page template include the function call to wp_head()? </p>