[Javascript] Pokaż/ukryj elementy listy Opcje

[peja1990]

Witam,
mam pewien problem z napisaniem skryptu JS, może najpierw pokażę kodzik, który już napisałem a później go opiszę

[PHP] pobierz, plaintext 
$(document).ready(function() {
  var i = 0001;
  // Ta funkcja odpowiada za nadanie ID elementom listy w formie 4 cyfrowej
  $("div.row.server").each(function() {
    var id = (i++) + "";
    if(id.length == 1) {
      id = "000" + id;
    }
    else if(id.length == 2) {
      id = "00" + id;
    }
    else if(id.length == 3) {
      id = "0" + id;
    } else {
      id = id;
    }
    $(this).attr("id",id);
  });
  // Ta funkcja odpowiada za wyświetlenie elementów o ID (0-10)
  $("div.row.server").each(function showing() {
    fromID = 0;
    toID = 10;
    var idRow = Math.round($(this).attr("id"));
    if(idRow >= fromID && idRow <= toID) {
      $(this).show();
    } else {
      $(this).hide();
    }
  });
  // Ta funkcja powinna odpowiadać za zwiększenie vartości zmiennej "fromID" jak i "toID" o 1, gdy klikniemy w div'a, którego id zdefiniowałem jako "down"
  $("div.scrool#down").click(function() {
    fromID += 1;
    toID += 1;
    showing();
  });
});
[PHP] pobierz, plaintext 

Tak więc pierwsza i druga funkcja działa poprawnie, jednak trzecia która ma mieć za zadanie zwiększenie wartości dwóch zmiennych o 1 po kliknięciu w div'a nie działa ;(
Po prostu brak efektów.
Bardzo proszę Was o pomoc, za którą będę bardzo wdzięczny.

Serdecznie pozdrawiam,
Kamil Dunaj

Ten post edytował peja1990 30.01.2012, 14:14:42

[strife]

Poczytaj o zasięgu zmiennych, w Twoim przypadku zmienne fromID i toID nie są widoczne w ciele tej funkcji. Swoją drogą powinieneś mieć jakiś błąd hm .. używasz firebug'a? Jak nie powinieneś.

[peja1990]

Poczytaj o zasięgu zmiennych, w Twoim przypadku zmienne fromID i toID nie są widoczne w ciele tej funkcji. Swoją drogą powinieneś mieć jakiś błąd hm .. używasz firebug'a? Jak nie powinieneś.

No ok, a więc co proponowałbyś zmienić w moim kodzie ?

[strife]

Widoczność zmiennych?

Dodaj na górze pod var i = 0001;

[HTML] pobierz, plaintext 
var fromID = 0;
var toID = 0;
[HTML] pobierz, plaintext 

A tak poza tym to co to jest showing(); ? Napisz lepiej co chcesz osiągnać.

I jeszcze jedno, co pokazuje Ci firebug?

[peja1990]

Widoczność zmiennych?

Dodaj na górze pod var i = 0001;

[HTML] pobierz, plaintext 
var fromID = 0;
var toID = 0;
[HTML] pobierz, plaintext 

A tak poza tym to co to jest showing(); ? Napisz lepiej co chcesz osiągnać.

I jeszcze jedno, co pokazuje Ci firebug?

Tak też zrobiłem, lecz nadal nie ma efektów ;(

showing(); to powtórne wywołanie funkcji, by pokazało mi elementy o id (1-11), a nie (0-10) tak jak jest to zdefiniowane domyślnie w skrypcie...
Firebug:

Kod

Uncaught ReferenceError: showing is not defined

chyba o to Ci chodzi

A jeżeli chodzi o to jaki efekt chcę tym osiągnąć, proszę przedstawiam to graficznie:


Ten post edytował peja1990 30.01.2012, 14:57:23

[strife]

Firebug:

Kod

Uncaught ReferenceError: showing is not defined

chyba o to Ci chodzi

Tak dokładnie o to mi chodzi, przenieś funkcję showing wyżej aby była widoczna z poziomu innych konstrukcji. Twój each wtedy wyglądał by

[HTML] pobierz, plaintext 
$.each(function() {
    showing($(this));
});
 
// i gdzies poza tym wszystkim 
function showing(obj) {
   // gdzie obj to Twoje dawne $(this) 
}
[HTML] pobierz, plaintext 

I pamiętaj o tym, aby nie ignorować błędów javascript'owych!

[peja1990]

Tak dokładnie o to mi chodzi, przenieś funkcję showing wyżej aby była widoczna z poziomu innych konstrukcji. Twój each wtedy wyglądał by

[HTML] pobierz, plaintext 
$.each(function() {
    showing($(this));
});
 
// i gdzies poza tym wszystkim 
function showing(obj) {
   // gdzie obj to Twoje dawne $(this) 
}
[HTML] pobierz, plaintext 

I pamiętaj o tym, aby nie ignorować błędów javascript'owych!

Poradziłem sobie w inny sposób ale dzięki, dla Ciebie strife leci pomógł

[PHP] pobierz, plaintext 
$(document).ready(function() {
  var i = 0001;
  var fromID = 1;
  var toID = 10;
  $("div.row.server").each(function() {
    var id = (i++) + "";
    if(id.length == 1) {
      id = "000" + id;
    }
    else if(id.length == 2) {
      id = "00" + id;
    }
    else if(id.length == 3) {
      id = "0" + id;
    } else {
      id = id;
    }
    $(this).attr("id",id);
  });
  function showing() {
    $("div.row.server").each(function() {
      var idRow = Math.round($(this).attr("id"));
      if(idRow >= fromID && idRow <= toID) {
        $(this).show();
      } else {
        $(this).hide();
      }
    });
  };
  showing();
  $("div.scrool#down").click(function() {
    fromID += 1;
    toID += 1;
    showing();
  });
});
[PHP] pobierz, plaintext 

Pozdrawiam