Tema: Ayuda con ventana
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 26/01/2010, 00:01
Avatar de alor86
alor86
 
Fecha de Ingreso: abril-2009
Mensajes: 110
Antigüedad: 15 años, 9 meses
Puntos: 5
Respuesta: Ayuda con ventana
prueba con esto
Código HTML: 
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4.     <head>
  5.         <script type="text/javascript">
  6.             window.onload = function(){
  7.                 var cl = document.getElementById('cl');
  8.                 cl.onclick = function(){
  9.                         var fondo = document.getElementById('superior');
  10.                         var ventana = document.getElementById('ventana');
  11.                         document.getElementsByTagName('body')[0].removeChild(fondo);
  12.                         document.getElementsByTagName('body')[0].removeChild(ventana);
  13.                 }               
  14.             }
  15.         </script>
  16.          <style type="text/css">
  17.                 div.cont{
  18.                     width: 700px;
  19.                     height: 600px;
  20.                     border: solid 1px black;
  21.                     background: yellow;
  22.                     margin: 10px auto 10px auto;
  23.                 }
  24.                 #superior{
  25.                     position: absolute;
  26.                     z-index: 1000;
  27.                     background: #000;
  28.                     filter:alpha(opacity='70');
  29.                     opacity:0.7;
  30.                     width: 100%;
  31.                     height: 100%;
  32.                     top: 0;
  33.                     left: 0;
  34.                 }
  35.                 #ventana{
  36.                     position: absolute;
  37.                     width: 400px;
  38.                     height: 400px;
  39.                     top: 30%;
  40.                     left: 30%;
  41.                     z-index: 1001;
  42.                     background: #fff;
  43.                     
  44.                 }
  45.                 div.titulo{
  46.                     height: 30px;
  47.                     background: #8800ff;
  48.                     text-align: right;
  49.                 }
  50.                 div.titulo span{
  51.                     cursor: pointer;
  52.                 }
  53.          </style>
  54.          
  55.     </head>
  56.     
  57.     <body>
  58.         <div id="superior">
  59.             
  60.         </div>
  61.         <div id="ventana">
  62.             <div class="titulo">
  63.                 <span id="cl">X &nbsp;</span>
  64.             </div>          
  65.         </div>
  66.         <div id="contenido" class="cont">
  67.             
  68.         </div>   
  69.     </body>
  70. </html>