Question

I try to make a displaying list with onmouseover() with some links but they don’t work when I click on:

<script language="javascript">
function displayList()
{
document.getElementById('list').innerHTML = 'More<br/><ul><li><a href="currency.php">Currency converter</a></li><li><a href="contactus.php">Contact us</a></li></ul><div id="quit" onmouseout="hideList();">Close</div>';
}

 function hideList()
{
document.getElementById('list').innerHTML = 'More';
}
</script>
<div id="list" onmouseover="displayList();">More</div>

Thanks for your help

Answer 1

Here is a work around:

<script language="javascript">
function displayList()
{
document.getElementById('list').setAttribute('onmouseover','');

document.getElementById('list').innerHTML = 'More<br/><ul><li><a href="currency.php">Currency converter</a></li><li><a href="contactus.php">Contact 

us</a></li></ul><div id="quit" onmouseout="hideList();">Close</div>';
}

 function hideList()
{
document.getElementById('list').setAttribute('onmouseover','displayList();');
document.getElementById('list').innerHTML = 'More';
}
</script>
<div id="list" onmouseover="displayList();">More</div>