Hi Glen and Charles, many many thanks for your help.
Great advice and tips. :)
This list is great! I can not wait until I can start helping others
with questions.
Anyway, both of you have helped emensley. Much appreciated.
Have a great day/night.
Cheers,
Micky
(Btw, nice sites Charles, very nice use of JS effects... Cool designs
too!)
On Dec 13, 12:31 pm, polyrhythmic <[EMAIL PROTECTED]> wrote:
> Hello Micky,
>
> I've solved a similar problem:
> I use a technique to cover up my pages in Internet Explorer until the
> PNGs can be fixed, and then I fade out the cover.
>
> On Dec 12, 11:25 pm, Micky Hulse <[EMAIL PROTECTED]> wrote:
>
> > I would like to avoid hiding my ele in the CSS... Because, if JS is
> > turned-off, that ele will not show.
>
> The trick, you're right, is to avoid hiding the element in the CSS for
> accessibility -- the problem is manipulating the document BEFORE it is
> ready. This can't be done with jQuery, as you've discovered.
>
> > $(document)
> > .addStyle('.col', 'display: none')
> > .ready(function() {
> > $('.col').fadeIn('slow');
>
> This code will not work, you are trying to addStyle before the
> document is ready to be manipulated. All code that manipulates CSS &
> the DOM *must* be called from *inside* $(document).ready(). (aka $
> ( function() { ...DOM & CSS code... });
>
> To be jQuery proper you would write:
> $( function() { // $(document).ready() shorthand
> $('.col').css({ display: 'none'}).fadeIn('slow');
>
> });
>
> ..But you users will see a flash of content. My solution is to use
> inline scripting with Document.write().
> Write into the element's HTML either:
> a) "display: none;" into the style attribute
> b) a class with "display: none" into the class attribute
>
> This way ONLY javascript-enabled users will have the element hidden.
> Also, with document.write inlined the browser will process it with the
> HTML, ensuring your users won't see a flash of content. This is not
> an unobtrusive technique, but I put the script at the top of the BODY
> to keep it out of the way.
>
> Then, put only the fading code in $(document).ready() :
> $( function() { // $(document).ready() shorthand
> $('.col').fadeIn('slow');
>
> });
>
> I personally use the pause plugin to wait 200ms before the fade. To
> see an example, visit doublerebel.com or villaappiaapts.com with IE.
> I hope I've explained this well, if you have any questions feel free
> to ask.
>
> Have fun with jQuery!
>
> Charles
> doublerebel.com
