[jQuery] Re: iPhone + jQuery
Was just browsing the jQuery UI on the iPhone using Edge and it was running pretty smooth. I would attribute any slow down to the fact that I was on Edge. Still need to try it on Wi-Fi to know for sure. Good article though on how to develop for the iPhone, i know Facebook did a good job with this. On Sep 20, 1:00 pm, Danjojo [EMAIL PROTECTED] wrote: Hey there is a good article to be read at A List Apart:http://www.alistapart.com/articles/putyourcontentinmypocketpart2 I guess Javascript renders much slower on the iphone. I bet jQuery performs like a rock-star on the iPhone though.
[jQuery] ui tabs inside ui tabs
I'm sure there's something simple i'm missing here. http://www.robustness.org/temp/tabs/tester.html When you click on the second tabset (four,five six) that is within the first tab, it hides the entire second tabset. Why?
[jQuery] Re: ui tabs inside ui tabs
Yah, I thought i did. When I posted it, it said it would temporarily put it on this list. I had no idea why and it hasn't moved yet. I'll try again. On Sep 18, 1:17 pm, John Resig [EMAIL PROTECTED] wrote: You should bring this up on the jQuery UI mailing list:http://groups.google.com/group/jquery-ui --John On 9/18/07, Justin Sepulveda [EMAIL PROTECTED] wrote: I'm sure there's something simple i'm missing here. http://www.robustness.org/temp/tabs/tester.html When you click on the second tabset (four,five six) that is within the first tab, it hides the entire second tabset. Why?
[jQuery] Re: jquery 1.2 feedback
Curious, would the speed increases come from using the minified version verses the packer version? On Sep 11, 3:07 pm, Web Specialist [EMAIL PROTECTED] wrote: Hey Rey: what's Purple Include? 2007/9/11, Alexandre Plennevaux [EMAIL PROTECTED]: Rey, let's see if u r really the speedmaster _ like, could you say ten time really fast: I tweaked the ternary conditions across a same origin dynamic object literal expression while templating the script using Purple Include like techniques ? :D -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Rey Bango Sent: mardi 11 septembre 2007 22:44 To: jquery-en@googlegroups.com Subject: [jQuery] Re: jquery 1.2 feedback Well, if John won't take credit for the speed increases, then, I WILL Yeah, I tweaked the ternary conditions across a same origin dynamic object literal expression while templating the script using Purple Include like techniques. That's what sped it up! Enjoy! ;) Rey... John Resig wrote: just wanted to report that i had absolutely not a single issue switching from 1.1.4 to 1.2 and i use tons of plugins. The speed gain for me is more obvious with this release than with the move from 1.1.3 to 1.1.4. Also, animations and effects are smoother. Interesting - I've now heard this at least 3 times now - that there have been significant speed ups in 1.2. I find this particularly interesting because I didn't make any intentional speed tweaks - I was purely adding features. I wonder what I changed to cause this to occur! Thus, so far so good and congratulation to the whole team for this slick, steel-solid library ! I'm really broke for the moment, but it's been a while i last donated to the project, and as soon as i see an extra, you'll get my renewed thank you in financial terms. :-) Anything is appreciated - thanks! --John Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.485 / Base de données virus: 269.13.14/999 - Date: 10/09/2007 17:43
[jQuery] Re: jquery 1.2 feedback
Thanks Stephan for the uber descriptive explanation. Very helpful. On Sep 11, 4:24 pm, Stephan Beal [EMAIL PROTECTED] wrote: On Sep 12, 12:59 am, Web Specialist [EMAIL PROTECTED] wrote: I'm using Jorn's Form Validation in a monster form. Using jQuery 1.2minified version returns all validation in =~ 16 sec. Using uncompressed version returns in 6 sec. Comparing with an older version I don't have any improvement. That speed difference is almost certainly caused by odd circumstances, not by the compression. A minified jQuery version is semantically identical to an uncompressed version. A MIN'd copy essentially only has whitespaces and comments removed, and those are meaningless for the JS engine, which means they have no effect on execution speed. During the JS compilation phase, only meaningful tokens are converted to bytecode for the JS interpreter, while whitespace and comments are literally stripped out. Now... if you have a really odd JS engine which does not compile the source code to bytecode (or recompiles it on each call) then i could understand a menial speed diff between MIN'd and uncompressed code, but i would be surprised if any commercial JS engine out there does that. A packed version is decompressed at the time the outer-most code is run (when jQuery is first included), after which the compression overhead is gone. This means that PACKing only has an overhead at load- time (which may or may not be less than the time it would take to transfer an unpacked copy). It has no effect on the execution speed of the JS code once the initial expansion is done, however. If your MIN'd code is using YUIMin (as opposed to Doug Crockford's jsmin), then it is functionally similar to the conventional PACK process, in that it will have an initial overhead while the code is unpacked, but afterwards the bytecode engine will have uncompressed code and the decompression will play no role on the execution speed.
[jQuery] Re: 1.2 out?
Yah, it looks like they're in the middle of updating everything. On Sep 10, 3:46 pm, MrNase [EMAIL PROTECTED] wrote: I just grabbedhttp://jquery.com/src/jquery-latest.jsand the header of the file says: /* * jQuery 1.2 - New Wave Javascript * * Copyright (c) 2007 John Resig (jquery.com) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * $Date: 2007-09-10 15:45:49 -0400 (Mon, 10 Sep 2007) $ * $Rev: 3219 $ */ Is 1.2 officially out? YEAH! :-)
[jQuery] Re: I can't specify the photos width and height
http://sorgalla.com/projects/jcarousel/#Configuration itemwidth and itemheight aren't properties of this plugin? On Aug 29, 6:27 am, Benjamin Sterling [EMAIL PROTECTED] wrote: Omar, Is there a live version we can have a look at? On 8/29/07, Omar101 [EMAIL PROTECTED] wrote: Hi, I have created a jCarousel photo gallery using drupal, it takes the photos dynamically from drupal moduke, its work fine, but i can't control the photos width and height, it takes it as it is stored in drupal module what i should do. furthermore i specified it in my configuration, but it isn't applied but the scroll property is applied right... why?!!! jQuery(document).ready(function() { jQuery('#mycarousel').jcarousel({ scroll: 3, itemwidth : 100, itemheight : 80 }); }); Thanks for your support, -- Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.com
[jQuery] Re: fadeTo fades up in Safari and FF, down in IE
Yah I had an issue with this as well. I use a work around. For me, I like having the opacity setting in the CSS, so i set it there and set display:none. Then I use fadeIn instead of fadeTo. Not a solution, but a possible alternative. I'm sure someone else will have a real solution. On Aug 17, 10:06 am, Aaron Scott [EMAIL PROTECTED] wrote: I have an element with this style associated with it: filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; Now, I fade it in: $(object).fadeTo(1000, 0.8); In FF and Safari, this results in the object fading from 0% to 80% opacity. But in IE, it makes the object pop in at 100% opacity, then fades down to 80%. Has anyone seen this before? What am I doing wrong? Thanks, Aaron
[jQuery] Re: fadeTo fades up in Safari and FF, down in IE
Haha. Whoops. So i guess don't set the opacity in the css. $(object).css(opacity, 0.7).fadeIn(400); If that doesn't work, then I should stop posting to these boards while at work :-) On Aug 17, 10:50 am, Aaron Scott [EMAIL PROTECTED] wrote: For me, I like having the opacity setting in the CSS, so i set it there and set display:none. Then I use fadeIn instead of fadeTo. Not a solution, but a possible alternative. I'm sure someone else will have a real solution. The problem with fadeIn is that it brings the element to 100% opacity; I need it to only fade to 80%. Thanks, though. Aaron
[jQuery] Re: hide some divs, show one
What you're looking for sounds a lot like tab functionality. I think you could pull it off using Klaus's tab plugin. http://www.stilbuero.de/2007/05/14/tabs-plugin-more-flexibility/ On Aug 17, 1:21 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: hi friends, I have a product list... when the user click on a product i wanna show the respectly div for this product..(photo) and hide all the one that are visible.(for the case the user forget to close them) how can i do it ?
[jQuery] Re: changing class
and even smaller: $(this).parent().addClass(select).siblings().removeClass(select); On Aug 16, 2:21 pm, Sean Catchpole [EMAIL PROTECTED] wrote: Hi, Are aware that there are tabs plugins? To answer your question: $(function(){ $(#tabs li a).click(function(){ $(#tabs li).removeClass(select); $(this).parent().addClass(select); }); }); ~Sean
[jQuery] Re: Jquery can show Images from file:///C:?
No. On Aug 7, 4:28 pm, Mario Moura [EMAIL PROTECTED] wrote: Hi folks What I am trying is show an image into my browser with this tag img width=50 height=50 src=file:///C:/Users/example.JPG/ into my browser. Is it possible? or is a security lock from browsers? I am using $.post() So I could send the path that user choice C:/Users/example.JPG to my php and return img width=50 height=50 src=file:///C:/Users/example.JPG/ But isnt working because browsers cant show this tag img width=50 height=50 src=file:///C:/Users/example.JPG/ I can upload the file to webserver I know but will be more fast and I can save some bandwidth traffic if I could do this. And avoid malicious users consume my bandwidth traffic. So I am trying use AJAX to simulate Upload Ajax? and when forms is already send images normaly (without ajax). So Jquery can show Images from file:///C:? or something like this? Regards Mario
[jQuery] Re: Hover accordion (as on apple.com)
@John Thanks for jumping on this as I'm sure you have many more things to worry about in the jQuery world. It's very much appreciated. @Karl Kick-assity. I just had to note how awesome this word is. Nice work :-) On Aug 2, 4:01 am, Dragan Krstic [EMAIL PROTECTED] wrote: @John Why callback doesn't work with step function? Anyway, step function opens whole new field of synchronized animations. -- Dragan Krstić krdrhttp://krdr.ebloggy.com/
[jQuery] Re: Hover accordion (as on apple.com)
@John One more thing. I'm getting a serious amount of JavaScript errors, the same error repeated over and over. It seems to happen when i click on a tab while another tab is open. jquery.js (line 321) too much recursion [Break on this error] fn.constructor != Array /function/i.test( fn + ); On Aug 2, 4:01 am, Dragan Krstic [EMAIL PROTECTED] wrote: @John Why callback doesn't work with step function? Anyway, step function opens whole new field of synchronized animations. -- Dragan Krstić krdrhttp://krdr.ebloggy.com/
[jQuery] Re: Hover accordion (as on apple.com)
I'm silly. Ignore my post. Just needed to put in an if statement that checked if there was more than 1 panel visible. If so, don't do anything on click. On Aug 2, 9:54 am, Dragan Krstic [EMAIL PROTECTED] wrote: Last version of inverted accordion on:http://www.bydot.net/hoveracc/hoveracc_3.htm Enjoy... 2007/8/2, [EMAIL PROTECTED] [EMAIL PROTECTED]: @John One more thing. I'm getting a serious amount of JavaScript errors, the same error repeated over and over. It seems to happen when i click on a tab while another tab is open. jquery.js (line 321) too much recursion [Break on this error] fn.constructor != Array /function/i.test( fn + ); It happens when you click on header during animations. Take a look on 3) in my previous post. Browser cannot handle so many recursions -- Dragan Krstić krdrhttp://krdr.ebloggy.com/
[jQuery] Re: Best (lightest) Accordian Menu PlugIn
You'll notice in my example, the 4th tab jumps up just a bit when you click on any of the tabs. If you slow the speed down you'll notice it more. It's not a huge deal, but it can become annoying the more you focus on it :-) I just caught his new thread this morning. It fixes the issue I was talking about. I've implemented it into a new slider. I'll have it up soon. However you'll be stuck with each tab being the same height with this method. It's the only way to get it this smooth. If you don't mind the slight bump and/or want it to feel more like an accordion, then you can stick with what I already have up. On Aug 2, 3:08 pm, Jack Killpatrick [EMAIL PROTECTED] wrote: A... that would explain why it was so hard to find... :-) . Well, it worked well for what I'm using it for, so thanks much. The height change sounds good, too. In my case it would be nice to be able to make one or two of the tabs a different height than the rest. I'm not concerned about overall height staying constantbut I also wouldn't want the whole thing to flash closed then recalculating the new outer height, either. Seems like that would lead to the flickering weirdness that other ones have (but I haven't poked into what the reason with that isI know there's an active thread about it...and another accordion that John made a demo of). I didn't notice a bug...what's the bug? I'm using jquery 1.1.2 with it. - Jack Justin Sepulveda wrote: Haha ... I had this up to show a small bug in the jQuery Fx; I didn't think people would use it. I'm glad you found it useful! I'm in the middle of setting up a new website with actual documentation and updated plugins. The new version will detect the height of each tab as well as the height of the entire block so you don't have to worry about setting it in the CSS. Other than that, i'm keeping it as small/ simple as possible. On Aug 1, 3:29 pm, Jack Killpatrick [EMAIL PROTECTED] wrote: I discovered this one the other day and have used it for a project and it worked very nicely. Very small js file, snappy, has seemed solid so far (about a week of using it): http://www.robustness.org/dev/jquery/slider/slider-jquery.html I've looked and tried a number of others, but all seemed a bit ragged or had something about them that I didn't like or didn't fit my need, which was for a very lightweight control with a reasonable amount of configurability. - Jack
[jQuery] Fx Bug: SlideUp/SlideDown - Height Toggle - Accordion
Compare: http://openrico.org/demos?demo=accordion (based on Prototype) To: http://jquery.bassistance.de/accordion/?p=1.1.2.5 (based on jQuery) You'll notice the Prototype version does not bounce at all. The jQuery version does. Yes you can set a height so it doesn't effect the rest of the page, however you'll still see the accordion itself bounce. It does this with every effect that toggles the height and I haven't seen one accordion plugin using jQuery that doesn't bounce. If you just use Show and Hide, you won't see the bump, but then you lose the slide effect. It seems like a small issue, but in every project, i've had to revert to the Prototype version because the client didn't approve of this small bumping issue. The apple site also has a good example of a smooth accordion effect. Any ideas?
[jQuery] Re: Hover accordion (as on apple.com)
Finally. Someone else feels my pain. I had just posted a message to this group today about this as well. I just wish there was an easier way to remove that flicker/bounce that happens with the jQuery standard slideUp/slideDown. Having to call in that many scripts to get this effect seems pretty un-jQuery. But nice work! On Aug 1, 11:18 am, [EMAIL PROTECTED] wrote: My company redesigns a web site. Our head designer (as apple fan) decided to put nasty inverted hover accordion on new site. So, yesterday I started to develop a prototype:http://www.bydot.net/hoveracc/hoveracc_1.htm Structure is: ul li div class=omot a class=naslov_stavkeNaslov stavke 1/a div class=sadrzaj_stavkeSadrzaj stavke 1/div /div /li li div class=omot a class=naslov_stavkeNaslov stavke 2/a div class=sadrzaj_stavkeSadrzaj stavke 2/div /div /li li div class=omot a class=naslov_stavkeNaslov stavke 3/a div class=sadrzaj_stavkeSadrzaj stavke 3/div /div /li li div class=omot a class=naslov_stavkeNaslov stavke 4/a div class=sadrzaj_stavkeSadrzaj stavke 4/div /div /li /ul where naslov_stavke is part that should be hidden or shown, and sadrzaj_stavke is always visible. Omot means wrap. It took me about half an hour to make this piece, but, there's a flicker that our designer didn't like. Never mind if you can do it by jQuery. We will copy from apple.com. Yeah, sure... So, I spent next 6 hours yesterday and 4 today to find solution. Actually, my idea was same all the time: to fixate elements by position: absolute and top property. Here he the list of problems I had to solve: 1) How to obtain consistency of li elements and children's. I did it with div class=omot. In some time of development it was crucial to have this div. Now, it isn't important, but it can help with styling. 2) On which container element to position:relative. The best solution is to put on ul element that contains inverted accordion 3) How to remove position and top properties. There's no mention about that in documentation 4) How to obtain proper top values for elements that should not move. First, I wanted to do it just for elements that must remain static. This will be done after each hover. Then, I decided to recalculate top's for each div class=sadrzaj_stavke: i = 0; visine = new Array(); $(.sadrzaj_stavke).each(function(){visine[i]=$(this).position().top;i ++;}); which gives me wrong results all the time. In one moment I have two perfectly working scripts, but one worked in up direction, second one in down direction :) Finally, I decide to put in work original idea to calculate top's, and that's working perfectly (I abandoned this idea because I wanted to make more flexible script) Minor problems will be masked with images and css. This solution can be generally used to solve jQuery animation quirks. It can be found onhttp://www.bydot.net/hoveracc/hoveracc_2.htm PS How to start new threads directly from gmail?
[jQuery] Re: Best (lightest) Accordian Menu PlugIn
Haha ... I had this up to show a small bug in the jQuery Fx; I didn't think people would use it. I'm glad you found it useful! I'm in the middle of setting up a new website with actual documentation and updated plugins. The new version will detect the height of each tab as well as the height of the entire block so you don't have to worry about setting it in the CSS. Other than that, i'm keeping it as small/ simple as possible. On Aug 1, 3:29 pm, Jack Killpatrick [EMAIL PROTECTED] wrote: I discovered this one the other day and have used it for a project and it worked very nicely. Very small js file, snappy, has seemed solid so far (about a week of using it): http://www.robustness.org/dev/jquery/slider/slider-jquery.html I've looked and tried a number of others, but all seemed a bit ragged or had something about them that I didn't like or didn't fit my need, which was for a very lightweight control with a reasonable amount of configurability. - Jack Mitchell Waite wrote: Is anyone aware of a good accordian plugin. I have been using the one from Adobe (SPRY) and while its very flexible, it takes a lot of JS and its slow when there are a lot of menu items. What happens to mine is when you first load the page the accordian appears completely expanded. See http://www.whatbird.com/wwwroot/TAB_SEARCH.html I'd appreciate any insights. Thanks Mitch