Coger variables

jokings80 · #1 (**permalink**) 01/10/2007, 03:45

Hola a todos. Tengo el siguiente problema con una web que estoy haciendo. Tengo dos frames, en uno de ellos 1 select, y en el otro una serie de enlaces. Entonces necesito que el frame que tiene los enlaces coja el valor seleccionado del select. Esto lo uso para que la página del enlace avance hasta la información requerida. Por ej, tengo un enlace a una página de mecánica, y en el select tengo las opciones "coche, moto y avión". Si selecciono moto, el enlace va a la página de mecánica, a la parte de moto. Por ello la página que tiene el enlace necestia saber que opcion se ha seleccionado en el select. Pero no sé cómo pasar esta información de un frame a otro. Si alguien me pudiera ayudar.... Muchas gracias

pinchoso · #2 (**permalink**) 01/10/2007, 07:37

Hola jokings80,

para hacer lo que dices has de hacer lo siguiente:

frameset:

Código:

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  </head> 
  <frameset cols="80,*" frameborder="no" border="0" framespacing="0">
  <frame src="izquierda.html" name="izquierda" scrolling="No" noresize="noresize" id="leftFrame"  />
  <frame src="principal.html" name="principal" id="mainFrame" />
  </frameset> 
  <noframes>
    <body>
    </body>
  </noframes>
</html>

en el frame de los enlaces:

Código:

<span style="cursor:pointer" onclick="alert(parent.principal.document.getElementById('opciones').value)">enlace</span>

ahora mismo en lugar de redirigirte a la pagina que te interese tan solo te mostrará el valor del select en un alert

en la pagina del select o listado:

Código:

<select name="select" id="opciones">
  <option value="motos.htm">moto</option>
  <option value="coche.htm">coche</option>
  <option value="camion.htm">camion</option>
</select>

Entonces, deberás substituir el valor en:
alert(parent.principal.document.getElementById('opciones').value)

principal --> por el nombre de tu frame principal.
opciones --> por la id de tu select
alert --> window.location = parent.principal.document.getElementById('opciones').value;

Espero que te sirva!