set the focus in the input field

[ea40]

Hi,

I implemented the Searchbox on this page: https://kuechenzentrum-mg.de/test-suche/
On click the magnifier icon the input field is visible.

I want to set the focus in the input field after it is visible.

The solution on this page https://wordpress.org/support/topic/how-to-auto-focus-users-on-search-field-with-no-click/ doesn´t work for me.

Have you a configuration which can help me or have you another solution ?

BR Ertan

[Ernest Marcinko]

Hi!

Try this variation of the custom code instead:

add_action("wp_footer", "asp_custom_script_wp_footer");
function asp_custom_script_wp_footer() {
	?>
	<script>
	jQuery(function($){
		$('.promagnifier').on('click', function(){
			var _this = this;
			setTimeout(function() {
				if ( $(_this).closest('.asp_w').attr('asp-compact') == 'open' ) {
					$(_this).closest('.asp_w').find('input.orig').focus();
				}
			}, 500);
		});

	});
	</script>
	<?php
}

[ea40]

You cannot access this content.

[Ernest Marcinko]

You cannot access this content.

[ea40]

You cannot access this content.

[Author]

Posts