Forum Coders' city Strona Główna Coders' city
Nasza pasja to programowanie!
 

 PomocPomoc   SzukajSzukaj   UżytkownicyUżytkownicy   GrupyGrupy  RejestracjaRejestracja 
Archiwum starego forum + teoria    RSS & Panel/SideBar
 ProfilProfil   Zaloguj się, by sprawdzić wiadomościZaloguj się, by sprawdzić wiadomości   ZalogujZaloguj 

Potrzebuję szybkiej odpowiedzi na moje pytanie... Zasady

Resetowanie zawartosci elementu div



 
Odpowiedz do tematu    Forum Coders' city Strona Główna -> ECMAScript
Zobacz poprzedni temat :: Zobacz następny temat  
Autor Wiadomość
wisnia80



Dołączył: 27 Gru 2006
Posty: 177

PostWysłany: Sro Sie 03, 2016 7:34 pm  OP    Temat postu: Resetowanie zawartosci elementu div Odpowiedz z cytatem Pisownia

Witam, mam następujący kłopot w stronie w divie mam umieszczoną wartość za pomocą php:

Kod:

<div class="count_stop ST_num">
  <?php echo $num_routes; ?>
</div>



za pomoca funkcji:


Kod:

       var $animation_elements_3 = $('.count_stop');

      $.each($animation_elements_3, function() {
        var $element = $(this);
        var element_height = $element.outerHeight();
        var element_top_position = $element.offset().top;
        var element_bottom_position = (element_top_position + element_height);

        //check to see if this current container is within viewport
        if ((element_bottom_position >= window_top_position) &&
            (element_top_position <= window_bottom_position)) {
          $element.addClass('count_start');      
        } else {
          $element.removeClass('count_start');
        }
      });



sprawdzam czy element o zadanej klasie (w tym wypadku "count_stop") jest w oszarze viewportu, a jezeli tak dodaje mu klasę count_start


Chciałbym by zmiana klasy a własciwie dodanie do <div> klasy count_start odpalało skrypt odliczjący do włąsciwej wartości....załączony poniżej
Kod:

...
$('.count_start').each(function () {
  var $this = $(this);
  jQuery({ Counter: 0 }).animate({ Counter: $this.text() }, {
    duration: 3000,
    easing: 'swing',
    step: function () {
    $this.text(Math.ceil(this.Counter));
    }
  });
});
...



teraz efekt jest taki ze jak bym nie robił albo sie nie odpala albo wskazuje cały czas 0.

Próbowałem nawet zmienić skrypt odliczjący w funkcję i wywoływać go zamiast zmieniać klasę...ale dalej byłem w slepej uliczce i pojawialo sie 0.


Kod:

....
   if ((element_bottom_position >= window_top_position) &&
            (element_top_position <= window_bottom_position)) {
          $element.addClass('count_start');      
         counting();
        } else {
          $element.removeClass('count_start');
        }

...
});

function counting() {
$('.count_start').each(function () {
  var $this = $(this);
  jQuery({ Counter: 0 }).animate({ Counter: $this.text() }, {
    duration: 3000,
    easing: 'swing',
    step: function () {
    $this.text(Math.ceil(this.Counter));
    //$this.text(this.Counter.toFixed(2));
    }
  });
});

}



Moze mi ktoś pomoc?

_________________
---------------------------------------------------------------
Nigdy nie mów ze czegoś nie da sie zrobić, bo ktoś tego nie wie i to zrobi.....
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość
Wyświetl posty z ostatnich:   
Odpowiedz do tematu    Forum Coders' city Strona Główna -> ECMAScript Wszystkie czasy w strefie CET (Europa)

Strona 1 z 1

 
Skocz do:  
Możesz pisać nowe tematy
Możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Możesz dodawać załączniki na tym forum
Możesz pobierać pliki z tego forum




Debug: strone wygenerowano w 0.17179 sekund, zapytan = 11
contact

| Darmowe programy i porady Jelcyna | Tansze zakupy w Helionie | MS Office Blog |