Foros del Web - Ver Mensaje Individual - Cargar iframe de acuerdo a eleccion en un select

emprear · #3 (**permalink**) 04/12/2012, 22:11

Podés evitarte ajax con algo así

Código HTML:

Ver original<!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>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
 
html,body{
margin: 0;
padding: 0;
border: none;
height: 100%;
overflow-y: hidden;
}
 
.barra{
width: 100%;
height:auto;
padding: 5px 0;
margin: 0;
background:#202020;
}
 
#destino{
width: 100%;
border: none;
margin: 0;
height: 95%;
}
/*]]>*/
</style>
 
<script type="text/javascript">
//<![CDATA[
function cambiar(){
var opcion = document.getElementById('temas').value;
if(opcion != ""){
document.getElementById('destino').src = opcion;
}
}
//]]>
</script>
</head>
<body>
<div class="barra">
<form action="#">
<select id="temas" onchange="cambiar();">
<option value="">Seleccionar</option>
<option value="http://forosdelweb.com">FDW</option>
<option value="http://www.w3schools.com/tags/att_iframe_marginheight.asp">W3Schools</option>
</select>
</form>
</div>
<iframe src="about:blank" id="destino" name="destino"></iframe>
</body>
</html>

Saludos