problemas para pasar valo radio button

xayide · #1 (**permalink**) 21/02/2007, 05:43

Hola a todos. Tengo un problema que me está volviendo loca, y es una tontería, así que espero que alguien pueda ayudarme.

Tengo 3 radio buttons, que se llaman "opcion" y cada uno tiene un valor diferente: zona, precio, todos.

Cuando pulso un botón de tipo "button" quiero que se ejecute una pequeña función javascript que me abra otra pequeña ventana y se muestre el valor del radiobutton seleccionado.

Pues me da un error en la página y ni siquiera abre la ventana. Os pongo el código haber si alguien me puede ayudar. Gracias!!

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">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Documento sin t&iacute;tulo</title>

<style type="text/css">

<!--

.Estilo1 {font-family: Tahoma}

body {

    background-color: #FFFF99;

}

.Estilo2 {font-family: Tahoma; font-weight: bold; }

-->

</style>

</head>

<script>

function buscar(){

    var i

    for (i=0;i<document.form2.opcion.length;i++){

       if (document.form2.opcion[i].checked)

        break;

    

    }

   window.open('criteriobusqueda.php?opcion='+opcion[i].value,'vent','resizable=yes,width=600,height=255');

}

</script> 

 
<body>

<form action="" method="post" name="form2">

<div id="Layer1" style="position:absolute; left:103px; top:51px; width:835px; height:293px; z-index:1; background-color: #FFCC00; layer-background-color: #FFCC00; border: 1px none #000000;">

  <p class="Estilo1">Seleccione el criterio de b&uacute;squeda para buscar ofertas :</p>

  <table width="320" border="1">

    <tr>

      <td width="59" class="Estilo1"><label>

        <input name="opcion" type="radio" value="zona" />

      </label></td>

      <td width="245" class="Estilo1"><strong>

        <label>ZONA:</label>

      </strong></td>

    </tr>

    <tr>

      <td class="Estilo1"><label>

        <input name="opcion" type="radio" value="precio" />

      </label></td>

      <td class="Estilo1"><strong>

        <label>PRECIO ENTRE: </label>

      </strong></td>

    </tr>

    <tr>

      <td class="Estilo1"><label>

        <input name="opcion" type="radio" value="todos" />

      </label></td>

      <td class="Estilo2">TODOS LOS PISOS</td>

    </tr>

  </table>

 
  <p class="Estilo1">

    <label>

    <input type="button" name="" value="ACEPTAR" onclick="buscar()"/>

    </label>

</p>

</div>

</form>

Nexus_ · #2 (**permalink**) 21/02/2007, 05:56

mmm. no veo PHP por ningún lado.
A simple vista y sin tener ni idea de Javascript, supongo que habrá que decirle al navegador que tipo de script es

<script language="JavaScript">
...
</script>

edit: además habrá que ponerlo antes del </head>

locojars · #3 (**permalink**) 21/02/2007, 10:51

Para que recibas una respuesta mas pronta, la proxima vez mira bien donde esta tu problema ya que como dice Nexus... aqui no hay ningún problema con PHP sino con javaScript, modifica tu funcion de esta forma:

Código HTML:

function buscar(){
    var i
    for (i=0;i<document.form2.opcion.length;i++){
       if (document.form2.opcion[i].checked)
       var valor = document.form2.opcion[i].value;
        break;
    
    }
   window.open('criteriobusqueda.php?opcion='+ valor,'vent','resizable=yes,width=600,height=255');
}

Espero te resulte.
Salu2
Jars

eits · #4 (**permalink**) 21/02/2007, 11:07

hola xayide, es cierto que esto que piedes no es php y si javascript pero de todas maneras te lo voy a responder.
tu función debe de quedar asi

Código HTML:

<script language="javascript">
function buscar(){
    var i
    for (i=0;i<document.form2.opcion.length;i++){
       if (document.form2.opcion[i].checked)
        break;
    
    }
   window.open('criteriobusqueda.php?opcion='+document.form2.opcion[i].value,'vent','resizable=yes,width=600,height=255');
}
</script>

te faltaba esto document.form2 para que quede asi document.form2.opcion[i].value prueba con esto que te doy yo ya lo cheque y me funcionó espero q a ti tambien saludos.

xayide · #5 (**permalink**) 21/02/2007, 13:03

Gracias a los tres!
No me había dado cuenta de que en este archivo no había php!
Todo el resto del proyecto está en php, pero justo este no!

me han servido de mucho vuestras respuestas!
gracias de nuevo