Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Cambiar z-index con jquery

Estas en el tema de Cambiar z-index con jquery en el foro de Jquery en Foros del Web. Hola, como puedo cambiar el z-index de unos divs de mi web! pero que el que se le esta haciendo click quede de primero sobre ...
  #1 (permalink)  
Antiguo 15/03/2013, 20:03
 
Fecha de Ingreso: septiembre-2011
Mensajes: 480
Antigüedad: 13 años, 3 meses
Puntos: 18
Cambiar z-index con jquery

Hola, como puedo cambiar el z-index de unos divs de mi web! pero que el que se le esta haciendo click quede de primero sobre los demas! y claro si hago click a otro div entonces este seria el que quedaria de primero!...como lo haria?
  #2 (permalink)  
Antiguo 15/03/2013, 21:06
Avatar de rottenp4nx  
Fecha de Ingreso: octubre-2012
Ubicación: Santiago
Mensajes: 417
Antigüedad: 12 años, 2 meses
Puntos: 36
Respuesta: Cambiar z-index con jquery

Código Javascript:
Ver original
  1. $("div").click(function(){
  2.    $(this).animate({z-index: 10},"slow");
  3. });

Ve si te funciona ,saludos
  #3 (permalink)  
Antiguo 16/03/2013, 00:18
 
Fecha de Ingreso: septiembre-2011
Mensajes: 480
Antigüedad: 13 años, 3 meses
Puntos: 18
Respuesta: Cambiar z-index con jquery

Compañero gracias por responder pero investigando y probando lo hice asi

Código Javascript:
Ver original
  1. $(".div").click(function(){
  2.      var id = $(this).attr("id");
  3.  
  4. var index_highest = 0;  
  5.  
  6. $(".div").each(function() {
  7.     var index_current = parseInt($(this).css("zIndex"), 10);
  8.     if(index_current > index_highest) {
  9.         index_highest = (index_current+1);
  10.  
  11.     }  
  12. $("#"+id).css('z-index' , +index_highest);
  13.    
  14. });
  15.     });

Lo explico!... Primero que cuando se de click en cualquier div con la clase "div" se solicita el id del div para posteriormente ingresarle el nuevo valor z-index luego se buscara mediante la funcion .each de jquery y mediante un simple if, cual es el z-index mas alto de todos los divs con la clase div! luego de saberlo le sumo +1 para que el div quede por encima del que este mas alto, luego mediante la funcion .css de jquery le asigno el nuevo valor del z-index al div especifico con el id

Etiquetas: z-index
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 18:30.