CODEWITHSUNDEEP
javascript
user1301411
user1301411

Reputation: 224

Unusable links with onmouseover()

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

Upvotes: 0

Views: 312

Answers (1)

Gorgi Rankovski
Gorgi Rankovski

Reputation: 2313

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>

Upvotes: 1

Related Questions