bonjour voilà j'éxpose mon petit probléme

j'ai fais mon livre d'or et j'ai voulu mettre des smileys et des champs 1 er éffacable et pas au 2 éme clique

donc voilà la page

http://le.coffre.free.fr/livre_d_or.php

et ma page :

<h5>livre d'or</h5>

<form method="post" action="livre_d_or.php" name="formulaire">

Mon site vous plaît ? Laissez-moi un message !
<br />
<br />
<input type="text" name="pseudo" value="votre pseudo" onfocus="javascript: EffacerContenuParDefaut()" />
<br />
<br/>
<input type="text" name="siteweb" id="siteweb" size="35" maxlength="30" onfocus="javascript: EffacerContenuParDefaut()" value="http://Votre_site">
<br />


<img src="images/livre_d_or/hello.gif" title="hello" alt="hello" onClick="javascript:smilies('hello');return(false)" />
<img src="images/livre_d_or/bye.gif" title="bye" alt="bye" onClick="javascript:smilies('bye');return(false)" />
<img src="images/livre_d_or/clin_d_oeil.gif" title="clin d'oeil" alt="clin d'oeil" onClick="javascript:smilies('clin d'oeil');return(false)" />
<img src="images/livre_d_or/cool.gif" title="cool" alt="cool" onClick="javascript:smilies('cool');return(false)" />
<img src="images/livre_d_or/mort_de_rire.gif" title="mdr" alt="mdr" onClick="javascript:smilies('mdr');return(false)" />
<img src="images/livre_d_or/pas_bien.gif" title="pas bien" alt="pas bien" onClick="javascript:smilies('pas bien');return(false)" />
<img src="images/livre_d_or/tres_bien.gif" title="trés bien" alt="trés bien" onClick="javascript:smilies('trés bien');return(false)" />
<br />
<br />
<input type="button" id="gras" name="gras" value="Gras" onClick="javascript:bbcode('[g]', '[/g]');return(false)" />
<input type="button" id="italic" name="italic" value="Italic" onClick="javascript:bbcode('', '');return(false)" />
<input type="button" id="souligné" name="souligné" value="Souligné" onClick="javascript:bbcode('', '');return(false)" />
<br />
<br />
<textarea type="text" name="message" value="votre message" cols="50" rows="8" onfocus="javascript: EffacerContenuParDefaut()"></textarea>
<br />
<br />
<input type="submit" value="Envoyer" />
<br />
<br />
et j'ai fait aussi une page javascript :


var timer=0;
var ptag=String.fromCharCode(5,6,7);
function previsualisation() {
t=document.formulaire.textarea.value
t=code_to_html(t)
if (document.getElementById) document.getElementById("prev").innerHTML=t
function bbcode(bbdebut, bbfin)
{
var input = window.document.formulaire.message;
input.focus();
/* pour IE (toujous un cas appar lui )*/
if(typeof document.selection != 'undefined')
{
var range = document.selection.createRange();
var insText = range.text;
range.text = bbdebut + insText + bbfin;
range = document.selection.createRange();
if (insText.length == 0)
{
range.move('character', -bbfin.length);
}
else
{
range.moveStart('character', bbdebut.length + insText.length + bbfin.length);
}
range.select();
}
/* pour les navigateurs plus récents que IE comme Firefox... */
else if(typeof input.selectionStart != 'undefined')
{
var start = input.selectionStart;
var end = input.selectionEnd;
var insText = input.value.substring(start, end);
input.value = input.value.substr(0, start) + bbdebut + insText + bbfin + input.value.substr(end);
var pos;
if (insText.length == 0)
{
pos = start + bbdebut.length;
}
else
{
pos = start + bbdebut.length + insText.length + bbfin.length;
}
input.selectionStart = pos;
input.selectionEnd = pos;
}
/* pour les autres navigateurs comme Netscape... */
else
{
var pos;
var re = new RegExp('^[0-9]{0,3}$');
while(!re.test(pos))
{
pos = prompt("insertion (0.." + input.value.length + " ):", "0" );
}
if(pos > input.value.length)
{
pos = input.value.length;
}
var insText = prompt("Veuillez taper le texte" );
input.value = input.value.substr(0, pos) + bbdebut + insText + bbfin + input.value.substr(pos);
}
}
function smilies(img)
{
window.document.formulaire.message.value += '' + img + '';
}


function vide_input()
{
if(document.getElementById('input').value == 'Votre pseudo')
{
document.getElementById('input').value = '';
}
if(document.getElementById('message').innerHtml == 'Votre message')
{
document.getElementById('message').innerHtml = '';
}

function EffacerContenuParDefaut(var effacerContenuDuChamp)
{
effacerContenuDuChamp.value='';
effacerContenuDuChamp.setAttribute('onfocus', '');
}
et bien entendu j'ai mi un lien en haut

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Bienvenue sur mon site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<link href="design/par_default/par_default.css" rel="stylesheet" type="text/css" />
<link href="javascript.js" type="text/javascript" />
</head>
<body>
es ce que vous m'aidé a faire fonctionné ces smileys et les champs dans les texteréa et les imputs

merci de votre aide