Search code examples
javascriptstylesheetonmouseover

simple onmouseover to call javascript not working

In a simple html page I have:

<SCRIPT>
function Clicker(number){
if (number == 1) 
document.write ('<style type="text/css">body {background-color: #cccccc;}</style>');
}
</SCRIPT>

and in the html body:

<a onmouseclick="Clicker(1)" href="#">clic</a>

But when I click on the link nothing happens. Where am I wrong?

Solution

  • Writing the style block probably won't effect a change in the background colour. To do that you have to manipulate the Document object:

    <script type="text/javascript">
function Clicker(number){
if (number == 1) 
    document.body.style.background='#cccccc';
}
</script>

    Your click event should also be onclick:

    <a onclick="Clicker(1)" href="#">clic</a>