<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<style>
iframe {position:absolute;width:1020px;height:500px;} </style>
<script>
// Funcion que se ejecuta cada vez que se selecciona un radio button
function abrirPagina()
{ var porNombre=document.getElementsByName("pagina"); var url="";
// Recorremos todos los valores del radio button para encontrar el
// seleccionado
for(var i=0;i<porNombre.length;i++)
{ if(porNombre[i].checked)
url=porNombre[i].value;
}
// Cambiarmos la url al iframe
document.getElementById("miIframe").src=url }
window.onload=function()
{ var elemento=document.getElementsByName("pagina");
// Creamos el evento click para cada clic en todos los radio button
if (elemento[0].addEventListener)
{ // Para todos los navegadores que siguen los estándares
for(var i=0;i<elemento.length;i++)
elemento[i].addEventListener("click", abrirPagina, false); }else{ // Como no, para nuestro amigo Microsoft...
// Ellos siempre ayudando a los desarrolladores...
for(var i=0;i<elemento.length;i++)
elemento[0].attachEvent("onclick", abrirPagina); }
}
</script>
</head>
<body>
Selecciona la pagina a mostrar en el iframe
<br><input type="radio" name="pagina" value="http://www.lawebdelprogramador.com/">Inicial
<br><input type="radio" name="pagina" value="http://www.lawebdelprogramador.com/foros/">Foros
<br><input type="radio" name="pagina" value="http://www.lawebdelprogramador.com/codigo/">Codigos
<p>
<iframe id="miIframe"></iframe>
</p>
</body>
</html>
Crear cuenta
Comentarios sobre la versión: Versión 1.0 (1)