For some reason the javascript does not change the CSS when I call the function.
[CODE]<html>
<head>
<script language=’javascript’ type=’text/javascript’>
function poypoy()
{
var poy=document.getElementByID(‘F’);
poy.style.textDecoration=’underline’;
}
</script>
<style type=”text/css”>
A:link {text-decoration: none; color: white;}
A:visited {text-decoration: none; color: white;}
A:active {text-decoration: none; color: white;}
A:hover {text-decoration: underline; cursor: pointer;}
</style>
</head>
<body>
<table style=’border: 1px solid white;’>
<tr>
<center><td colspan=”2″ id=’box’ style=’text-align: center;’> <font color=white> <a id=’F’ style=” onclick=’poypoy();’ href=’#’>Friend</a>
<a href=’#’>Group</a> <a href=’#’>Chatting</a>
<bt>
<div=’diffp’></div>
</td>
</tr>
</table>
</body>
</html>