Ver Mensaje Individual
  #3 (permalink)  
Antiguo 19/02/2008, 02:26
Avatar de xiscomax
xiscomax
 
Fecha de Ingreso: febrero-2006
Mensajes: 379
Antigüedad: 19 años, 1 mes
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{   
                  
displaynone;   
                  
positionabsolute;  
                  
top0%;  
                  
left0%;  
                  
width100%;  
                  
height100%;  
                  
background-colorblack;  
                  
z-index:1001
                  -
moz-opacity0.8;  
                  
opacity:.80
                  
filteralpha(opacity=80);  
              } 
              .
white_content 
                  
displaynone
                  
positionabsolute;
                  
top25%; 
                  
left25%;
                  
width50%;
                  
height50%; 
                  
padding16px;
                  
border16px solid orange;
                  
background-colorwhite
                  
z-index:1002
                  
overflowauto
              }  
          </
style>  
          </
head>
          <
body>
              <
p>This is the main contentTo 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,