Enviar distintos formularios segun radio

scrhall · #1 (**permalink**) 21/06/2008, 03:20

Hola, no estoi muy puesto en javascript y el siguiente codigo no me funciona, si me pudierais decir como hacerlo funcionar o si esiste otra forma mas facil de hacerlo me seria de mucha ayuda.

Código:

<script>
function enviar(){
document.goo.q.value=document.form.s.value;
document.blog.s.value=document.form.s.value;
if(document.form.opcion.value=="all")
{
document.goo.submit();  
}
else
{
document.blog.submit();
}


}
</script>

<div class="searchform">

<form name="form">
<input type="text" value="" name="s" class="s" />
<input name="opcion" value="all" checked="checked" type="radio">Toda la web      <input value="Blog" name="opcion" type="radio"> En Scrhall.com
<a href=javascript:enviar()><img src="<?php bloginfo('template_url'); ?>/images/button-submit.gif" alt="Enviar" /></a>

    
</form>
<form name="goo" action="http://www.google.es/cse" id="cse-search-box" target="_blank">
  <div>
    <input type="hidden" name="cx" value="xxxx" />
    <input type="hidden" name="ie" value="ISO-8859-1" />
    <input type="hidden" name="q" value="" />
  </div>
</div>
<form name="blog" method="get" id="searchform" action="<?php bloginfo('home'); ?>">
<input type="hidden" value="" name="s" class="s"/>
</form>

derkenuke · #2 (**permalink**) 21/06/2008, 10:43

Hola scrhall:

En tu código veo 3 etiquetas <form>, quizás como dices no es la manera más sencilla de hacerlo.

Prueba a tener un único form y a cambiar el atributo action del mismo según qué radio se escoja, simplifica el HTML. Podría ser así:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es"> 
<head> 
<meta http-equiv="Content-type" content="text/html;charset=iso-8859-1" /> 
<meta name="Author" content="derkeNuke" /> 
<title>Página nueva</title> 
<style type="text/css"> 
 
</style> 
</head> 
 
<body> 
 
 
<script type="text/javascript"> 
<!-- 
 
function enviar(){ 
    var elRadio = document.f.opcion; 
    var todaLaWeb = elRadio[0].checked; 
    if( todaLaWeb ) { 
        document.f.action = "todalaweb.htm"; 
        return true; 
    } 
    else { 
        document.f.action = "scrhall.htm"; 
        return true; 
    } 
} 
 
 
// --> 
</script> 
 
 
<form name="f" action="todalaweb.htm" onsubmit="return enviar()"> 
    <input type="text" name="s" value="" /> 
    <input type="radio" name="opcion" checked="checked" id="todalaweb"> <label for="todalaweb">Toda la web</label>       
    <input type="radio" name="opcion" id="enscrhall"> <label for="enscrhall">En Scrhall.com</label> 
    <button type="submit">Enviar</button> 
</form> 
 
 
 
 
</body> 
</html>

Por cierto, un formulario necesita un botón de tipo submit hagas lo que hagas, sino no es accesible.

Saludos.

johnj · #3 (**permalink**) 21/06/2008, 10:47

Es cierto por normas de usabilidad y accesibilidad es necesario un botón submit en un formulario. Creo que las forma más sencilla de hacerlo es cambiando el atributo action dependiendo del condicional antes de enviarlo y que la función se ejecute antes de enviar el formulario como lo ha propuesto derkenuke.

scrhall · #4 (**permalink**) 21/06/2008, 12:49

pense en eso, ponerlo solo en un form y cambiar el action pero, cada formulario tiene diferentes atributos como haria para hacer que se añadan atributos si es un formulario y que no esten si es el otro?

scrhall · #5 (**permalink**) 26/06/2008, 02:35

alguien me puede contestar¿

derkenuke · #6 (**permalink**) 26/06/2008, 08:07

No entiendo eso de diferentes atributos, ¿Quieres decir diferentes campos en el formulario? Los atributos se pueden cambiar con javascript (setAttribute()), y los campos puedes mostrarlos/ocultarlos a tu voluntad. Incluso borrarlos y escribir otros nuevos.
Fíjate en los códigos de nuestro amigo JavierB: crear elementos dinámicamente.

Un saludo.