Hello everyone. I need help trying to get my menus to appear when then rolled over regardless of being clicked or not. Here the current code in my menus.js file:
[CODE]
window.onload = init;
var activeMenu = null;
function init() {
var menus = new Array();
var allElms = document.getElementsByTagName(“*”);
for (var i = 0; i < allElms.length; i++) {
if (allElms[i].className ==”menu”) menus.push(allElms[i]);
}
for (var i = 0; i < menus.length; i++) {
menus[i].onclick = changeMenu;
menus[i].onmouseover = moveMenu;
}
document.getElementById(“logo”).onclick = closeOldMenu ;
document.getElementById(“linkList”).onclick = closeOldMenu ;
document.getElementById(“page”).onclick = closeOldMenu ;
document.getElementById(“content”).onclick = closeOldMenu ;
}
function moveMenu() {
//This function moves the pull-down menu from one title to another
if (activeMenu) {
closeOldMenu();
menuID= this.id + “List”;
activeMenu = document.getElementById(menuID);
activeMenu.style.display = “block”;
}
}
function changeMenu() {
//This function changes the pull-down menu displayed in the document
closeOldMenu();
menuID = this.id + “List”;
activeMenu = document.getElementById(menuID);
activeMenu.style.display = “block”;
}
function closeOldMenu() {
if (activeMenu) {
activeMenu.style.display = “none”;
activeMenu = null;
}
}
What do I need to change here to get my menus to open if an object is rolled over despite not being clicked?
Thank you!