alguem sabe como corrigir esse codigo?

[euMesmo2 0]

<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?

[William Bruno 1501]

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.

[euMesmo2 0]

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>