Author Topic: Adding JQuery in Membership Form (Read 753 times)

Luciano S. · May 23, 2012, 06:31:17 am

hey guys,

I want to add some JQuery script when a user changes the selected option in a custom field, in the Membership create / edit form.

I want to use the TEMPLATE.extra.tpl feature, but I cannot find which template I have to create the extra file.
I've added the custom template Member/Form/Membership.extra.tpl (I guessed that was the right one) but the JS script is never executed.

Any idea which is the right template name I should create for this?

cheers

emilyf · June 14, 2012, 07:39:03 am

on this page http://wiki.civicrm.org/confluence/display/CRMDOC40/Customize+Built-in%2C+Profile%2C+Contribution+and+Event+Registration+Screens

under 'reate a Custom Screen' that's how you find which tpl file you need (also make sure you set up your directories). then just create the extra tpl for that same file.

clear your caches as well so that it finds the new files.

xavier · June 23, 2012, 03:14:10 pm

Two common errors I made:

1) be sure the path of your custom template is set up properly in the admin screen
2) be sure you put {literal}<script> around your js code and if you do jquery, you need to use the one from civicrm, not the one from your theme/drupal:

.extra.tpl

Code: [Select]

<script>
{literal}
cj(function ($) {
  $("...")...; // do your normal jquery code
});
{/literal}
</script>

CiviCRM Community Forums (archive)

News:

Author Topic: Adding JQuery in Membership Form (Read 753 times)

Luciano S.

Adding JQuery in Membership Form

emilyf

Re: Adding JQuery in Membership Form

xavier

Re: Adding JQuery in Membership Form