test 3A

by Larry Adams

HTML

<span id="foo">My Event Element</span>
    <p>mouve your mouse over and out the above element.</p>  
    <div id="notice"></div>

CSS

#foo {  
    border: solid blue 2px;  
    }

JavaScript

function initElement()  
    {  
        var p = document.getElementById("foo");  

        p.onmouseover = showMouseOver;
        p.onmouseout = showMouseOut;
    };  

    function showMouseOver()  
    {  
        var notice = document.getElementById("notice");
        notice.innerHTML = 'mouse over detected';
    }
    
    function showMouseOut()
    {
        var notice = document.getElementById("notice");
        notice.innerHTML = 'mouse out detected';
    }