Ver Mensaje Individual
  #3 (permalink)  
Antiguo 19/02/2008, 02:26
Avatar de xiscomax
xiscomax
 
Fecha de Ingreso: febrero-2006
Mensajes: 379
Antigüedad: 20 años, 8 meses
Puntos: 5
Re: Ayuda con javascript y CSS, ventana modal.

Cita:
Iniciado por caricatos Ver Mensaje
Hola:

Solo hay 3 ventanas modales: alert, confirm y prompt... las que mencionas, aunque le pongan nombres como "modalbox" NO son modales, tan solo las pueden simular, y sería muy difícil simular el comportamiento (creo que imposible)... y las verdaderas ventanas modales tienen el aspecto según el navegador y sistema... y no se pueden modificar... pero si te vale simularla, tú mismo has puesto ejemplos.

Saludos
Gracias caricatos, buscare informacion sobre las ventanas alert, confirm y prompt, pero lo que yo necesito es que al entrar en mi sitio aparezca una venta como esta.

Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      <
html>
       <
head>  
              <
title>LIGHTBOX EXAMPLE</title>  
              <
style>   
              .
black_overlay{   
                  
display: none;   
                  
position: absolute;  
                  
top: 0%;  
                  
left: 0%;  
                  
width: 100%;  
                  
height: 100%;  
                  
background-color: black;  
                  
z-index:1001; 
                  -
moz-opacity: 0.8;  
                  
opacity:.80; 
                  
filter: alpha(opacity=80);  
              } 
              .
white_content { 
                  
display: none; 
                  
position: absolute;
                  
top: 25%; 
                  
left: 25%;
                  
width: 50%;
                  
height: 50%; 
                  
padding: 16px;
                  
border: 16px solid orange;
                  
background-color: white; 
                  
z-index:1002; 
                  
overflow: auto; 
              }  
          </
style>  
          </
head>
          <
body>
              <
p>This is the main content. To display a lightbox click <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">here</a></p>
              <
div id="light" class="white_content">This is the lightbox content. <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>
              <
div id="fade" class="black_overlay"></div>
          </
body>
      </
html> 
Con un mensaje de advertencia por ejemplo ( Entrada proivida a menores de 18 años bla bla bla......)
Y un boton Si acepto, no acepto
Creo que no me explico bien,