> Date: Mon, 30 Dec 2013 14:06:19 -0500
> From: marc@infomarc.info
> To: phpmyadmin-devel@lists.sourceforge.net
> Subject: Re: [Phpmyadmin-devel] js advice please
>
> Le 2013-12-30 08:55, SHERESSA HILL a écrit :
> >
> >
> > > Date: Mon, 30 Dec 2013 13:03:54 -0500
> > > From: marc@infomarc.info
> > > To: phpmyadmin-devel@lists.sourceforge.net
> > > Subject: [Phpmyadmin-devel] js advice please
> > >
> > > Hi,
> > > I'm working on a bug [0]. The solution I'm trying is:
> > >
> > > - use display:none on the throbber
> > > - temporarily replace the navi reload image with the throbber image
> > >
> > > My problem is that the reloading operation is so fast (less than one
> > > second) that I cannot see the throbber image. When I add an alert just
> > > before putting back the reload image, I have the proof that the throbber
> > > image is there.
> > >
> > > So, how can I ensure that the throbber image stays there at least, say,
> > > one or two seconds? I tried with setTimeout() to no avail.
> > >
> > > [0] https://sourceforge.net/p/phpmyadmin/bugs/3920/
> > >
> > > --
> > > Marc Delisle
> > > http://infomarc.info | http://phpmyadmin.net
> >
> > Hi,
> > From what I understand the issue to be, I gathered the following:
>
> Thanks; any simpler solution involving jQuery?
>
>
> --
> Marc Delisle
> http://infomarc.info | http://phpmyadmin.net
> 

I generated this at: http://cssload.net/

<style>
#floatingCirclesG{
position:relative;
width:128px;
height:128px;
-o-transform:scale(0.6);
}

.f_circleG{
position:absolute;
background-color:#FFFFFF;
height:23px;
width:23px;
-o-border-radius:12px;
-o-animation-name:f_fadeG;
-o-animation-duration:1.84s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
}

#frotateG_01{
left:0;
top:52px;
-o-animation-delay:0.69s;
}

#frotateG_02{
left:15px;
top:15px;
-o-animation-delay:0.92s;
}

#frotateG_03{
left:52px;
top:0;
-o-animation-delay:1.15s;
}

#frotateG_04{
right:15px;
top:15px;
-o-animation-delay:1.38s;
}

#frotateG_05{
right:0;
top:52px;
-o-animation-delay:1.61s;
}

#frotateG_06{
right:15px;
bottom:15px;
-o-animation-delay:1.84s;
}

#frotateG_07{
left:52px;
bottom:0;
-o-animation-delay:2.07s;
}

#frotateG_08{
left:15px;
bottom:15px;
-o-animation-delay:2.3s;
}

@-o-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

</style>
<div id="floatingCirclesG">
<div class="f_circleG" id="frotateG_01">
</div>
<div class="f_circleG" id="frotateG_02">
</div>
<div class="f_circleG" id="frotateG_03">
</div>
<div class="f_circleG" id="frotateG_04">
</div>
<div class="f_circleG" id="frotateG_05">
</div>
<div class="f_circleG" id="frotateG_06">
</div>
<div class="f_circleG" id="frotateG_07">
</div>
<div class="f_circleG" id="frotateG_08">
</div>
</div> - See more at: http://cssload.net/#sthash.X1pouDSG.dpuf
> ------------------------------------------------------------------------------
> Rapidly troubleshoot problems before they affect your business. Most IT
> organizations don't have a clear picture of how application performance
> affects their revenue. With AppDynamics, you get 100% visibility into your
> Java,.NET, & PHP application. Start your 15-day FREE TRIAL of AppDynamics Pro!
> http://pubads.g.doubleclick.net/gampad/clk?id=84349831&iu=/4140/ostg.clktrk
> _______________________________________________
> Phpmyadmin-devel mailing list
> Phpmyadmin-devel@lists.sourceforge.net
> https://lists.sourceforge.net/lists/listinfo/phpmyadmin-devel