Fed kursiv og understreget knapper?

JEg vil gerne have at knapperne skal fungere som her:
http://www.1go.dk/forum2003/posting.php?mode=newtopic&f=4

Det der er, er at nr man trykker på en knap indsættes fx.
Ved tryk igen indsættes
I mens der kun er trykket en gang er der stjerne på knap, (BEHØVES IKKE)

Hvordan laver jeg så det sker?
jeg har det her til at indsætte i tekstbox, men duer ikke når jeg skal have den til at indsætte alt efter om der kun er indsat , så skal den næste gang indsætte .
<img src='http://www.friendscommunity.1go.dk/new.gif' onclick='document.getElementById("besked").value +="*new*"';>


Hele koden er her:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Ny besked / © FRIENDSAVISEN</title>
</head>
<body>
<?
session_start();
include("sider.php");
$ses = $_SESSION['navn'];
$sess = $_SESSION['status'];

if ( $sess != 'login' ) {
    print(" <script language='javascript'>
        location.href='login.php';
        </script>");
        }
       
echo "<P align=center><FONT face=InkPotFitCaps size=6>NY BESKED</font></p>";
include("menu.php");
echo "<hr>";

?>
<form action="sendbesked.php" method="post">
<P>

  <font size="2" face="Verdana, Arial, Helvetica, sans-serif">Til:</font><br>
 
    <input name="til" maxlength="20" ><br>
   
      <font size="2" face="Verdana, Arial, Helvetica, sans-serif">Emne:</font><br>
 
    <input name="emne" maxlength="20" ><br>

  <font size="2" face="Verdana, Arial, Helvetica, sans-serif">Besked:</font><br>
<textarea cols=40 rows=10 name="besked"></textarea><br>
   
 
   
    <input name="opret" type="submit" value="Send">    <input type="reset" value="Nulstil" name="Nulstil">
</P>
 
</form>

<img src='http://www.friendscommunity.1go.dk/new.gif' onclick='document.getElementById("besked").value +="*new*"';>

</body>
</html>