Всем доброго времени суток. Дабы не захламлять новыми темами напишу в этой, да простит меня автор сей темы. Пишу простенькую программку высчета валют. У меня такой вопрос, каким образом сделать так, чтобы при нажатии на кнопку результат появился не в текстареа, чтобы вообще textarea не использовать, а в поле, похожем на input и вообще, как сделать, чтобы калькуляция происходила в том же поле, в которое ставлю значение, которое надо будет высчитать? И ещё вопрос по кнопкам, могу ли я вместо кнопки поставить картинку и как я могу это сделать? Помогите, пожалуйста?
<!DOCTYPE HTML>
<html>
<head>
<title>MY CURRENCY CONVERTER</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="domstyle.css">
<script type="text/javascript">
function rezultat(a) {
var one = document.getElementById("recent").value;
var res = one * a;
res = res.toFixed(2);
document.getElementById("output").innerHTML=res;
}
</script>
</head>
<body>
<form action="#">
<div id="currArea">
<label>Currency: </label>
<input id="recent" type="text" style="width:45px;">
<label>Out: </label>
<textarea id="output"></textarea>
</div>
</form>
<div id="buttons">
<input type="button" id="knopka1" value="Фунт" onclick='rezultat(15.6);'><br>
<input type="button" id="knopka2" value="Рубль" onclick='rezultat(5.9);'><br>
<input type="button" id="knopka3" value="Йена" onclick='rezultat(17);'><br>
<input type="button" id="knopka4" value="Доллар" onclick='rezultat(8);'><br>
<input type="button" id="knopka5" value="Тугрик" onclick='rezultat(23);'><br>
</div>
<br>
</body>
</html>
#output{
width:60px;
height:20px;
}
#knopka1{
}
#currArea{
width:240px;
height:100px;
margin:110px 0 0 10px;
}
#buttons{
margin:10px 0 0 260px;
position:absolute;
top:0;
}
form{
border:1px solid blue;
border-radius:5px;
width:250px;
height:145px;
position:relative;
}
#buttons input{
width:90px;
}