Cargar iframe de acuerdo a eleccion en un select

#1 (**permalink**) 04/12/2012, 13:09

Buenas tardes, estoy buscando hacer algo asi:
http://demo.rockettheme.com/
arriba pueden ver una barra con una lista de templates y al elegir uno muestra abajo en un iframe la pagina de demostración.
Quiero algo así pero mas sencillo, es decir que no me es necesario que carguen tooltip de imágenes, solo quiero colocar una lista en un combobox y al elegir uno de esta lista abajo recargue la web.
Gracias por las sugerencias.
Atte. Juan Ayala

memoadian · #2 (**permalink**) 04/12/2012, 14:30

Eso se logra con ajax, si no tienes mucho conocimiento de javascript, puedes usar JQuery ajax()
y sus funciones muy simples.

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