-3

La hago corta. Tengo ciertas variables en script1 recogidas de html1, y quiero ver algunas desde script2 cuando cargue html2. Intenté usando variables globales, pero no lo consigo. Las veo vacías desde script2. Supongo que se debe a una cuestión de scope que yo no se.

El usuario pasa de html1 a html2 mediante un boton. La variable de la que hablo es, en concreto, una opcion de un dropdown que capturo mediante JQuery y se guarda en una variable global. html1 y html2 tienen cada uno su script. Lo que yo quiero hacer es cargar html2 y mostrar la opcion que eligió el usuario en dicho dropdown ubicado en html1.

He intentado haciendo esto:

variableGlobal = funcionXqueRetornaOpciondeDropdown;

y después usar la misma variable en script2, pero la veo undefined. (Notese que hago referencia a los dos scripts en html2 al final del body)

script1

$(function(){
dropdownCaptura = function (dropdown, boton) {
        dropdown.on('click', 'li', function () {
            ciudad = $(this).text();
            if (boton.hasClass("btn-danger")) {
                boton.switchClass("btn-danger", "btn-primary", 0);
                $("#divDanger").fadeOut();
            }
            boton.html(ciudad);
            return ciudad;
        });
    };
});
ciudadOrigen = dropdownCaptura(dropdownOrigen1, btnDropdownOrigen1);

La captura del Dropdown funciona.

script2

$(function(){
    var ciudad = ciudadOrigen;
    console.log(ciudad);
});

6

2 respuestas 2

0

Estimado, en este caso te sugiero utilizar el local Storage que traen todos los navegadores de internet, ejemplo, Mozilla o Chrome. Abajo te dejo un ejemplo.

Como usar el localStorage

Espero te sea de utilidad.

4
  • Estoy intentandolo de esta forma ahora mismo.
    – Gundwane
    Commented el 18 ene. 2017 a las 16:28
  • 1
    Excelente. Espero que tengas buenos resultados! Commented el 18 ene. 2017 a las 17:53
  • Pude solucionarlo usando sessionStorage : ) Muchas gracias Alejandro!
    – Gundwane
    Commented el 19 ene. 2017 a las 16:02
  • Buenísimo! el sessionStorage es muy buena opción en estos casos! Commented el 19 ene. 2017 a las 16:12
0

Las variables que declaras en javascript pueden tener diferentes ámbitos, estas pueden ser globales o locales, que declares una variable global no quiere decir que se pueda acceder a esta desde otro script, acceder a una variable declarada en otro script es imposible, pero puedes utilizar query string para pasar datos de una pestaña a otra la forma de usarlo seria la siguiente:

$(function(){
dropdownCaptura = function (dropdown, boton) {
        dropdown.on('click', 'li', function () {
            ciudad = $(this).text();
            if (boton.hasClass("btn-danger")) {
                boton.switchClass("btn-danger", "btn-primary", 0);
                $("#divDanger").fadeOut();
            }
            boton.html(ciudad);
            return ciudad;
        });
    };
});

ciudadOrigen = dropdownCaptura(dropdownOrigen1, btnDropdownOrigen1);
window.open('html2.html?ciudadOrigen='+ciudadOrigen , '_blank');

y para obtener el valor de la variable en html2 usarias el siguiente código

var urlParams = new URLSearchParams(window.location.search);
let ciudadOrigen = "";
if (urlParams.has("ciudadOrigen")) {
     ciudadOrigen = setSearchPanel(urlParams.get('ciudadOrigen'));
}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.