simple onmouseover to call javascript not working

Question

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?

Answer 1

You need 'onclick' like following.

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

Answer 2

Simply change onmouseclick to onclick.

Answer 3

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>