Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Diseño web | Promoción web | Ganar dinero
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

Valores de la propiedad action


Mediante JavaScript, podremos modificar y seleccionar el valor de la propiedad action.


30/1/04 -

3.1 Ejemplos de aplicación


Vimos en la introducción de este manual, para que sirve la propiedad action. Ahora, veremos lo que se puede hacer con la misma mediante JavaScript.

 

Mediante JavaScript, podremos modificar/seleccionar el valor de la propiedad action según las preferencias del usuario.

 

El ejemplo más típico sería el de un formulario de suscripción a un boletín de novedades, donde el usuario deberá elegir, si desea darse de alta o de baja.


Modificación del valor de la propiedad action


El Script...

<script language="javascript">

function enviar(form)

{

    if ((boletin.alta.checked == true) && (boletin.baja.checked == true))

    { alert("Por favor, marca una sola casilla"); return true; }

 

    if ((boletin.alta.checked == false) && (boletin.baja.checked == false))

    { alert("Debes indicar si deseas darte de alta o de baja"); return true; }

 

    if (boletin.alta.checked == true)

    { boletin.action = "ejemplos/alta.asp"; }

 

    if (boletin.baja.checked == true)

    { boletin.action = "ejemplos/baja.asp"; }

 

form.submit()

}

</script>

 

El formulario...

<form name="boletin" method="GET" action="ejemplos/alta.asp" target="_blank">

<b>Suscripción gratuita al boletín de novedades</b><br>

Por favor, introduce tu e-mail:

<input type="text" name="email" size="20"><br>

<input type="checkbox" name="alta" value="ON"> Darme de <b>alta</b> |

<input type="checkbox" name="baja" value="ON"> Darme de baja<br>

<input type="button" onClick="enviar(this.form)" value="Enviar">

</form>

 

Los resultados...

Por favor, introduce tu e-mail:
Darme de alta | Darme de baja


Otro ejemplo muy utilizado, es enviar el mismo formulario a dos páginas diferentes. Veamos un ejemplo:


Duplicando el valor de la propiedad action


El Script...

<script language="javascript">
function Envio1()
{
datos.action = "ejemplos/pagina1.asp";
datos.submit()
}
function Envio2()
{
datos.action = "ejemplos/pagina2.asp";
datos.submit()
}
</script>
 

El Formulario...

<form method="GET" name="datos" action="ejemplos/pagina1.asp" target="_blank">

Tu nombre: <input type="text" name="nombre"><br>

Edad: <input type="text" name="edad" size="2"><br>

<input type="button" value="Enviar" onClick="Envio1(this.form); Envio2(this.form)">

</form>

 

Los resultados...

Tu nombre:
Edad:


De la misma forma que se puede modificar el valor de la propiedad action, pueden modificarse method y target. Modificar el valor de la propiedad method sería un poco ridículo ya que el método por el cual se envían los datos, puede estar perfectamente definido en el formulario. El valor de target puede llegar a ser más útil, si le damos al usuario la posibilidad de decidir si quiere abrir los resultados enviados en nueva ventana, en la misma página o en un marco de la misma.

 Seguir navegando a partir aquí:
+ 1 manual relacionado
+ 1 categoria relacionada
+ 1 comentario (Añadir)
+ 4 comentarios no revisados

 Autoría, licencia y acciones sobre este artículo

Informe de Eugenia Bahit*
Desarrolladora ASP y PHP
URL: http://www.cmzk.com.ar

Atención: Copyright. Este artículo no se puede reproducir sin la autorización expresa del autor.

* Para consultas técnicas utilizar la lista de correo.

Versión imprimible Versión imprimible del artículo
Enviar artículo por e-mail Enviar artículo por e-mail
Añadir un comentario al artículo Publicar un comentario del artículo

Manuales relacionados con este artículo
Dentro de Formularios y Javascript

Categorias relacionadas
A través de las categorías de nuestro directorio se pueden encontrar otro tipo de recursos relacionados con este artículo:
+ Entrar en Manuales de Javascript


 Comentarios de los visitantes
Los comentarios de los visitantes son para ampliar la información del artículo. Cualquiera puede participar.
Se muestra un comentario revisado

 Comentario de Julian Lasso
13/7/05 
Hola atodos una corrección que dejo ahora a mas de uno en jake con el FireFox, Mozilla y que ahora funciona en IE

antes era asi:
document.formulario.campo.value = 12;
ahora es asi:
document.formulario['campo'].value = 12;

Espero que les sirva mi comentario!!!

Añadir un comentario al artículo Añadir un comentario del artículo
 Comentarios sin revisar
Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente.
 Se han encontrado 4 comentarios sin revisar

Ver el comentario no revisadoVer los comentarios no revisados
Añadir un comentario al artículo Añadir un comentario del artículo



Enlaces:
Maestrosdelweb
  Ir arriba

Manuales relacionados
+Formularios y Javascript
Categorías
+Manuales de Javascript

Lectura recomendada

Compra este libro en Agapea, la librería urgente a domicilio.

Tienda DesarrolloWeb

DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia