Hola he tenido que hacer muchas modificaciones, pero ya tengo el script funcional
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Documento </TITLE>
</HEAD>
<BODY>
<script language="javascript">
var p1="abc ";
var p2=" def ";
var p3=" ghi ";
var p4=" jkl";
function ok()
{
f1 = document.getElementById('direc').value;
f2 = document.getElementById('ancho').value;
f3 = document.getElementById('largo').value;
document.getElementById('rest').value=p1+f1+p2+f2+p3+f3+p4;
}
</script>
<table>
<tr>
<table border="0" width="100%" name="form1">
<form>
<input type="text" name="direc" id="direc" size="30">
<input type="text" name="ancho" id="ancho" size="3">
<input type="text" name="largo" id="largo" size="3">
<input type="button" name="pars" value="OK" onclick="ok();"><br>
<input type="text" name="rest" id="rest" size="80">
</form>
</td>
</tr>
</table>
</BODY>
</HTML>
Espero que te sirva
Cuendo estes trabajando con el script que no funciona, para ver que falla abre la consola de error en el menu herramientas (en firefox)
Saludos