Foros del Web » Programando para Internet » Javascript »

Cambiar src de Iframe al dar click a un radio button

Estas en el tema de Cambiar src de Iframe al dar click a un radio button en el foro de Javascript en Foros del Web. Hola... Tengo un htm con 3 radio button y un iframe. Al dar click en un radio button llamo una funcion javascript que me hace ...
  #1 (permalink)  
Antiguo 07/06/2006, 11:46
 
Fecha de Ingreso: mayo-2006
Mensajes: 243
Antigüedad: 18 años
Puntos: 0
Cambiar src de Iframe al dar click a un radio button

Hola...
Tengo un htm con 3 radio button y un iframe.
Al dar click en un radio button llamo una funcion javascript que me hace un refresh a la página y pasa un parametro para cambiar el src del iframe, hasta aqui todo bien porque si lo hace, si me cambia el src del iframe.

El problema está en que al hacer el refresh me aparece seleccionado el radio button que tengo por default y yo quiero que me aparezca seleccionado el radio button que seleccione antes de hacer el refresh... no se si me explique.

Les dejo el código, espero que me puedan ayudar... Gracias

pues puse esto y no funciona:

Código:
<html>
<head>
	<title>Untitled</title>
</head>

<body>

<Script language="JavaScript">
<!--
function CambioValor(parametro,valor){
    parent.MyIFrame.location.href="last"+parametro+".htm";
}
//-->
</Script>
<input type="radio" value="0" checked="checked" OnClick="javascript:CambioValor('Noticias','0')"/>&nbsp;todas&nbsp;&nbsp;
<input type="radio" value="1" 		            OnClick="javascript:CambioValor('Notas','1')"/>&nbsp;notas&nbsp;&nbsp;
<input type="radio" value="2"                   OnClick="javascript:CambioValor('Avance','2')"/>&nbsp;Avance Informativo
<iframe name="MyIFrame" src="last_Noticias.htm" class="iNoticias" frameborder="0" scrolling="auto" marginwidth="0" marginheight="0"></iframe>
</body>
</html>
ayuda por favor!!!!!!!!!!!
  #2 (permalink)  
Antiguo 07/06/2006, 11:54
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola Emerald

No entiendo por qué refrescas la página, sería suficiente con cambiar el location del iframe.

Otra cosa que veo es que no has puesto nombre a los radio. Tienes que ponerles a todos el mismo name para que al pulsar uno se desmarquen los demás:

<input type="radio" name="rad" value="0"
<input type="radio" name="rad" value="1"
<input type="radio" name="rad" value="2"

Saludos,
  #3 (permalink)  
Antiguo 08/06/2006, 07:33
 
Fecha de Ingreso: mayo-2006
Mensajes: 243
Antigüedad: 18 años
Puntos: 0
Muchas gracias! Ya funcionó!!!... pero que creen?... solo funciona en Internet Explorer... en Fire Fox no =( ....
La verdad no se java script, no entiendo porque no funciona en fire fox... alguna idea de como resolver esto???

Gracias!
  #4 (permalink)  
Antiguo 08/06/2006, 08:56
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola de nuevo.

He probado el código y me ha funcionado bien en IE, Firefox y Opera

Por cierto, no es necesario que pongas javascript:

onclick="CambioValor('foro','0')"

Saludos,
  #5 (permalink)  
Antiguo 13/06/2006, 15:28
 
Fecha de Ingreso: mayo-2006
Mensajes: 243
Antigüedad: 18 años
Puntos: 0
Muchas gracias JavierB, pero aún no me funciona.

Ya lo cambié así:

Cita:
<div class="m273top"><h2>Ultimas Noticias</h2></div>
<div class="m273bottom" style="height:233px;">
<div class="txopciontop">&nbsp;&nbsp;Ver:&nbsp;&nbsp;
<input type="radio" name="rbNoticia" value="0" OnClick="CambioValor('todas')" checked="checked"/>&nbsp;todas&nbsp;
<input type="radio" name="rbNoticia" value="1" OnClick="CambioValor('Noticias')"/>&nbsp;notas&nbsp;
<input type="radio" name="rbNoticia" value="2" OnClick="CambioValor('Avances')"/>&nbsp;Avance Informativo
</div>
<div>
<iframe id="MyIFrame" src="Todas.htm" class="iNoticias" frameborder="0" scrolling="auto" marginwidth="0" marginheight="0"></iframe>
</div>
</div>
y en el head puse esto:

Cita:
<Script language="JavaScript">
<!--
function CambioValor(parametro){
parent.MyIFrame.location=parametro+".htm";
}

//-->
</Script>
En IE si funciona, pero en firefox no, será por los div???
  #6 (permalink)  
Antiguo 13/06/2006, 15:39
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola de nuevo.

En plan rápido, porque no tengo tiempo de probar, creo que deberías poner eliframe así:

<iframe name="MyIFrame" src="Todas.htm" ...

Saludos,
  #7 (permalink)  
Antiguo 13/06/2006, 16:39
 
Fecha de Ingreso: mayo-2006
Mensajes: 243
Antigüedad: 18 años
Puntos: 0
siiiiiiiiiiiiiii!!!!!!!!!!!!!!
gracias!, gracias!!!!...
tan simple que fué... muchisimas gracias JavierB!.. ya funcionó en firefox!!!!

Soy feliz!!!!!!!!!!!!!!!!!
  #8 (permalink)  
Antiguo 20/06/2006, 09:10
 
Fecha de Ingreso: mayo-2006
Mensajes: 243
Antigüedad: 18 años
Puntos: 0
Tengo un nuevo problema con respecto a esto.

Lo que sucede es que tengo un html que tiene un frame en donde muestro como prevista la página html que contiene el iframe, y al momento de querer cambiar el contenido de este iframe dando click en los radio button, me aparece el siguiente error:

parent.MyIFrame is null or not an object

Este error no aparece cuando abro en una ventana independiente el html que contiene el iframe.

cómo le puedo hacer para que me tome el cambio de iframe??

tks!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:33.