[jQuery] Page items shifting during load

[Dan B.]

Hi All,

I'm assuming everyone here has noticed that when using various jQuery
widgets that after the the page shifts as the animation initialization
code executes. Usually this is imperfection is perceived when $
(document).ready fires and the handler that kicks off some widget
fires.

IE. you have bunch of LI's that are converted to a carousel.

My complaint is the shift that this event creates during page load,
causing elements to shift and or appear to jump around a bit as the LI
is converted to a carousel.

Anyone have any work-arounds or fixes to prevent this, in general,
rather than something specific for each widget?

[jQuery] each on a css class

[Dan B.]

so i have a class positiveMessage I use throughout the page and i
always want to fade them (FAT style).

I'm starting to catch, but I can't figure out why this only fades the
first one!

$('.positiveMessage').each(
function(){$(this).vkfade(00dd00)}
);


Shouldn't this find every element with css class positiveMessage and
then run vkfade on it???

[jQuery] Re: each on a css class

[Dan B.]

Yes it does. So that means it must be an issue with vkfade... it might
use a global variable or something.

Thanks for the trouble shooting aid.

Dan

On Feb 20, 5:45 pm, James james.gp@gmail.com wrote:
 It should. But since I don't know what vkfade is and what
 elements .positiveMessage is assigned to, it's hard to tell what's
 wrong.

 What happens if you replace:
 $(this).vkfade(00dd00)
 with:
 $(this).hide();
 ?

 do they all hide as expected?

 On Feb 20, 2:38 pm, Dan B. dan.baugh...@gmail.com wrote:

  so i have a class positiveMessage I use throughout the page and i
  always want to fade them (FAT style).

  I'm starting to catch, but I can't figure out why this only fades the
  first one!

  $('.positiveMessage').each(
              function(){$(this).vkfade(00dd00)}
  );

  Shouldn't this find every element with css class positiveMessage and
  then run vkfade on it???

[jQuery] datepicker css

[Dan B.]

For some reason I am dying trying to get a datepicker setup with some
decent CSS.

Functionally, my datepicker is fine...it's just lacking the
presentation the demonstrations always seem to have.

I use the theme roller to download any of the gallery ones and then
include the ui.datepicker.css in my page and my calendar is always
transparent.

I had this problem once before but then I just used another
datepicker...  How many css files do you need to get your datepicker
to end up like the ones on the theme roller page?  Maybe someone can
steer me in the right direction here.

Here is my input item:
input id=datepicker type=text name=DOB id=DOB

Here is my datepicker instantiation page:
$(function(){$('#datepicker').datepicker();});

[jQuery] Re: datepicker css

[Dan B.]

update: if I use the 300 kilobyte js generated by the theme roller
that basically includes all UI elements the styling is appearing fine.

So I just need a themed download for the datepicker, not every UI
component ever made.

DAn

On Jan 22, 3:12 pm, Dan B. dan.baugh...@gmail.com wrote:
 For some reason I am dying trying to get a datepicker setup with some
 decent CSS.

 Functionally, my datepicker is fine...it's just lacking the
 presentation the demonstrations always seem to have.

 I use the theme roller to download any of the gallery ones and then
 include the ui.datepicker.css in my page and my calendar is always
 transparent.

 I had this problem once before but then I just used another
 datepicker...  How many css files do you need to get your datepicker
 to end up like the ones on the theme roller page?  Maybe someone can
 steer me in the right direction here.

 Here is my input item:
 input id=datepicker type=text name=DOB id=DOB

 Here is my datepicker instantiation page:
 $(function(){$('#datepicker').datepicker();});

[jQuery] find expression and removing from the page

[Dan B.]

So lets say I have this simple HTML structure someonwheres in my
document:


ul id=bigul
   li id=placeholder
   some text
  /li
/ul

and I want to remove the place holder.

I guess I'm trying something like this:

$find(#bigul#placeholder).remove();

Is that some what on the right track?

[jQuery] placeholder - treeview

[Dan B.]

Hello,

I'm using treeview to browse a bunch of categorized items.

I'm using the async tree. However I want one of the first level items
to start expanded.  My solution was to alter the source to display
that level using the children node.  However, when I set that
expanded: true, there is this placeholder node that appears above
all of my nodes.

I need one of two solutions:
A method that will tell the async tree to expand a given node after
the initial load, which will cause jquery to remove the placeholder
when it executes the asynchronous population
OR, a way to remove this placeholder, from the specifc node, which
i've manually populated.

[jQuery] Tabs with multiple CSS classes

[Dan B.]

Hi Folks,

I'm interested in having multiple instances of tabs on a page/pages
throughout a site and on the same page without using an iFrame.

The tabs function is cool.  I'd like to pass it a different base
class, so that basically I have tab controls of different styles on
the same page.

Specifically I'm wanting to have this set of tabs have different
widths; I'm looking for like a base-class option to pass to
jquery.tabs or something.

Any suggestions?


dan