Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/04/2013, 11:19
minombreesmm
 
Fecha de Ingreso: agosto-2012
Ubicación: M.
Mensajes: 2.031
Antigüedad: 12 años, 3 meses
Puntos: 52
Aplicar efecto a cada elemento asignado en javascript?

la intencion es mostrar el mas info al pasar el mouse sobre el info
y si funciona siempre y cuando se trate de un solo elemento con ese nombre..

Código Javascript:
Ver original
  1. var masinfo="#masinfo";
  2. var info="#info";
  3.                
  4.     $(masinfo).hover(function(){
  5.                
  6.  
  7.  
  8.                 $(info).fadeIn(1000);
  9.  
  10.                 }, function(){
  11.  
  12.                     $(info).fadeOut();
  13.  
  14.                 });

veran con html y con php lo intente a hacer dinamico.
cree 2 divs, uno llamado info y otro masinfo.
los divs son dinamicos por los que en un for creo n veces esos divs.
osea: uno se llamara, info0 y masinfo0,info1 y masinfo1,info2 y masinfo2 etc. hasta n.

luego en el javascript intente aplicarlo asi

Código Javascript:
Ver original
  1. var masinfo="#masinfo";
  2. var info="#info";
  3.     for(var i=0; i<=n;i++){        
  4.     $(masinfo+i).hover(function(){
  5.                
  6.  
  7.  
  8.                 $(info+i).fadeIn(1000);
  9.  
  10.                 }, function(){
  11.  
  12.                     $(info+i).fadeOut();
  13.  
  14.                 });
  15.  
  16. }

la intención aquí es que el efecto agarre hasta n elementos. lo estoy haciendo mal?
como se podría hacer allí?
gracias de antemano.
__________________
a veces creemos que es algo básico pero al profundizar nos damos cuenta que estábamos tocando solo la cola de la culebra