Cheers Liam. That makes sense, yea. L
On May 19, 2:51 pm, Liam Byrne <l...@onsight.ie> wrote: > Browser can only do what they're told when combined with some basic > facts and inbuilt assumptions. > > This was done in one of the jQuery libraries to recalculate the RGB > colours from starting-colour to finishing-colour, so it can be done; but > in that case each in-between colour already existed. > > If you (or someone else) defined and inbuilt the "tweens" from "block" > to "inline", and there was a standards-compliant application for each of > these, then maybe..... > > But let's say the "tween" involved changing a letter at a time; > display:inline .. display:bnline .. display:blline ........ display:block > > There is no defintion for "bnline", so it won't work. > > L > > ldexterldesign wrote: > > Browsers are clever these days - that's my answer, but yea, thanks for > > the clarification. I'll bear this in mind in the future. > > > Ended up with this page in the end:http://is.gd/ARvj > > >> Hit a service on the left, then; > >> Hit the 'Get a quote' button > >> I wanted the contact form to animate in, but it's OK how it is. Don't > >> suppose I have a choice > > > Thanks, > > L > > > On May 15, 2:00 pm, Liam Byrne <l...@onsight.ie> wrote: > > >> Think of it logically..... > > >> To animate a property, the computer needs to work out the in-between > >> stages (tweening) to show: > > >> e.g animate width from 10 to 20 = 11,12,13,14, etc > >> to animate opacity from 40% to 100% = 41%, 42%, 43%, etc > > >> You can also animate colours*, because behind-the-scenes they go from > >> #000000 to #FFFFFF = 00, 01, 02..09, 0A, 0B..0F, 10, 11, etc > > >> What would you reckon the "tweens" from "inline" to "block" were ? > > >> L > > >> ldexterldesign wrote: > > >>> Hey Ricardo, > > >>> I thought this might be the case. Nothing to clarify on the jQuery > >>> website that I could find. Thanks for the tip - I'll bear that in mind > >>> for the future. > > >>> Cheers, > >>> L > > >>> On May 14, 11:25 pm, Ricardo <ricardob...@gmail.com> wrote: > > >>>> dude, you can't animate from inline to block. For any width/height > >>>> animation to work correctly the element needs display:block from the > >>>> start. > > >>>> On May 14, 10:08 am, ldexterldesign <m...@ldexterldesign.co.uk> wrote: > > >>>>> Hey guys, > > >>>>> Got a little script I've written. Would like to animate the appearance > >>>>> of the #sidebar2 to it's new block element state if possible ($ > >>>>> ('#sidebar2').css('display', 'block');). > > >>>>> // 'get a quote!' button is clicked > >>>>> $('.contactQuote').click(function(){ > >>>>> $('#content').css('width', '33%'); > > >>>>> > $('#sidebar2').css('display', 'block'); > > >>>>> $('.wpcf7').css('border', '3px solid #6ABC00'); > >>>>> return false; > >>>>> }); > >>>>> $('.wpcf7 input').focus(function(){ > >>>>> $('.wpcf7').css('border', 'none'); > >>>>> }); > >>>>> }); > > >>>>> What I've been experimenting with isn't working unfortunately :[ > > >>>>> // 'get a quote!' button is clicked > >>>>> $('.contactQuote').click(function(){ > >>>>> $('#content').css('width', '33%'); > > >>>>> > $('#sidebar2').animate({display: "block"}, 1000); > > >>>>> $('.wpcf7').css('border', '3px solid #6ABC00'); > >>>>> return false; > >>>>> }); > >>>>> $('.wpcf7 input').focus(function(){ > >>>>> $('.wpcf7').css('border', 'none'); > >>>>> }); > >>>>> }); > > >>>>> Any tips? > > >>>>> Cheers dudes, > >>>>> L > >>>>> ------------------------------------------------------------------------ > > >>>>> No virus found in this incoming message. > >>>>> Checked by AVG -www.avg.com > >>>>> Version: 8.5.329 / Virus Database: 270.12.31/2116 - Release Date: > >>>>> 05/15/09 06:16:00 > >>>>> ------------------------------------------------------------------------ > > >>>>> No virus found in this incoming message. > >>>>> Checked by AVG -www.avg.com > >>>>> Version: 8.5.339 / Virus Database: 270.12.34/2122 - Release Date: > >>>>> 05/19/09 06:21:00
