Formulario en tabla

luqueagm · #1 (**permalink**) 09/10/2009, 16:48

hOLA

Soy novato y quiero saber algo. Estoy tratando de insertar el campo de un formulario en una tabla. Es decie, lo que me interesa es poder convertir el value de cualquier campo de formulario para que me lo lea en una tabla.

Tengo el siguiente codigo:

<body>
<form name="form1">
<table bgcolor=lightblue>
<tr><td>Sumando 1<input type=text id="e1" size=10></td></tr>
<tr><td>Sumando 2<input type=text id="e2" size=10></td></tr>
<tr><td>ELVALORDESUMANDO1</td></tr>
<tr><td><input type="button" value="Sumar" onclick="vbscript:s1()">
</table>

<script type="text/vbscript">
function s1()
dim a, b, c

a=(document.form1.e1.value)
b=(document.form1.e2.value)
c=cdbl(a)+cdbl(b)

ELVALORDESUMANDO1=document.form1.E1.VALUE

msgbox (c)

end function
</script>
</body>

----fin de codigo
el valor de sumando1 (que es E1) me gustaria que apareciera en la 3 linea de la tabla. donde dice ELVALORDESUMANDO1.

¿Como se hace?
Gracias

Luque

eits · #2 (**permalink**) 09/10/2009, 17:05

así lo haría en javascript

Código html:

Ver original<form name="form1">
<table bgcolor="lightblue">
<tr><td>Sumando 1<input type="text" id="e1" size="10"></td></tr>
<tr><td>Sumando 2<input type="text" id="e2" size="10"></td></tr>
<!--si quieres que es resultado este en un text cambia el div por esto <input type="text" name="suma" id="suma" />-->
<tr><td>ELVALORDESUMANDO1<div id="suma"></div></td></tr>
<tr><td><input type="button" value="Sumar" onclick="s1()">
</table>

Código javascript:

Ver original<script type="text/javascript">
function s1(){
    document.getElementById('suma').innerHTML=document.getElementById('e1').value + document.getElementById('e2').value;
    //en caso de usar el input text
    //document.getElementById('suma').value=document.getElementById('e1').value + document.getElementById('e2').value;
}
</script>

saludos.
Editado:
Corregido el Error, fue descuido

Gracias Avatar810

Avatar810 · #3 (**permalink**) 09/10/2009, 17:18

Como dice eits es mejor el uso de getElementById para accesar a los valores de los sumandos y para colocar en el html el resultado solo una correccion
el div (o el input) debe ir antes de cerrar la celda (</td>)

y adapta la funcion que propone eits a la que tu ya tienes pues tu si conviertes a numero el contenido del input y eits solo los suma... (o concatena en caso de que escriban texto...)

Saludos

luqueagm · #4 (**permalink**) 13/10/2009, 15:43

OK
Gracias
te pasaste. En serio.
Solo una consulta mas: si lo quisiera hacer para que fuesen mas celdas (por ejemplo 200 celdas), hay que colocar cada linea de codigo para que haga las 200 o hay una forma resumida?

La verdad que busco esto porque al copiar y pegar desde un formulario al excel me copia los campos input de los formularios, siendo que lo que yo necesito son los nimeros, y por eso voy a pasarlos a tablas primero,

gracias
super bonito me siento con esta solucion
Luque