[SOLUCIONADO] Enlace de array y su This

[Flow89]

Hola, bueno ya que el título es un poco confuso voy a intentar explicarme lo mejor posible.

Tengo varios arrays :

Código Javascript:

establecimiento[0] = new Array() ;
        establecimiento[0][0] = ["La Parrilla de San Lorenzo"];
        establecimiento[0][1] = ["8"];
 
    establecimiento[1] = new Array();
        establecimiento[1][0] = ["La Viña de Patxi"];
        establecimiento[1][1] = ["7"];
 

Y un bucle, con el que hago un listado con los datos de los diferentes arrays:

Código Javascript:

for (i=0;i<=establecimiento.length-1;i++){      
        $("#listado").html($("#listado").html() +  establecimiento[i][0] + " " + establecimiento[i][1] + "<br>");
});
 

Lo que quiero conseguir es que cada uno de los listados que me muestra al hacer click en ellos, me lleve a otra página y a su vez recoja el valor establecimiento[i][0] (nombre del bar en realidad).

Ya que tengo que mostrar en otra página los datos del bar en el que me hayan clicado, que también están en otro array.

Código Javascript:

var prueba = "Vino Tinto";
 
    establecimiento[0] = new Array() 
        establecimiento[0][0] = ["La Parrilla de San Lorenzo"];
        establecimiento[0][1] = ["psl_1.jpg"];
        establecimiento[0][2] = ["valoracionP"];
        establecimiento[0][3] = ["Pedro Niño nº1"];
        establecimiento[0][4] = ["<dd>tarjeta de credito"];
        establecimiento[0][5] = ["41.651419°"]; 
        establecimiento[0][6] = ["-4.731411°"];
        establecimiento[0][7] = ["comentarios"];
        establecimiento[0][8] = ["galeria"];
 
for(i=0; i <= establecimiento.length-1; i++) {
        // si aparece el resultado nos da 0, sino -1
        // cuando encuentre el array en que aparece y da 0, muestra ese array
        var aparece = establecimiento[i][0].indexOf(prueba);
            if(aparece == 0) {
                for(x=0; x <= establecimiento[i].length-1;i++){
                    $("#nombre_establecimiento").html("<p>" + establecimiento[i][0] + "</p>");
                    $("#foto_establecimiento").html("<img src=\"img/" + establecimiento[i][1] + "\" width=\"100%\" \">" );
                    $("#valoracion_establecimiento").html("<p>" + establecimiento[i][2] + "</p>");
                    $("#datos_establecimiento").html(establecimiento[i][3]);
                    $("#servicios_establecimiento").html(establecimiento[i][4]);
                    break;
                }
            }
    }
 

Y en realidad lo que quiero, es sustituir esa variable PRUEBA, por el nombre del enlace que me hayan clicado antes..

Tenia pensado hacer algo así como un onClick recogiendo el valor con un THIS, para pasarlo a la página siguiente pero no consigo hacerlo..

A ver si me podéis iluminar, GRACIAS!

[Alexis88]

Por cada registro que añadas, puedes añadir un contenedor, digamos, un <div>, le asignas el contenido, una clase y un pseudo-atributo que contendrá el valor que deseas enviar. Luego, cuando el usuario pulse uno de los elementos <div>, se ejecutará una función que previamente debes de asignar, pero como los elementos se añadirán luego de haber cargado la página, entonces debes de delegarla, apoyándote en la clase que asignaste a cada <div>.

Código Javascript:

for (var i = 0, l = establecimiento.length; i < l; i++){
    $("#listado").append(
        $("<div/>", {
            html: establecimiento[i][0] + " " + establecimiento[i][1],
            class: "contenido",
            "data-valor": establecimiento[i][0]
        })
    );  
}
 
$("#listado").on("click", ".contenido", function(){
    $(location).prop("href", "tupagina.html?variable=" + $(this).data("valor"));
});
 

Si deseas recibir el valor en 'tupagina.html' solo con JavaScript, hazlo así:

Código Javascript:

var url = document.URL,
    valor = url.substr(url.indexOf("=") + 1); //Este es el valor recibido
 

Y si el archivo es PHP, entonces lo debes de recibir así: $_GET['variable'].

Saludos

[Flow89]

Muchas Gracias Alexis, he acabado implementandolo así;

Código Javascript:

for (i=0;i<=establecimiento.length-1;i++){      
        $("#listado").append(
            $("<div/>", {
                html: establecimiento[i][0],
                id: "columna1_res",
                "data-valor": establecimiento[i][0]
            })
        );
 
        $("#listado").append(
            $("<div/>", {
                html: establecimiento[i][1],
                id: "columna2_res"
            })
        );
    }
 
    $("#listado").on("click", "#columna1_res", function(){
        $(location).prop("href", "establecimiento.html?variable=" + $(this).data("valor"));
    });
 
    });
 

