Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Aplicar efecto a cada elemento asignado en javascript?

Estas en el tema de Aplicar efecto a cada elemento asignado en javascript? en el foro de Frameworks JS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/04/2013, 11:19
 
Fecha de Ingreso: agosto-2012
Ubicación: M.
Mensajes: 1.995
Antigüedad: 7 años, 2 meses
Puntos: 51
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
  #2 (permalink)  
Antiguo 16/04/2013, 14:30
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.712
Antigüedad: 14 años, 5 meses
Puntos: 836
Respuesta: Aplicar efecto a cada elemento asignado en javascript?

Muestra cómo tienes el marcado HTML, será más fácil ver cuál es la mejor forma de hacerlo.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 16/04/2013, 22:36
 
Fecha de Ingreso: agosto-2012
Ubicación: M.
Mensajes: 1.995
Antigüedad: 7 años, 2 meses
Puntos: 51
Respuesta: Aplicar efecto a cada elemento asignado en javascript?

Cita:
Iniciado por David Ver Mensaje
Muestra cómo tienes el marcado HTML, será más fácil ver cuál es la mejor forma de hacerlo.
tengo una matriz, imaginate un mural de fotos...
asi
donde $ii=35
Código HTML:
Ver original
  1. <div id="content">
  2.         <?  
  3.  
  4.           for($c=0;$c<=$ii;$c++)
  5.           {
  6.            
  7.            
  8.                 ?>
  9.                     <? if($cont<$ii){?>
  10.                 <div id="cuadros">
  11.        
  12.                 <a  href="<? echo $f[$cont][2];?>" title="<? echo $f[$cont][2];?>"><img id="imgcompleta"src="<? echo $f[$cont][0];?>" /></a>
  13.                 <?
  14.                     $cont+=1;
  15.        
  16.                 ?>
  17.                
  18.                 </div>
  19.             <? }
  20.            
  21.             }?>
  22.                  
  23.              
  24.         </div>
__________________
a veces creemos que es algo básico pero al profundizar nos damos cuenta que estábamos tocando solo la cola de la culebra
  #4 (permalink)  
Antiguo 17/04/2013, 05:56
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.712
Antigüedad: 14 años, 5 meses
Puntos: 836
Respuesta: Aplicar efecto a cada elemento asignado en javascript?

Pero allí no se ven los elementos que mencionas al principio, #info y #masinfo
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #5 (permalink)  
Antiguo 18/04/2013, 05:41
Avatar de Trublux  
Fecha de Ingreso: octubre-2010
Ubicación: Madrid
Mensajes: 355
Antigüedad: 9 años
Puntos: 48
Respuesta: Aplicar efecto a cada elemento asignado en javascript?

Aparte de que, como dice David, en el código que muestras no se encuentran los elemento que quieres usar en el JS, estás creando elementos con el mismo "id" (cuadros) que debe ser único.
__________________
eZ Publish Developer Basic Legacy
eZ Publish Developer Basics (4.4)
Alojamientos rurales en España
  #6 (permalink)  
Antiguo 18/04/2013, 09:25
 
Fecha de Ingreso: agosto-2012
Ubicación: M.
Mensajes: 1.995
Antigüedad: 7 años, 2 meses
Puntos: 51
Respuesta: Aplicar efecto a cada elemento asignado en javascript?

Cita:
Iniciado por Trublux Ver Mensaje
Aparte de que, como dice David, en el código que muestras no se encuentran los elemento que quieres usar en el JS, estás creando elementos con el mismo "id" (cuadros) que debe ser único.
Bueno la verdad opte por otra opcion

y me equivoque de codigo..
lo hacia asi


Código PHP:
Ver original
  1. <div id="menuizquierdo">
  2.     <? for($i=0; $i<=n;$i++){?>
  3.         <div id="panel">
  4.        
  5.         <? if($cont<$ii){?>
  6.         <div id="masinfo<? echo $cont;?>" ><a href="#"><img  id="imgcompleta" src="<? echo $f[$cont][4];?>" alt="M&aacute;s informaci&oacute;n" /></a><br /><br />
  7.         <a href="<? echo $[$cont][2];?>"><? echo $[$cont][2];?></a>
  8.         </div>
  9.         <div id="info<? echo $cont;?>">
  10.         <a href="#"><img id="imgvistaprevia" src="http://localhost/p2/<? echo $[$cont][1];?>" alt="M&aacute;s informaci&oacute;n" /></a>   
  11.        
  12.         </div>
  13.             <? $cont+=1;
  14.                  }
  15.      ?>
  16.         </div>
  17.         <? } ?>
  18.    
  19.     </div>
bueno la idea es que ya que este hecho es que se acomoden muchas imágenes en un div, que estén todas revueltas pero que se ajusten al tamaño del div contenedor
osea que tenga unas 100 imágenes y que si caben 10 en la primera fila que solo esas quepan y las que siguen se vayan a la siguiente fila.
osea que pueda tener filas de 11 y de 12 etc, y que ademas también pueda tener columnas de 11,12,13 etc.

es para que el usuario suba sus fotos lo de arriba lo ocupo para que con solo pasar el mouse la foto se haga grande.
__________________
a veces creemos que es algo básico pero al profundizar nos damos cuenta que estábamos tocando solo la cola de la culebra

Última edición por minombreesmm; 18/04/2013 a las 09:37
  #7 (permalink)  
Antiguo 20/04/2013, 02:43
Avatar de marlanga  
Fecha de Ingreso: enero-2011
Ubicación: Murcia
Mensajes: 1.024
Antigüedad: 8 años, 9 meses
Puntos: 206
Respuesta: Aplicar efecto a cada elemento asignado en javascript?

ID= UN SOLO ELEMENTO

CLASE = MUCHOS ELEMENTOS


Usa clases, por el amor de dios.

Código Javascript:
Ver original
  1. $(".miclase").hover(function(){
  2.                 $(this).find(".info").fadeIn(1000);
  3.  
  4.                 }, function(){
  5.  
  6.                      $(this).find(".info").fadeOut();
  7.  
  8.                 });

Etiquetas: cada, efecto, elemento, funcion, html, javascript, php
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 23:22.