Bueno en este tutorial que les traigo les vengo a enseñar cómo hacer que ustedes puedan abrir ventanas (div) dentro de la misma página es muy fácil tan solo implementar un poco de HTML y JS y el css si le quieren dar estilo
<!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">
<meta content='IE=8' http-equiv='X-UA-Compatible'/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<head>
<style>
.nickjp {
display: none;
position: fixed;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
padding: 16px;
border: 16px solid red;
background-color: #fff;
z-index:1002;
overflow: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
</style>
</head>
<body>
<a href ="javascript:void(0)" onclick ="document.getElementById('taringa').style.display='block'">Abrir Ventana</a>
<div id="taringa" class="nickjp"><a href ="javascript:void(0)" onclick ="document.getElementById('taringa').style.display='none'">Cerrar Ventana</a>
<br><img src="http://holageek.com/v1/wp-content/uploads/2011/07/html-full.jpeg"></div>
</body>
</html>
ok le explico por parte cada una de la funciones que para que entienda el codigo si desean agregar muchos más POPUP
Lo que este marcado En NEGRITA es lo importante
En el siguiente link Abrir ventana está compuesto de esta manera <a href ="javascript:void(0)" onclick ="document.getElementById('taringa').style.display='none'">
Que ara eso que al precionar el link ( Abrir Ventana ) este ejecute el div (Taringa) onclick ="document.getElementById('taringa') en cuanto pueda ser (block) para mostrar .style.display='block'" y si es (none) para ocultar .style.display='none'">
Bueno lo ultimo seria agregarle al DIV el ID <div id="taringa">
Aqui el ejemplo online
mydising.site90.com
Cualquier duda o pregunta que tengas aquí estoy para ayudarlos
Comentar es agradecer...