y recogiendolo así:

Código Javascript:

var url = document.URL,
    valor = url.substr(url.indexOf("=") + 1);
    
    var cadena = valor.replace(/%20/g," ");
    restaurante = cadena.replace(/%C3%B1/g,"ñ");
 

Un saludo y gracias una vez más.

[Alexis88]

Ten cuidado con asignar el mismo id a más de un elemento en el mismo documento, recuerda que debe de ser un valor único en todo el documento, por eso usé una clase que sí puede repetirse.

Saludos

[Flow89]

Iniciado por Alexis88

Ten cuidado con asignar el mismo id a más de un elemento en el mismo documento, recuerda que debe de ser un valor único en todo el documento, por eso usé una clase que sí puede repetirse.

Saludos

@Alexis88

Aunque no tenía ningún problema llamándolo por ID, he decidido llamarlo por clase, por si acaso.

Me ha surgido otro problemilla, utilizando este mismo sistema para obtener que array de establecimiento mostrar.

Te pego el código y te comento el problema.

Recojo en una página lo que me viene de otra (en este caso el valor que recojo es "comida").

Código Javascript:

var url = document.URL,
    valor = url.substr(url.indexOf("=") + 1); // Recogemos la variable
    
    
        
    var comida = new Array();
    comida[0] = new Array() ;
        comida[0][0] = ["La Parrilla de San Lorenzo"];
        comida[0][1] = ["8"]
;
 

y lo muestro así

Código Javascript:

for (i=0;i<=valor.length-1;i++){
        $("#listado").append(
            $("<div/>", {
                html: valor[i][0],
                class: "columna1_res",
                "data-valor": valor[i][0]
            })
        );
 
        $("#listado").append(
            $("<div/>", {
                html: valor[i][1],
                class: "columna2_res"
            })
        );
    }
 
    $("#listado").on("click", ".columna1_res", function(){
        $(location).prop("href", "establecimiento.html?variable=" + $(this).data("valor"));
    });
 

Pero el html: valor[i][1] no me coje el array comida[i][1], si no que me lo interpreta como una cadena y me muestra la primera letra de esa cadena.

Seguro que es una bobada, pero no doy con ello.
Que puedo hacer? muchas gracias de antemano.

[Alexis88]

Es que lo que envías es una cadena, no un array. Toma el valor de valor completo.

Saludos

[Flow89]

Pero yo lo que quiero que me muestre es comida[i][0] y comida[i][1],
O si donde hubiese dado click es en desayuno el array desayuno[i][0].

Pero como el valor de donde ha clicado lo tengo en la variable valor por eso utilizo valor[i][0] y valor[i][1]

Es decir, en realidad tengo varios arrays, comidas desayunos cenas, y los tres tienen la estructura mencionada arriba, con los bares de cada categoria.

[Alexis88]

Para el ejemplo que te mostré, creé un pseudo-atributo 'data-valor' para asignarle uno de los valores y luego enviarlo; si deseas enviar más valores, crea más pseudo-atributos y asigna los respectivos valores que luego enviarás como una query string, del tipo: tupagina.php?variable1=valor1&variable2=valor2, de esta manera, enviarás y recibirás todos los valores que desees.

Saludos

[Flow89]

Creo que no me estas entendiendo.. yo lo que quiero es que coja de manera dinámica el valor de html:

Para lo cual utilizo html: valor[i][1], siento valor, el nombre del array a mostrar.

Este nombre le obtengo de la cadena recogida de otra página anterior de la misma manera es decir, leyendo el valor que me envia a traves de la barra de direcciones.

Lo obtengo de manera correcta, puesto que si pincho en desayuno, la variable valor vale desayuno.
Pero al ir a lanzarlo como valor[i], no me coge desayuno[i] como array, sino desayuno como cadena y [i] como posiciion en la cadena.

Espero que ahora me hayas entendido mejor, un saludo.

[Alexis88]

Te acabo de explicar que estás recibiendo una cadena, no un array. No se pueden enviar y recibir arrays de esa manera, por lo que tienes dos opciones; o envías los valores del array mediante variables (que fue lo que te dije en una de las respuestas anteriores) o lo envías como un objeto JSON, pero JAMÁS vas a poder enviar ni recibir un array de manera directa mediante la URL.

Saludos

[Flow89]

Ya entendí, buscaré otra manera de hacerlo, puesto que enviar todo el array por variables mediante la url no es viable.

Muchas gracias Alexis, un saludo.