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

Groups > comp.lang.javascript > #23581

Re: jQuery: fadeIn/out + count

Show all headers | View raw

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;
}


>
> 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>

>
>> 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.

-- 
Joao Rodrigues (J.R.)

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