I need to capture document.onmouseover to have it fire my function to alter the style of a table, but the code in the book on pg 477 does not seem to be working.
Thanks

The Point of a Journey
Is not to Arrive...
Neil Peart - Rush (Prime Mover)

I don't have the book... what is the code on that page and is it throwing any errors?

-Snib - http://www.snibworks.com
Where will you be in 100 years?

the code is in <script>:
document.onmouseover = document_onmouseover;
document.onmouseout = document_onmouseout;

the book says that this will cause the document event to fire the functions: document_onmouseover() and document_onmouseout()

the functions contain td properties RollOver & RollOut and go something like this:

function document_onmouseover()
{
 var srcElement = event.srcElement;
 if (srcElement.tagName == 'td' && typeOf(srcElement.RollOver) != 'undefined')
 {
  srcElement.style.color = "black";
  srcElement.style.backgroundcolor = "grey";
 }
}
function document_onmouseout()
{
 var srcElement = event.srcElement;
 if (srcElement.tagName == "td" && typeOf(srcElement.RollOut) != "undefined")
 {
  srcElement.style.color = "white";
  srcElement.style.backgroundColor = "blue";
 }
}

The Point of a Journey
Is not to Arrive...
Neil Peart - Rush (Prime Mover)

Hi Johnscr,

you posted this problem back in November last year, i now find myself up against the exact same issue.

I think the problem lies in the for loop inside the create menu function.

Did you ever find a solution?

Help!!

Thanks
Angela: [email protected]

The Point of a Journey
Is not to Arrive...
Neil Peart - Rush (Prime Mover)

Hey Angela,
  I did find a solution, I used the onmouseover method on my images to alter the location of the image in the showMenu function. The movement of the image allows the user to know what image they selected. The Function looks like this:

function showMenu(menuToShow)
{
        var srcElement = event.srcElement;
      var xPos = parseInt(srcElement.offsetLeft);
    var yPos = parseInt(srcElement.offsetTop);

    menuToShow.style.left = xPos + (srcElement.width) + 7;
    menuToShow.style.top = yPos;
    srcElement.style.left = 15;
}
function hideMenu(menuToHide)
{
if (event.toElement != menuToHide && menuToHide.contains(event.toElement) == false)
    {
    menuToHide.style.left = -400;
    menuToHide.style.top = -1000;
    document.forms.style.left = 10;
    document.currBasic.style.left = 10;
    document.currFac.style.left = 10;
    document.schedule.style.left = 10;
    document.calendar.style.left = 10;
    document.testOJT.style.left = 10;
    document.zoom.style.left = 10;
    document.requirements.style.left = 10;
    document.resources.style.left = 10;
    }
}
All of the document.***.style.left you see are just to put the table of contents images back in their original locations.
Let me know if you have any questions,

Swiss;)

The Point of a Journey
Is not to Arrive...
Neil Peart - Rush (Prime Mover)

I forgot to add that I took out the document.onmouseover code and just used the image related code like, here is an example of one of the images used in the table of contents:

<img border="2" name="currBasic" id="currBasic" src="tocPics/currBasic.bmp" style="position:absolute;left:10;top:80" onmouseover="showMenu(currBasicMenuDiv)" onmouseout="hideMenu(currBasicMenuDiv)" />

Hope this helps,

Swiss

The Point of a Journey
Is not to Arrive...
Neil Peart - Rush (Prime Mover)