Actualizar liga de un IFrame

emilio_viguri · #1 (**permalink**) 21/11/2012, 13:50

Bueno antes que nada saludos a todos y espero me puenda ayudar con esta problemita...

Bueno lo que requeiro es dara clic en una opcion de una lista de menu y al dar clic se actualice el iframe que tengo mas a bajo y el valor de la lista se mande, muestro el contenido

todo esto esta en una misma paguina... al seleccionar un campo la liga se actualiza y cambiaria...

Código HTML:

<form action="<?php echo $editFormAction; ?>" method="post" name="form1" id="form1">
<select name="Rproveedor" size="15" class="t01">

<option value="Valor 1" onclick="Valor_a_mandar">Valor 1</option>
<option value="Valor 2" onclick="Valor_a_mandar">Valor 2</option>
<option value="Valor 2" onclick="Valor_a_mandar">Valor 3</option>
</select>

</form>


<iframe align="bottom" scrolling="auto" src="remicion.php?rproveedor=Valor_a_mandar">FRAME</iframe>

Pablo Ayala · #2 (**permalink**) 21/11/2012, 17:41

Intenta asi:

Código Javascript:

Ver original$("#iddeliframe).attr("src", "nuevo_src");

Saludos

emilio_viguri · #3 (**permalink**) 22/11/2012, 15:01

Cita:

Iniciado por Pablo Ayala

Intenta asi:

Código Javascript:

Ver original$("#iddeliframe).attr("src", "nuevo_src");

Saludos

mmm

Disculpa y eso como lo pongo o donde ?

se que al darle clic en alguna de mis opciones tengo que tener una función que regrese el valor pero como se pone

emilio_viguri · #4 (**permalink**) 22/11/2012, 16:01

Bueno pues buscando en la red encontre la solución, no era exactamente lo que requería pero si me ayudo mucho dejo la liga para quien lo requiera.

http://www.forosdelweb.com/f4/recargar-iframe-enviar-valores-por-get-998757/

Pongo mi solución de código para futuras referencias.

Código HTML:

<html>

 <form action="" method="post" name="form1" id="form1">
 	<select name="aeiou">
<option onclick="alert(document.getElementById('IDIFrame').src= 'TU_URL 1'); return false">TU URL 1</option>

<option onclick="alert(document.getElementById('IDIFrame').src= 'TU_URL 2'); return false">TU URL 2</option>

<option onclick="alert(document.getElementById('IDIFrame').src= 'TU_URL 3'); return false">TU URL 3</option>

        </select>
  </form>
  
 <iframe src="about:blank" width="100" height="100" id="IDIFrame" ></iframe>
</html>

Yo le puse un alert para ver que es lo que manda cada liga, pero se lo puedes quitar y funciona y quedaría así...

Código Javascript:

Ver originalCon ALERTA
<option onclick="alert(document.getElementById('IDIFrame').src= 'TU_URL 1'); return false">TU URL 1</option>
 
Sin ALERTA
<option onclick="document.getElementById('IDIFrame').src= 'TU_URL 1'; return false">TU URL 1</option>