Enlazar elemento de tabla a formulario
A grandes rasgos:
Tengo una tabla con 3 elementos, 3 palabras, y tengo un formulario en el que una serie de datos son enviados mediante cgi. Con método post. Los datos son procesados y te devuelve una respuesta en una página nueva.
Quisiera saber si en vez de usar el botón submit, puedo hacer que al pinchar sobre una de las palabras me envíe el formulario. Es decir, que la palabra de la tabla se vincule al botón aceptar del formulario. ¿Es posible?
No he parado de buscar, y esto de ser principiante no me ayuda. Es de gran importancia, ya que es para un proyecto de la carrera. Responde con la mayor brevedad.
Tengo una tabla con 3 elementos, 3 palabras, y tengo un formulario en el que una serie de datos son enviados mediante cgi. Con método post. Los datos son procesados y te devuelve una respuesta en una página nueva.
Quisiera saber si en vez de usar el botón submit, puedo hacer que al pinchar sobre una de las palabras me envíe el formulario. Es decir, que la palabra de la tabla se vincule al botón aceptar del formulario. ¿Es posible?
No he parado de buscar, y esto de ser principiante no me ayuda. Es de gran importancia, ya que es para un proyecto de la carrera. Responde con la mayor brevedad.
1 respuesta
Respuesta de stoke
1
Es muy simple,
<a href="javascript:nombreFormulario.submit()">Enviar</a> formulario
<a href="javascript:nombreFormulario.submit()">Enviar</a> formulario
Parece simple, pero yo no consigo que me funcione.
Mi formulario se llama form, luego pongo:
<a href="javascript:form.submit()">Sumar</a> <form action="/cgi-bin/matweb.exe" method="post" name="form" target="_blank" onSubmit = "return verifica(this);">
Con eso no me funciona.
Lo que tengo es una tabla dividida en 2 columnas. En la primera columna tengo las opciones de resultado para el formulario, y en la segunda columna tengo una caja de texto, el formulario en sí, donde se meten unos datos en espera para obtener resultado según la opción elegida. ¿Bonito, no?
Viene a ser como ésta misma página, con las opciones a la derecha y la caja de texto aquí. Con la diferencia que no tendría el botón de enviar pregunta/respuesta.
Si hago algo mal, dímelo, he estado cambiando la cabecera del formulario por todos lados, pero no se donde debo ponerla, ni tampoco el cierre del mismo. Si con tablas no se puede, ¿alguna idea para hacer algo parecido?
Gracias
Mi formulario se llama form, luego pongo:
<a href="javascript:form.submit()">Sumar</a> <form action="/cgi-bin/matweb.exe" method="post" name="form" target="_blank" onSubmit = "return verifica(this);">
Con eso no me funciona.
Lo que tengo es una tabla dividida en 2 columnas. En la primera columna tengo las opciones de resultado para el formulario, y en la segunda columna tengo una caja de texto, el formulario en sí, donde se meten unos datos en espera para obtener resultado según la opción elegida. ¿Bonito, no?
Viene a ser como ésta misma página, con las opciones a la derecha y la caja de texto aquí. Con la diferencia que no tendría el botón de enviar pregunta/respuesta.
Si hago algo mal, dímelo, he estado cambiando la cabecera del formulario por todos lados, pero no se donde debo ponerla, ni tampoco el cierre del mismo. Si con tablas no se puede, ¿alguna idea para hacer algo parecido?
Gracias
La página completa es:
---------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>ANALISIS CIRCUITOS</TITLE>
<SCRIPT language=JavaScript type=text/javascript>
<!--
function SubmitForm(){
document.form.submit()
}
function ResetForm(){
form.reset()
}
function fixElement(element, message) {
alert(message);
element.focus();
}
function verifica(form) {
var passed = false;
if (form.circuito.value == "") {
fixElement(form.circuito, "Por favor, introduzca el circuito.");
}
else {
passed = true;
}
return passed;
}
function onOver(src,clrOver) {
if (!src.contains(event.fromElement)) {
src.style.cursor = 'hand';
src.bgColor = clrOver;
}
}
function onOut(src,clrIn) {
if (!src.contains(event.toElement)) {
src.style.cursor = 'default';
src.bgColor = clrIn;
}
}
//-->
</SCRIPT>
<META http-equiv=Content-Type content=text/html;CHARSET=iso-8859-1>
<META content="MSHTML 6.00.2800.1106" name=GENERATOR>
<style type="text/css">
<!--
.Estilo1 {color: #000000}
-->
</style>
<link href="icons/style.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.Estilo2 {color: #FFFFFF}
.Estilo10 {font-family: Geneva, Arial, Helvetica, sans-serif}
.Estilo3 {color: #FF3366}
.Estilo9 { font-size: large;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
.Estilo12 {color: #336699}
-->
</style>
</HEAD>
<BODY>
<TABLE height="71" border=0 cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD align=right width=800 bgColor=#003399 height=54> </TD>
</TR>
<TR>
<TD width=930 bgColor=#cccc66 height=5><IMG height=1 alt="" src=""
width=1 align=bottom border=0></TD></TR></TBODY></TABLE>
<TABLE width="917" height="480" border=0 cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD vAlign=top width=197 bgColor=#6699cc height=215>
<TABLE cellSpacing=0 cellPadding=0 align=left border=0>
<TBODY>
<TR>
<TD class=normalazul onmouseover="onOver(this,'#CCCC66');" onmouseout="onOut(this,'#6699CC'); " width=248 bgColor=#6699cc
height=20>Función de Transferencia</a>
</TD>
</TR>
<TR>
<TD class=normalazul width=248 bgColor=#ffffff height=1><IMG
height=1 alt="" src="" width=1 align=bottom border=0></TD>
</TR>
<TR bgColor=#336699>
<TD class=normalazul onmouseover="onOver(this,'#CCCC66');"
onmouseout="onOut(this,'#6699CC'); " width=248 bgColor=#6699cc
height=20><A class=normalazul style="TEXT-DECORATION: none"
href="http://www.undp.org/copyrights.html">Cómo Introducir un Circuito</A></TD>
</TR>
<TR>
<TD class=normalazul width=248 bgColor=#ffffff height=1><IMG
height=1 alt="" src="" width=1 align=bottom border=0></TD>
</TR>
<TR bgColor=#336699>
<TD class=normalazul onmouseover="onOver(this,'#CCCC66');"
onmouseout="onOut(this,'#6699CC'); " width=248 bgColor=#6699cc
height=20><A class=normalazul style="TEXT-DECORATION: none"
href="http://www.undp.org/">Inicio</A></TD>
</TR>
<TR>
<TD class=normalazul width=248 bgColor=#ffffff height=1><IMG
height=1 alt="" src="" width=1 align=bottom
border=0></TD>
</TR>
</TABLE></TD>
<TD width="720" rowspan="2" align=center vAlign=top class=textbox><pre class="label Estilo1"><span class="Estilo2">................... </span></pre>
<h3 class="Estilo3"> </h3>
<center>
<p><span class="Estilo1"><span class="Estilo9">H(s)</span> <span class="Estilo10">=</span></span><span class="Estilo9"> .3939e5/(s+.3030e5)</span> </p>
<p> </p>
<h3 class="label">Numerador: </h3>
<center>
<p class="label">39394. </p>
</center>
<h3 class="label">Denominador: </h3>
<center>
<p class="label">s+30303. </p>
<p> </p>
<TR>
<TD vAlign=top bgColor=#6699cc height=264> <form name="variaos" action="/cgi-bin/matweb.exe" method="post" target="_blank" >
<input type="hidden" name="mlmfile" value="webselec1">
<p>
<label>
<input type="radio" name="Respuestas" value="modu">Módulo</label>
<br>
<label>
<input type="radio" name="Respuestas" value="re3D">Módulo 3D</label>
<br>
<label>
<input type="radio" name="Respuestas" value="rtem">Respuesta temporal</label>
<br>
<label>
<input type="radio" name="Respuestas" value="dipz">Diagrama p/z</label>
<br>
<label>
<input type="radio" name="Respuestas" value="dbod">BODE</label>
<br>
</p>
<input type="hidden" name="funcion" value=".3939e5/(s+.3030e5)">
<input type="hidden" name="num" value="$var1$">
<input type="hidden" name="den" value="$var2$">
<input type="hidden" name="circuito" value="Vin 1 0 DC 1
R1 1 2 20K
R2 2 3 33K
C1 3 0 1nF
C23 2 5 1.2nF
Ra 4 0 10K
Rb 4 5 3K
O 3 4 5">
<p class="Estilo13">
<input name="Enviar" type="submit" id="Enviar3" value="Enviar">
</p>
</form></TD>
</table>
</BODY></HTML>
---------------------------------------
Quiero que Módulo, Módulo3D... BODE, me aparezcan como la parte superior, como etiquetas del mismo estilo que 'Función de transferencia', 'Cómo introducir..', 'Inicio'.
Y que al pulsarlas produzcan el mismo efecto.
En todas las páginas hay formularios, en algunos, con cajas de texto, supongo que resolviendo éste todos serán iguales.
El diseño creo que puede ser el definitivo, cuando cierre finalice ésta pregunta a ver si me puedes dar alguna idea.
Gracias por tu ayuda y tu interés
---------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>ANALISIS CIRCUITOS</TITLE>
<SCRIPT language=JavaScript type=text/javascript>
<!--
function SubmitForm(){
document.form.submit()
}
function ResetForm(){
form.reset()
}
function fixElement(element, message) {
alert(message);
element.focus();
}
function verifica(form) {
var passed = false;
if (form.circuito.value == "") {
fixElement(form.circuito, "Por favor, introduzca el circuito.");
}
else {
passed = true;
}
return passed;
}
function onOver(src,clrOver) {
if (!src.contains(event.fromElement)) {
src.style.cursor = 'hand';
src.bgColor = clrOver;
}
}
function onOut(src,clrIn) {
if (!src.contains(event.toElement)) {
src.style.cursor = 'default';
src.bgColor = clrIn;
}
}
//-->
</SCRIPT>
<META http-equiv=Content-Type content=text/html;CHARSET=iso-8859-1>
<META content="MSHTML 6.00.2800.1106" name=GENERATOR>
<style type="text/css">
<!--
.Estilo1 {color: #000000}
-->
</style>
<link href="icons/style.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.Estilo2 {color: #FFFFFF}
.Estilo10 {font-family: Geneva, Arial, Helvetica, sans-serif}
.Estilo3 {color: #FF3366}
.Estilo9 { font-size: large;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
.Estilo12 {color: #336699}
-->
</style>
</HEAD>
<BODY>
<TABLE height="71" border=0 cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD align=right width=800 bgColor=#003399 height=54> </TD>
</TR>
<TR>
<TD width=930 bgColor=#cccc66 height=5><IMG height=1 alt="" src=""
width=1 align=bottom border=0></TD></TR></TBODY></TABLE>
<TABLE width="917" height="480" border=0 cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD vAlign=top width=197 bgColor=#6699cc height=215>
<TABLE cellSpacing=0 cellPadding=0 align=left border=0>
<TBODY>
<TR>
<TD class=normalazul onmouseover="onOver(this,'#CCCC66');" onmouseout="onOut(this,'#6699CC'); " width=248 bgColor=#6699cc
height=20>Función de Transferencia</a>
</TD>
</TR>
<TR>
<TD class=normalazul width=248 bgColor=#ffffff height=1><IMG
height=1 alt="" src="" width=1 align=bottom border=0></TD>
</TR>
<TR bgColor=#336699>
<TD class=normalazul onmouseover="onOver(this,'#CCCC66');"
onmouseout="onOut(this,'#6699CC'); " width=248 bgColor=#6699cc
height=20><A class=normalazul style="TEXT-DECORATION: none"
href="http://www.undp.org/copyrights.html">Cómo Introducir un Circuito</A></TD>
</TR>
<TR>
<TD class=normalazul width=248 bgColor=#ffffff height=1><IMG
height=1 alt="" src="" width=1 align=bottom border=0></TD>
</TR>
<TR bgColor=#336699>
<TD class=normalazul onmouseover="onOver(this,'#CCCC66');"
onmouseout="onOut(this,'#6699CC'); " width=248 bgColor=#6699cc
height=20><A class=normalazul style="TEXT-DECORATION: none"
href="http://www.undp.org/">Inicio</A></TD>
</TR>
<TR>
<TD class=normalazul width=248 bgColor=#ffffff height=1><IMG
height=1 alt="" src="" width=1 align=bottom
border=0></TD>
</TR>
</TABLE></TD>
<TD width="720" rowspan="2" align=center vAlign=top class=textbox><pre class="label Estilo1"><span class="Estilo2">................... </span></pre>
<h3 class="Estilo3"> </h3>
<center>
<p><span class="Estilo1"><span class="Estilo9">H(s)</span> <span class="Estilo10">=</span></span><span class="Estilo9"> .3939e5/(s+.3030e5)</span> </p>
<p> </p>
<h3 class="label">Numerador: </h3>
<center>
<p class="label">39394. </p>
</center>
<h3 class="label">Denominador: </h3>
<center>
<p class="label">s+30303. </p>
<p> </p>
<TR>
<TD vAlign=top bgColor=#6699cc height=264> <form name="variaos" action="/cgi-bin/matweb.exe" method="post" target="_blank" >
<input type="hidden" name="mlmfile" value="webselec1">
<p>
<label>
<input type="radio" name="Respuestas" value="modu">Módulo</label>
<br>
<label>
<input type="radio" name="Respuestas" value="re3D">Módulo 3D</label>
<br>
<label>
<input type="radio" name="Respuestas" value="rtem">Respuesta temporal</label>
<br>
<label>
<input type="radio" name="Respuestas" value="dipz">Diagrama p/z</label>
<br>
<label>
<input type="radio" name="Respuestas" value="dbod">BODE</label>
<br>
</p>
<input type="hidden" name="funcion" value=".3939e5/(s+.3030e5)">
<input type="hidden" name="num" value="$var1$">
<input type="hidden" name="den" value="$var2$">
<input type="hidden" name="circuito" value="Vin 1 0 DC 1
R1 1 2 20K
R2 2 3 33K
C1 3 0 1nF
C23 2 5 1.2nF
Ra 4 0 10K
Rb 4 5 3K
O 3 4 5">
<p class="Estilo13">
<input name="Enviar" type="submit" id="Enviar3" value="Enviar">
</p>
</form></TD>
</table>
</BODY></HTML>
---------------------------------------
Quiero que Módulo, Módulo3D... BODE, me aparezcan como la parte superior, como etiquetas del mismo estilo que 'Función de transferencia', 'Cómo introducir..', 'Inicio'.
Y que al pulsarlas produzcan el mismo efecto.
En todas las páginas hay formularios, en algunos, con cajas de texto, supongo que resolviendo éste todos serán iguales.
El diseño creo que puede ser el definitivo, cuando cierre finalice ésta pregunta a ver si me puedes dar alguna idea.
Gracias por tu ayuda y tu interés
Eres un máquina, que alegría que funcione. Me faltó cómo incluir la opción en la etiqueta, pero ya lo he hecho, a punto estuve de seguir preguntando.
Muchas GRACIAS, me está sirviendo de mucho tu respuesta. Esto me anima a darle aún más caña.
Muchas GRACIAS, me está sirviendo de mucho tu respuesta. Esto me anima a darle aún más caña.
Acabo de revisar tu código, encontré un error, el formulario se llama "variaos" no "form"
Tienes que modificar esto:
function SubmitForm(){
variaos.submit()
}
function ResetForm(){
variaos.reset();
}
Ahora para enviarlo, simplemente coloca este código en cualquier parte de la página, siempre y cuando este adentro de la etiqueta form.
<label style="cursor:hand;font-size:20;" onclick="this.form.submit();">Click para enviar</label>
Espero te sirva. Suerte!
Tienes que modificar esto:
function SubmitForm(){
variaos.submit()
}
function ResetForm(){
variaos.reset();
}
Ahora para enviarlo, simplemente coloca este código en cualquier parte de la página, siempre y cuando este adentro de la etiqueta form.
<label style="cursor:hand;font-size:20;" onclick="this.form.submit();">Click para enviar</label>
Espero te sirva. Suerte!
Explicame que es lo que quieres hacer y si puedes muéstrame tu código. Yo veré que puedo hacer.
