Estou fazendo um terminal de consulta usando WordPress + Woocommerce, como irei utilizar leitor de código de barras e terá ZERO interação com teclado e mouse, preciso que o campo recarregue automaticamente alguns segundos após a consulta.
Tentei todas a possibilidades possíveis, mas não tive sucesso, o que chegou mais perto do que preciso foi com <META HTTP-EQUIV="refresh" CONTENT="10;">
, o problema é que a página atualiza a cada X segundos e muitas vezes coincide com o momento de leitura do código de barras. Eu preciso que esse refresh seja a X segundos após do código ser inserido.
Segue abaixo o código que estou utilizando e o link da página com o terminal de consulta.
A div
é busca personalizada com um widget que consulta o banco do Woocommerce.
Precisei usar onKeypress
no input
search para desabilitar o enter, pois sempre que o leitor faz a leitura de um código ele executa enter e acaba carregando a página de produto do e-commerce, preciso que continue na mesma página exibindo a mini consulta do produto.
Código
<div class="ysm-search-widget ysm-search-widget-3 ysm-active"><form data-id="3" role="search" method="get" class="search-form" action="https://eabeer.com.br/"> <label> <span class="screen-reader-text">Código de Barras</span> <input type="search" class="search-field" placeholder="Código de Barras" value="" name="s" autocomplete="off" autofocus onKeypress="if (event.keyCode == 13) event.returnValue = false;"><button type="submit" class="search-submit"><span class="screen-reader-text">Search</span></button> </label><div class="smart-search-results" style="max-height: 400px; width: 1120px;"><div class="smart-search-suggestions" style="position: absolute; display: none; max-height: 400px; z-index: 9999; width: 1120px;"></div></div></form></div>
shortcode
, que no caso é oysm-search-widget-3
. Ajudaria passar o código mesmo assim?setTimeout(function(){ location.reload(); }, 3000);
... isso irá atualizar a página após 3 segundos