Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #23593

Re: jQuery: fadeIn/out + count

Show all headers | View raw

op 12-03-14 22:04, Joao Rodrigues schreef:
> On 12/03/2014 17:17, Mattias Campe wrote:
>> op 12-03-14 17:50, Hans-Georg Michna schreef:
>>> On Wed, 12 Mar 2014 16:09:36 +0100, Mattias Campe wrote:
>>>
>>>> I got multiple paragraphs and some of them need to have a fadeIn,
>>>> some a
>>>> fadeOut. After that code I want to count the paragraphs that are still
>>>> visible.
>>>>
>>>> The fadeIn or fadeOut works as I expect, but not the counting. I guess
>>>> that is because the animation is still busy, while the counting already
>>>> starts. A kind of "parallel" processing.
>>>>
>>>> Would anybody know if that is the cause and/or a solution for my
>>>> problem?
>>>>
>>>>     if (jQuery('input#' + geg).is(":checked")){
>>>>         jQuery("p." + geg).fadeIn();
>>>>     } else {
>>>>         jQuery("p." + geg).fadeOut();
>>>>     }
>>>>
>>>>     var nSr = eval(jQuery('p.sr:visible').length); // BUG?
>>>
>>> I thought one does this with CSS3, instead of using a monster
>>> like jQuery.
>>
>> Thank you for your answer. The code above is for an end user who has a
>> long list of things and he wants to filter it, by ticking checkboxes on
>> or off.
>>
>> Now I would like to inform that user how long the list still is. So
>> that's why I use "jQuery('p.sr:visible').length)", which doesn't give
>> the correct answer. I guess that is because the animation is still busy,
>> while the counting already starts. A kind of "parallel" processing. But
>> I don't know the solution to that.
>
> I don't know jQuery, but maybe you might count how many checkboxes are
> checked. E.g. passing a form containing all the checkboxes.
>
> function countCheckboxes(frm) {
>    var elems, len, i = 0;
>    elems = frm.querySelectorAll("input[type='checkbox']");
>    len = elems.length;
>    while (len--) {
>      if (elems[len].checked) i++;
>    }
>    return i;
> }
>

The problem is that the number of checkboxes I have checked can not 
"predict" the number of paragraphs that are still visible. But I have 
found a solution. I'll post in in another post.

>>
>> If the solution would be possible in CSS3: I would love to know. It
>> doesn't have to be in JQuery.
>
> <https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_animations>
>
>
> and
>
> <https://github.com/daneden/animate.css>

Thank you for those links! I have put them on my 2DO-list :-).

>>
>>> Not to mention that having something fade in or out only serves
>>> to slow down the user, but that's a more basic question.
>>
>> I tried it without animation, but then the end user doesn't notice it
>> that easy that the list changes.
>
> ACK. Sometimes I use a yellow fade animation to draw the user's attention.
>

Nice tip as well!!

Thank you for your time and advice!

Greetings
Mattias

Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread

Thread

jQuery: fadeIn/out + count Mattias Campe <mattiaspuntcampe@geeeemeil.com> - 2014-03-12 16:09 +0100
  Re: jQuery: fadeIn/out + count Hans-Georg Michna <hans-georgNoEmailPlease@michna.com> - 2014-03-12 17:50 +0100
    Re: jQuery: fadeIn/out + count Mattias Campe <mattiaspuntcampe@geeeemeil.com> - 2014-03-12 21:17 +0100
      Re: jQuery: fadeIn/out + count Joao Rodrigues <groups_jr-1@yahoo.com.br> - 2014-03-12 18:04 -0300
        Re: jQuery: fadeIn/out + count Mattias Campe <mattiaspuntcampe@geeeemeil.com> - 2014-03-13 20:22 +0100
  Re: jQuery: fadeIn/out + count Christoph Michael Becker <cmbecker69@arcor.de> - 2014-03-13 02:05 +0100
    Re: jQuery: fadeIn/out + count Mattias Campe <mattiaspuntcampe@geeeemeil.com> - 2014-03-13 20:31 +0100

csiph-web