onchange fra input felt
HejHvordan scripter jeg mig til at få ændret font-size evt også font og hvordan får jeg output fra input felterne samlet så teksten fra alle input felter kan ses i andet textarea, evt i div eller iframe ?
Meningen er at jeg via nogle input felter skriver en tekst som så online vises med det samme når jeg redigerer og hvordan får jeg al teksten fra input felterne til at stå under hinanden ?
Og hvor får jeg textarea (evt div eller iframe) til at ha' en bestemt størrelse som der ikke må afviges fra ?
Her er hvad jeg foreløbig har bikset sammen :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
body, td, tg, input, select {
font-family: Verdana;
font-size: 10px;
}
textarea{
width : 180px;
height : 40px;
}
</style>
</head>
<body onload="initPosition(document.forms[0].felt4)">
<form enctype="multipart/form-data" action="side2.php" name="formen" method="post">
Linie 1 : <input type="text" name="felt1" onkeyup="document.formen.felt4.value = this.value">
<select onchange="this.form.felt4.style.fontSize = this.options[this.selectedIndex].value; initPosition(this.form.felt4);">
<option value="10">10px</option>
<option value="12">12px</option>
<option value="14">14px</option>
<option value="16">16px</option>
<option value="18">18px</option>
<option value="20">20px</option>
<option value="24">24px</option>
<option value="36">36px</option>
</select>
<br>
Linie 2 : <input type="text" name="felt2" onkeyup="document.formen.felt4.value = this.value">
<select onchange="this.form.felt4.style.fontSize = this.options[this.selectedIndex].value; initPosition(this.form.felt4);">
<option value="10">10px</option>
<option value="12">12px</option>
<option value="14">14px</option>
<option value="16">16px</option>
<option value="18">18px</option>
<option value="20">20px</option>
<option value="24">24px</option>
<option value="36">36px</option>
</select>
<br>
Linie 3 : <input type="text" name="felt3" onkeyup="document.formen.felt4.value = this.value">
<select onchange="this.form.felt4.style.fontSize = this.options[this.selectedIndex].value; initPosition(this.form.felt4);">
<option value="10">10px</option>
<option value="12">12px</option>
<option value="14">14px</option>
<option value="16">16px</option>
<option value="18">18px</option>
<option value="20">20px</option>
<option value="24">24px</option>
<option value="36">36px</option>
</select>
<br>
Output :
<textarea type="text" name="felt4" cols="180px" rows="10"></textarea>
<input type="submit" value="Send">
</form>
</body>
</html>