Ver Mensaje Individual
  #4 (permalink)  
Antiguo 18/05/2011, 09:59
zeven777
 
Fecha de Ingreso: mayo-2011
Mensajes: 2
Antigüedad: 13 años, 7 meses
Puntos: 0
Respuesta: Metodo GET para pasar variables a Lightbox

Saludos, Gracias por sus respuestas, aun no estoy claro es posible que no este entendiendo alguno de sus métodos aplicar, voy nuevamente a mostrar un poco mas del código de las cosas que sugiere alexg88

esté es mi código javascript el que llamo para abrir el lightbox en el HEAD

Código HTML:
<!--BOF Lightbox Script-->
    <link media="screen" rel="stylesheet" href="css/lightbox_colorbox.css" />
    <script src="js/lightbox.jquery.colorbox.js"></script>
    <!--ASSIGNING THE LIGHTBOX EVENTS-->
        <script>
            $(document).ready(function(){
                //Examples of how to assign the ColorBox event to elements
                $("a[rel='example1']").colorbox();
                $("a[rel='example2']").colorbox({transition:"fade"});
                $("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});
                $("a[rel='example4']").colorbox({slideshow:true});
                $(".example5").colorbox();
                $(".example6").colorbox({iframe:true, innerWidth:425, innerHeight:344});
                $(".example7").colorbox({width:"80%", height:"80%", iframe:true});
                $(".example8").colorbox({width:"50%", inline:true, href:"#inline_example1"});
                $(".example9").colorbox({
<!--                    onOpen:function(){ alert('onOpen: colorbox is about to open'); },
-->                    onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
                    onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
                    onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
                    onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
                });
                
                //Example of preserving a JavaScript event for inline calls.
                $("#click").click(function(){ 
                    $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
                    return false;
                });
            });
        </script>
<!--EOF Lightbox Script--> 
Luego lo llamo desde el formulario que mostré anteriormente que es

Código HTML:
<form action="" method="GET" name="initial_contact_form" target="_self" id="initial_form">
<input type="text" name="email1" class="email" value="Entre su Correo Electr&oacute;nico"/>
<button class="submit1 example7" type="button" name="enviar" href="form mas complejo">Obtenga mas informaci&oacute;n</button>
</form> 
Un poco mas cambiado que el anterior pero funciona igual, la class="example7" es la encargada de llamar la función del lightbox animado que esta en el HEAD, se abre el lightbox y carga la otra web contenida en el que muestra el formulario mas complejo.

el método o función que uso para recibir el valor del GET es el siguiente

Código HTML:
<script type="text/javascript"> 
function leerGET(){ 
  var cadGET = location.search.substr(1,location.search.length); 
  var arrGET = cadGET.split("&"); 
  var asocGET = new Array(); 
  var variable = ""; 
  var valor = ""; 
  for(i=0;i<arrGET.length;i++){ 
    var aux = arrGET[i].split("="); 
    variable = aux[0]; 
    valor = aux[1]; 
    asocGET[variable] = valor; 
  } 
  return asocGET; 
} 
</script> 
Luego de esto otra función que es
Código HTML:
<SCRIPT TYPE="TEXT/JAVASCRIPT"> 
var mail = ""; 

function eMail(elemento){
  var paresVarValor = leerGET(); 
  for (obj in paresVarValor){ 
    mail=paresVarValor[obj]; 
  }
  elemento.value=mail;
}
</script> 
que es la que yo llamo desde un input para que ya en el formulario me cargue el correo que el usuario introdujo anteriormente para no tener que copiarlo nuevamente.

Claro esta que cuando en el form del mail simple yo coloco el href="form_mas_complejo?variable=correopepito@gmai l.com" funciona perfectamente y me lo asigna sin ningún problema en el formulario mas complejo, la cuestión es que el usuario es el que tiene q introducir el mail pero de ese modo no he podido hacerlo

Bueno nuevamente gracias por sus aportes.