Here are the steps I'm looking for: - Page loads: normal OverText behavior, labels are created and placed on top of inputs - User gives focus to an input: the label fades to 0.2 (and remains visible) - User writes stuff in the input: the label disappears - Users clears the input: the label re-appears - Users leaves the input: the label fades to 1
I've tried to extend OverText to avoid writing it from scratch but there may be a better idea. Looking for tips! On 28 sep, 20:14, Rolf -nl <[email protected]> wrote: > What is the effect your after? I can't get it (really) to work on > either Safari or Firefox (both mac)... > I saw a fade fx once when I entered text in one of the input fields, > then deleted it and tabbed to the next (then the title fade back in, > sort of). But should it also fade out when you start typing, or...? > At the moment the code looks a bit too complex for what you're after I > think (then again, I'm not 100% sure of what you're after). > > On Sep 28, 5:40 pm, Quentin <[email protected]> wrote: > > > > > > > > > Hey there! > > I've been trying to extend OverText by addind some fade-ins and outs > > (almost like onhttp://www.me.com), it kinda works but throws a > > mysterious error on IE and could probably be cleaner... > > > Wanna have a look? Here it is:http://jsfiddle.net/9jn7g/1/ > > Oddly enough runnig this in jsFiddle+Chrome will not work as expected, > > but it will on Firefox... > > > Got tips on how to improve the class (and avoid those nasty > > Browser.Engine.trident tests)? > > Thanks!
