Ver Mensaje Individual
  #7 (permalink)  
Antiguo 16/10/2015, 12:15
pedromir
 
Fecha de Ingreso: enero-2014
Mensajes: 91
Antigüedad: 11 años
Puntos: 2
Respuesta: Como llamar correctamente a una funcion jquery desde Javascript

Los datos salen de un array, con tres elementos, nº de orden, que se convierte en el texto del enlace sobre el que pinchas,
en este caso son numeros, el siguiente elemento que sería la descripción de la imagen, que sería el title aunque aquí no lo
utilizo como tal y el último elemento, que es el nombre de la imagen
Código Javascript:
Ver original
  1. var datos = new Array();
  2. datos = [
  3. ["1","pajaros","mirlo"],
  4. ["2","paisajes","sabana"],
Entonces no sería más fácil utilizar la función original añadirle index por ejemplo para que al pinchar sobre un enlace saber el indice de ese enlace
y a traves de la otra funcion cambiarImgGr() y utilizando document.getElementById('divRecorrer').className = "active"; poner activo el enlace
sobre el que se ha pinchado, tal como está está ahora la funcion, al pinchar sobre cualquier enlace me pone activo siempre el enlace [0] falta ponerle un this,
para que lo haga sobre si mismo
Código Javascript:
Ver original
  1. index = datos[i];
  2.  
  3. Contenido += '<li><a id="divRecorrer" class="galeria" href=\"javascript:cambiarImgGr(\'' + imagen + '\',\'' + title + '\',\'' + index + '\')"/>'+enlaces+'</a></li>';
  4.  
  5.  
  6. function cambiarImgGr(imagen, title, index) {
  7.  
  8.   var imagenGr= document.getElementById('imgGr')
  9.   imagenGr.src = "" + imagen +"";
  10.  
  11.   var elemento = document.getElementById('titulo');
  12.   elemento.innerHTML = title;
  13.  
  14. //Y aquí utilizar el parámetro index, que nos da el Nº de índice y el this para que lo haga sobre el enlace que pinchamos y no sobre el [0]
  15.   document.getElementById('divRecorrer').className = "active";
  16.  
  17. }