Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
<script language="JavaScript">
function showHint(){
document.getElementById("inpt").style.display = "block";
}
function hideHint(){
document.getElementById("inpt").style.display = "none";
}
function selectHint(str){
document.getElementById("inpt").value="str";
}
</script>
<input type="text" id="inpt" onFocus="showHint()" onBlur="hideHint()" onKeyUp="updateHint(this.value)">
<div id="hint">
<ul>
<li><a href="javascript:selectHint(\"Exemplo\")">Exemplo</a></li>
</ul>
</div>O problema é que quando clico no link "Exemplo", a div desaparece antes de o evento onClick ser requisitado. Como contornar o problema?
>
não entendi cara, e tb nem vi você usando evento onclick...
e clicar no 'Exemplo', não esconde a div, pois a função que é chamada apenas altera o value do input.
desculpe, cometi alguns erros. As funções show e hide hint chamam a div hint e o evento onClick a q me referi, na verdade usei href="javascript:selectHint()"o codigo corrigido fica:
<script language="Javascript">
function showHint(){
document.getElementById("hint").style.display = "block";
}
function hideHint(){
document.getElementById("hint").style.display = "none";
}
function selectHint(str){
document.getElementById("inpt").value="str";
}
</script>
<input type="text" id="inpt" onfocus="showHint()" onblur="hideHint()" onkeyup="updateHint(this.value)">
<div id="hint" style="display: none;">
<ul>
<li><a href="javascript:selectHint(\"Exemplo\")">Exemplo</a></li>
</ul>
</div>
não entendi cara, e tb nem vi você usando evento onclick...
e clicar no 'Exemplo', não esconde a div, pois a função que é chamada apenas altera o value do input.