Author Topic: Adding JavaScript to profile form element using custom hook or template? (Read 1608 times)

dbsavage · October 16, 2009, 09:32:08 am

Hi,

I'm trying to set up a profile form with a dropdown select field where, if a user selects "Other", a text field will be spawned where the user can enter additional information. The way I thought about doing this was to include the "Other" text field in the profile, and add a JavaScript "onchange" event to the dropdown form element to keep the text field hidden unless a certain option is selected. I'm having trouble figuring out how to insert the JavaScript; I'm assuming I would use either a buildForm hook or a custom profile form template, but I'm not sure how I would go about it either way. Any advice is appreciated.

Thanks -

Donald Lobo · October 16, 2009, 10:52:39 am

I would do the following:

1. create a custom select field that includes the option other

2. create a custom text field called other_text

3. add these 2 fields to the profile

4. customize the profile template form for that specific profile (http://wiki.civicrm.org/confluence/display/CRMDOC/Customize+Built-in,+Profile,+Contribution+and+Event+Registration+Screens)

5. add javascript to hide other_text by default and show it if the option other is chosen

lobo

dbsavage · October 16, 2009, 03:16:26 pm

Thanks for the response; this helped. I ended up adding the javascript to the event registration template instead, since that's where I'm having the profile show up, but the basic idea is the same....

CiviCRM Community Forums (archive)

News:

Author Topic: Adding JavaScript to profile form element using custom hook or template? (Read 1608 times)

dbsavage

Adding JavaScript to profile form element using custom hook or template?

Donald Lobo

Re: Adding JavaScript to profile form element using custom hook or template?

dbsavage

Re: Adding JavaScript to profile form element using custom hook or template?