Ver Mensaje Individual
  #2 (permalink)  
Antiguo 25/10/2011, 06:44
Avatar de Aijoona
Aijoona
Colaborador
 
Fecha de Ingreso: mayo-2011
Ubicación: Buenos Aires
Mensajes: 779
Antigüedad: 13 años
Puntos: 343
Respuesta: simplificar muchos if else

1. Utiliza el highlight asi el código queda formateado.
2. Si usas jQuery para algunas cosas, porque no para todo?

-----------------

El condicional no vale la pena simplificarlo, pero podes encapsular la lógica utilizada:

Código Javascript:
Ver original
  1. window.onload = initAll;
  2.  
  3. function initAll() {
  4.     active('#item1');
  5. }
  6.  
  7. function active(selector) {
  8.     $('#item1, #item2, #item3, #item4').css({
  9.         'background-color': '#fff',
  10.         'color': "#960a00"
  11.     });
  12.  
  13.     $(selector).css({
  14.         'background-color': '#960a00',
  15.         'color': "#fff"
  16.     });
  17. }
  18.  
  19. function checkPosition() {
  20.     var posx = $(window).scrollLeft();
  21.  
  22.     if (posx > 0 && posx <= 1450) {
  23.         active('#item1');
  24.     } else if (posx > 1450 && posx <= 3400) {
  25.         active('#item2');
  26.     } else if (posx > 3400 && posx <= 5440) {
  27.         active('#item3');
  28.     } else if (posx > 4840 && posx <= 6700) {
  29.         active('#item4');
  30.     }
  31.  
  32. }
  33.  
  34. $(window).scroll(checkPosition);
__________________
blog | @aijoona