Foros del Web » Programando para Internet » Javascript »

Metodo GET para pasar variables a Lightbox

Estas en el tema de Metodo GET para pasar variables a Lightbox en el foro de Javascript en Foros del Web. Saludos amigos me encuentro con una gran duda y acudo a su experiencia para ver si me pueden ayudar. Mi problema es el siguiente. Tengo ...
  #1 (permalink)  
Antiguo 18/05/2011, 02:19
 
Fecha de Ingreso: mayo-2011
Mensajes: 2
Antigüedad: 13 años
Puntos: 0
Metodo GET para pasar variables a Lightbox

Saludos amigos me encuentro con una gran duda y acudo a su experiencia para ver si me pueden ayudar. Mi problema es el siguiente.

Tengo un campo de texto un input donde pediré una dirección de correo, dicho form solo tiene ese campo y un button para enviar la variable, ese button abre un lightbox que es una pagina nueva con un formulario mas complejo pero que me almacena aun el email que ya el usuario introdujo, este es el código del del form.

Código HTML:
<form action="formulario_mas_complejo.html" method="GET" name="initial_contact_form" target="_self" onSubmit="trigger the lightbox" href="formulario_mas_complejo.html">
<input type="text" name="email"  value="Su email"/>
<button class="submit" type="button" name="enviar">Obtenga mas informaci&oacute;n</button>
</form> 
Ahora lo que pasa es lo siguiente:

Cuando envío desde este form no me llega el valor del email al formulario mas complejo, me llega undefined solo me llega si en la URL coloco esto [email protected] om así si lo recibo en el otro formulario.

no se que es lo que este haciendo mal que no me permite enviar el valor que el usuario introdujo en el input.

Otra cosa para aclarar, en el tag del
Código HTML:
<form> 
debo tener siempre esto
Código HTML:
href="formulario_mas_complejo.html"
para que me pueda abrir el lightbox si la coloco solo asi
Código HTML:
<form action="formulario_mas_complejo.html"> 
no me funciona el ligthbox.

Bueno espero haberme explicado bien, ojala puedan ayudarme.

Saludos
  #2 (permalink)  
Antiguo 18/05/2011, 03:05
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Metodo GET para pasar variables a Lightbox

Hola:

Posiblemente no estés recogiendo los datos correctamente.

Aquí un enlace de nuestras FAQs: ¿Como recoger Datos por url?.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 18/05/2011, 03:36
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 13 años
Puntos: 344
Respuesta: Metodo GET para pasar variables a Lightbox

Utiliza input en vez de button:


Código HTML:
Ver original
  1. <input type="submit" value="Obtenga mas informaci&oacute;n">


Lo del lightbox supongo que te refieres a un plugin javascript.

Si es eso, entonces pon el código completo del formulario tal y como lo llamas (donde el onSubmit no has puesto nada), y también el código donde está el formulario más complejo.
  #4 (permalink)  
Antiguo 18/05/2011, 09:59
 
Fecha de Ingreso: mayo-2011
Mensajes: 2
Antigüedad: 13 años
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.

Etiquetas: lightbox, metodo, pasar, variables
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:36.