[SOLUCIONADO] Cambiar Action de Form

gusanosxr · #1 (**permalink**) 16/05/2013, 13:21

Estimados, se puede cambiar el action de un formulario con javascript?

tengo este formulario

Código Javascript:

Ver original<!DOCTYPE HTML>
<head>
<title>Formulario Cotizacion</title>
<link rel="stylesheet" type="txt/css" href="css/estilo.css" />
<script type="text/javascript">
function visible(){ 
    obj = document.getElementById("ayuda");
    obj.style.display = "block";
 
} 
function ocultar(){
    obj = document.getElementById("ayuda");
    obj.style.display = "none";
 
}
function valor(){
    var aRadios = document.getElementsByName("tipo");
    var radioActivo = null;
    for( var contador=0; contador < aRadios.length; contador++ ){
    if( aRadios[contador].checked == true )
    radioActivo = aRadios[contador].value;
    }       
}
</script>
 
</head>
<body>
<div id="estilo" class="formulario">
<form id="form" name="form" method="post">
 
<h4>Como cada proyecto es completamente diferente al anterior y preparamos cada solicitud de presupuesto lo mas detallada posible, 
    solicitamos completar todos los campos requeridos a continuacion</h4>
<p>Para mas informacion de lo solicitado en el formulario ubique el mouse en el signo 
    <img src="imagenes/pregunta.png" width="45" height="45" class="img-pregunta" onmouseover="visible()"  onmouseout="ocultar()" /></p><br />
<div id="ayuda">Los campos  deben ser llenados para una mejor atenci&oacute;n por parte de nosotros hacia nuestra clientela.</div>
<div class="separador"></div>
<br /><br />
 
<table class="tabla-form">
<tr><td>Empresa</td><td><input type="text" name="empresa" required="" autocomplete="off" autofocus="" /></td></tr>
<tr><td>Nombre</td><td><input type="text" name="nombre" required="" autocomplete="off" /></td></tr>
<tr><td>Fono</td><td><input type="text" name="fono" required="" autocomplete="off"  /></td></tr>
<tr><td>Email</td><td><input type="mail" name="email" required="" placeholder="[email protected]" /></td></tr>
<div class="spacer"></div>
</table>
<br />
<table class="tabla-form2">
<tr><td><h4>Tipo de Sitio WEB Requerido</h4></td></tr>
<tr><td><input type="radio" id="tipo1" name="tipo" value="1" onchange="valor()" checked="true" />Sitio Web Corporativo Est&aacute;tico</td></tr>
<tr><td><input type="radio" id="tipo2" name="tipo" value="2" onchange="valor()" />Sitio Web Corporativo Administrable</td></tr>
<tr><td><input type="radio" id="tipo3" name="tipo" value="3" onchange="valor()" />Cat&aacute;logo de Productos Est&aacute;ticos</td></tr>
<tr><td><input type="radio" id="tipo4" name="tipo" value="4" onchange="valor()" />Cat&aacute;logo de Productos Administrable</td></tr>
<tr><td><input type="radio" id="tipo5" name="tipo" value="5" onchange="valor()" />Tienda Web Administrable</td></tr>
<tr><td></td></tr>
<tr><td></td><td><input type="submit" value="Continuar" class="boton-gral" onclick="this.form.action='pagina1.php'" /></td></tr>
</table>
</div>
<div class="spacer"></div>
</form>
 
</body>
</html>

si se fijan, tengo una funcion en Js que obtiene el valor del radio seleccionado, pero al parecer no me serviría de nada

espero que alguien pueda orientarme, la cosa es que, dependiendo del radio seleccionado el action del form me debería llevar a distintas páginas

radio1 = pagina1.php
radio2 = pagina2.php y asi sucesivamente ....

pensé en enviar de Js a PHP pero leí que no se podía...

Ayuda!

maycolalvarez · #2 (**permalink**) 16/05/2013, 13:30

claro que puedes, de ésta forma:

document.forms['form'].action = radioActivo;

gusanosxr · #3 (**permalink**) 16/05/2013, 13:42

si entiendo bien, quedaría algo asi?

onclick="document.forms['form'].action = radioActivo;'"

o nada que ver? en donde radioActivo tendría que tener por ejemplo como valor

pagina.php
pagin2.php

cierto?

maycolalvarez · #4 (**permalink**) 16/05/2013, 14:01

mas bien deberías añadir dicho fragmento en la función valor (después del ciclo) y llamar a la función desde el onclick

gusanosxr · #5 (**permalink**) 16/05/2013, 14:10

Cita:

Iniciado por maycolalvarez

mas bien deberías añadir dicho fragmento en la función valor (después del ciclo) y llamar a la función desde el onclick

mira, mi funcion quedo así!

Código Javascript:

Ver originalfunction valor(){
    var aRadios = document.getElementsByName("tipo");
    var radioActivo = null;
    for( var contador=0; contador < aRadios.length; contador++ ){
    if( aRadios[contador].checked == true )
    radioActivo = aRadios[contador].value;         
    } 
    documents.forms['form'].action = radioActivo;
            
}

los valores que puede tomar serían
1.php,2.php,...hasta el 5.php pero no funciona!

tengo el onclick="valor()" en el submit!"

pero nada

maycolalvarez · #6 (**permalink**) 16/05/2013, 14:20

te faltó enviar el form, tienes 2 opciones:

colocar la llamada de la función valor en el onsubmit del form y usar un botón submit.

enviar el submit con js: documents.forms['form'].submit(); :

Código Javascript:

Ver originalfunction valor(){
    var aRadios = document.getElementsByName("tipo");
    var radioActivo = null;
    for( var contador=0; contador < aRadios.length; contador++ ){
    if( aRadios[contador].checked == true )
    radioActivo = aRadios[contador].value;         
    }
    var f = documents.forms['form'];
    f.action = radioActivo;
    f.submit(); //envía el form
            
}

gusanosxr · #7 (**permalink**) 16/05/2013, 14:25

Hey muchas gracias!!!!

sabes, me había funcionado 5 segundos antes de revisar esto

con

document.form.action = radioActivo

voy a ocupar la que mejor resulte!!! muchas gracias compañero!!!

un abrazo!!!