Ver Mensaje Individual
  #6 (permalink)  
Antiguo 27/05/2012, 14:09
anucabella
 
Fecha de Ingreso: mayo-2010
Mensajes: 2
Antigüedad: 14 años, 10 meses
Puntos: 0
Respuesta: Re: Ayuda con javascript y CSS, ventana modal.

Cita:
Iniciado por xiscomax Ver Mensaje
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,


,................................................. ........................


AYUDE RESPECTO DE ESTE CODIGO DE ARRIBA...

YO DESEO ABRIR DIFERENTES LIGHTBOXES EN UN MISMO HTML, PERO NO SE DONDE DEBERIA LINKEAR" EL CODIGO PARA ABRIR CADA UNO DE ELLOS, LOS CUALES ESTAN CONTENIDOS EN UN DIV QUE TIENE UN ID, POR EJ..

TENGO UN DIV ASI:


<div id="Precios_Rosen1" class="white_content">

<TABLE> ACA EL CONTENIDO BLA BLA
</TABLE>

aqui el boton para cerrar....

<div class="Texto_Rojo_dest" align="right" style="margin-right:30px;">
<a href = "javascript:void(0)" class="Texto_Blanco" onclick = "document.getElementById('Precios_Rosen1').style.d isplay='none';
document.getElementById('fade').style.display='non e'">Cerrar</a>
</div>
</div>
<div id="fade" class="black_overlay"></div>



los elementos tienen ID, pero no me funcionan, me abre siempre el mismo div..


este responde a:


<!-- boton_descargaLightbox1-->

<a href="javascript:void()"onclick = "document.getElementById('Precios_Rosen1').style.d isplay='block';document.getElementById('fade').sty le.display='block'">boton precios</a>

(este sera el boton colocado para que se abra el lightbox 1.)

ahora necesito saber como le pongo al div que contiene la otra ventana de precios....

como para que al linkearlo me abra el segundo lightbox..

se entiende mi problema?