[Resolved] Add new Tags with Enter

[Author]

Posts

[christianS-11]

Hi,
is it/will it be possible that the Tags will be added after hitting the "Enter"-Key additional to clicking the "add" button?

Regards
Christian

[Nigel]

Hi Christian

Firstly, please note that you are posting in the Community Forum for users of the free Types plugin. As a Toolset customer you can and should post in the Technical Support forum which we prioritise and where you should receive speedier service.

I assume you are talking about adding new tags in a CRED form. It is already the case that you can add new tags with the enter key in the backend when editing a post, and, no, you cannot do the same on the front end with a CRED form—without adding a little jQuery.

From the screenshot note that adding a tag-like field to a CRED form adds several inputs: a hidden version of the field itself with the field slug as its name ("taglike" in my example), the input field you actually enter the terms in ("tmp_taglike"), an input button to add new terms ("new_tax_button_taglike"), as well as the show popular section.

What you need to do is to detect when someone enters the return key when typing in the field and use that to trigger a click action on the button, as if the user had clicked it themselves.

So, in the custom JS section of your form add the following code, editing it for the slug of your custom field (i.e. replacing both instances of "taglike"):

( function( $ ) {
	$( document ).ready( function(){
		$('input[name="tmp_taglike"]').keydown(function(e) {
			if ( e.which == 13 ) {
				$('input[name="new_tax_button_taglike"]').click();
				return false;
			}
		});
	});
})( jQuery );

[christianS-11]

Perfect, thank you very much; it works.