Como se hace esto?

[sentnel]

Hola!

Estoy trabajando en una pagina en la cual me gustaria lograr el mismo efecto que en esta pagina: http://www.aeropaq.com/index.php?opt...pper&Itemid=25

Necesito lograr:

1.- Fijense que la altura de Amazon (el iframe o wrapper) esta 100%, no importa como navegas internamente en amazon (dentro del iframe) y la altura siempre sera 100%. Tengan en cuenta que amazon es un enlace externo.

2.- Necesito poder abrir un "popup" igual que el de "calculadora de tarifa"

Como esta hecho esto? En esta website esta usando dos templates distintos? uno para el website y otro para los wrappers?

Como logra que la calculadora "abra" sobre el iframe? los intentos que he hecho con jquery y eso no "traspasan" el frame, solo se muestra cortado en el frame superior.

Agradezco su ayuda!

[sentnel]

Por favor ayudenme con esto, solo echenle un vistazo y sugieranme, indiquenme el camino....

Gracias!

[newboy_master]

No vas mal encaminado, fíjate:



Dentro del iframe superior hay un "div" oculto a la espera de ser mostrado al pulsar el botón, usando jQuery y un toggle lo consiguen:



Intenta copiando el código y recuerda no olvidarte del CSS, sino no funcionará.

Salu2.

[sentnel]

Gracias newboy_master!

De inmediato tratare esta forma.

Lo otro es, definitivamente se utiliza un segundo template practicamente en blanco, cierto? como lo harian ustedes? sencillamente eliminando todos los modulos para ese menu item o como?

Hay algo mas que me intriga: viendo el codigo fuente del marco superior, donde esta la calculadora, puedo ver agregado el siguiente estilo:

Código:

<style> 
html{height:100%}
.wrapper-1{ width:100%; height:100%;}
body{
	font-family:Tahoma, Geneva, sans-serif;
margin:0; 
height:100%;
overflow:hidden
}
a,a:visited{color:#F90;}
img{border:none}
table{font-size:100%}
.divsuscribir{ position:absolute; width:auto; height:auto; background: none; display:none; top:35px; margin-left:312px;}
/*.sombra{
	-moz-box-shadow: #000000 0 0 30px;
	-webkit-box-shadow: #000000 0 0 30px;
	-khtml-box-shadow: #000000 0 0 30px;
	box-shadow: #000000 0 0 30px;
}*/
.calculadora{ float:left; margin-top:14px; margin-left:255px;}
#jflanguageselection {
float:left;
margin:0px;
}
</style>

1.- Porque no incluir este estilo en el archivo .css en vez de ponerlo directamente en la pagina?

2.- Que archivo es que esta modificado aqui para incluir ese estilo, o sea, en que archivo esta escrito este estilo "directamente"?

Gracias!