Re: [jQuery] anyone success to inegrate sortable with mysql/php?
On Tuesday, March 20, 2007 8:18 AM amircx said: im trying to see some working online examples of sortable plugin and its seems there is no such thing execept the offical website.. .why pepole dont use it? Do you mean this? http://interface.eyecon.ro/demos/sort.html If so, there's not really any integration required. You write a PHP function that loops through your array to write the appropriate HTML. And voila, you're done. If I'm missing something please let me know. i see the scriptaculs thing that rule on the web... maybe its because there are working examples of scriptacouls with php/mysql integration? Can you give an example? Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] TableSorter sorting date column
Hello, I see that by default the tableSorter plugin can easily sort date+times formatted as: Jan 01, 2000 00:00 AM. But once you take off the time portion it sorts alphaneumerically. How can I get it to still sort properly while just using the date portion (e.g. Jan 01, 2000)? Thanks, Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] TableSorter sorting date column
On Monday, March 19, 2007 4:03 PM Remy Sharp said:
If I were you I would write another analyser - to match your date
format, then manually add 00:00:00 before converting the time to a
numerical. Use the existing date analyser as the template.
Hope that points you in the right direction!
Done!
A simple modification to the 'usLongDate' thingy (analyser?) does the
trick.
I'm not totally sure how to describe the change necessary but here goes:
In the definition that begins:
$.tableSorter.parsers.usLongDate = {
look for the line that reads:
return s.match(new RegExp(/^[A-Za-z]...
There is a clause(terminology?) at the end of the RegExp that handles
the time of day (hh:mm AM/PM) that should be enclosed in another
conditional clause to handle cases where it is not available.
(watch for line breaks)
Here's the old RegExp:
/^[A-Za-z]{3,10}\.? [0-9]{1,2}, ([0-9]{4}|'?[0-9]{2})
(([0-2]?[0-9]:[0-5][0-9])|([0-1]?[0-9]:[0-5][0-9]\s(AM|PM)))$/
And here's the new RegExp:
/^[A-Za-z]{3,10}\.? [0-9]{1,2}, ([0-9]{4}|'?[0-9]{2})(
(([0-2]?[0-9]:[0-5][0-9])|([0-1]?[0-9]:[0-5][0-9]\s(AM|PM?$/
In case you're reading this on the web and don't know context, with the
change above you can sort 'Jan 01, 2001' just like you can 'Jan 01, 2001
00:00 AM'.
Chris.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Carl P has sent you a private message
On Monday, March 12, 2007 1:53 PM Carl Parrish said: http://www.flixster.com/servlet/invite/633050151ufbA633057778Btlkhlp3Cm Am I supposed to click that? ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Effects: Choppyness, speed and IE
On Thursday, February 08, 2007 9:31 AM Arne-Kolja Bachstein said: does anyone know under which circumstances the effects don't work properly with IE6+7? I am trying to build some simple slideUp(slow) effects and such, but IE6+7 on two machines seem to do this too quickly if it doesnt even just use no animation at all - at least I cannot see any animations there. Can you provide a link for others to test the site? Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Interface error 'clonedEl is not defined' with draggables
Hello, I've noticed that the draggable+sortable demo on the Interface site doesn't work nearly as well as it used to. In the past I had no trouble dropping an item into a container but now it's very finicky on where it allows an item to be dropped and sometimes it doesn't remove the +/- icon even when the container is empty. Is there a known fix/workaround? Or is there an alternative plugin that works better? (I haven't be able to find one yet.) Thanks, Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Looking for Interface.Sortables examples
Wayde, Did you ever find anything regarding this? Chris. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of WG Sent: Wednesday, January 31, 2007 12:02 PM To: discuss@jquery.com Subject: [jQuery] Looking for Interface.Sortables examples Anyone got some good, maybe more advanced, Sortables examples that illustrate how all the different methods and properties can be used? Thanks - wayde ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Looking for Interface.Sortables examples
On Thursday, February 01, 2007 2:13 PM WG said: No, I haven't heard from anyone regarding this ... OR the problems with the onchange event not firing on the first re-ordering of sortable elements. You have anything to add? Unfortunately no. :~( ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Fake Page Reload
On Thursday, January 04, 2007 9:41 AM fidoogle said: They are not happy with the screens showing so fast because they think the web users will not notice the differences in the screens. They've asked me to put in page reloads. In their minds they want the code to go back to the server to request the next page. What I want to do is to fake a page reload. I have this exact same frustration with Washington Mutual's ATMs. There are two screens that are nearly identical in their content and almost always get me confused. Didn't I already answer this question?!?!? Oh... It's different. Definitely in the case of Washington Mutual and probably yours as well, this can be fixed with some better copy and visual cues (not a fake reload though!). If the two screens are so similar that people might get confused then the application is probably more difficult to use than it should be. The page flicker is not what's causing the confusion, the content is. My .02 Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Elegant Loading Indicator
On Friday, December 08, 2006 3:09 AM Peter Bengtsson said: Yes, gorgeuous but what happens if the server fails to respond? Will the cursor be stuck on wait? Shouldn't it though? ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Elegant Loading Indicator
On Friday, December 08, 2006 2:13 AM Barry Nauta said: For me, the wait cursor indicates an upcoming page refresh (oldschool web?), hence I will probably wait for this cursor to disappear before doing anything else. The beauty of Ajax (one of) IMHO is that you can continue to work on a page... Good point. In this case then the author can use the arrow+hour glass icon. For sure this is available on Windows but I'm not sure about Linux and OSX. Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] MyDayLite (to-do list) release. All files included.
Sorry for the long email but I enjoy thinking about and tweaking interfaces to make them easier to use so that's why I seem to just go on and on. If you're not interested in this kind of thing or take offense with constructive criticism then you should probably stop reading now. :) On Wednesday, November 29, 2006 10:37 PM Juha Suni said: I'm answering for Brian since I had pretty much the same questions when I started testing it. Found the answers and actually the user interface is really intuitive once you get it. I wouldn't call it intuitive. It's not intuitive because the knowledge I have about the interface when I first started using it wasn't enough to actually use it fully. In this case the application should give hints and/or instructions. Having said all that, the interface is definitely cool and I understand it's only at v0.2. I think Brian has made a really slick app so far with some great ideas. 1. Changing the priority happens by just dragging the item up and down. Since they are ordered from high to low, the app knows how to set the new priority according to your drag. An if you drag a low item to between med and high items, it conveniently just asks you which one do you want the dragged item to be. When you hover over these links for a sustained amount of time, or if you click and don't move, it'd be good for a popup/tooltip to appear that says, Drag up or down to change priority. 2. The whole form doesn't disable. Using the checkboxes you can select items and then select a new lable for them from the top. When you check a box for the first time it'd be good for a tooltip to appear at the labels dropdown saying, To change a task's label choose one from the following list. This could use cookies so that it is only shown once per computer/user. 3. There are small + and - links near the label, these can be used to create new lables or edit old ones. This one is ok I think. But maybe a tighter visual relationship between the dropdown and the +/- would be helpful. You can also create a new label quickly by typing out MyNewLabelName, or even create the todo-item for it at the same time using MyNewLabelName-MyNewTodoItem. There is also a shortcut for setting the priority. Just type med! and it will change to medium. This is cool but definitely not intuitive. Again, upon first click in the task box a tooltip can appear that says This is where new tasks go. To add a new or already existing label, type 'label task'. To set a tasks priority type 'low!', 'med!', or 'high!'. 4. This was something I hadn't seen before and really intuitive. You do it like you would with a pen and paper. Try drawing a line on top of the item, from left to right. Yes, with your mouse - click'n'drag. To remove the line do it from right to left. Works amazingly well. Yes this is very cool and a good idea, but definitely not intuitive. When was the last time you performed this action to get the same results in any other program? I don't have any ideas about how to give instructions for this in a slick way but they should be there somewhere. Alternatively: 1. For all these instructions, small boxes that span the width of the application can be placed at either the top or bottom. Each box will be about a specific part of the interface, will be a different color, and have a small x at the top right. They'll all appear the first time the page is loaded and stay present until the user clicks the x on each one of them. 2. A tab can be placed somewhere, probably at the top, that says How do I use this?. When you hover over it a large tooltip can appear that gives instructions for everything. 2a. Using an accordion animation, a div that has instructions can slide open while pushing the entire app down the page). So that's my .02 on that subject. Again, good work Brian! Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] tableEditor plugin Updated : Add new rows
On Wednesday, November 29, 2006 11:52 PM Brice Burgess said: See the new example @ ; http://dev.iceburg.net/jquery/tableEditor/example_new.php Sweet Brice. Here's an issue: When I clicked one of the notepads it turned into a flat disabled checkmark. I guess this is because some of the fields had invalid data. But when I fixed the data the checkmark did not become enabled so that I could save it. Is that just because this is a demo? Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] tableEditor plugin Updated : Add new rows
On Thursday, November 30, 2006 1:28 PM Brice Burgess said: The disabling of the save button / marking of invalid input / etc. has to do with the validator library that gets injected during the POST_EDIT function. This validation library needs much work (and is not part of tableEditor -- but just there for fun). Perhaps I should take it out? Or better yet, fix the bugs with it. Validation is definitely a cool addition to your tableEditor. It's the exact thing I want to use in my next project. If you're able to fix the validator class that'd be great. The save button should re-enable once all input fields satisfy their associated validation rules (assigned via classes in the column header th). Feel free to email me off list with the a means of duplicating the situation (where/what was typed/clicked your browser). The first time I did this I think there were three rows that did not re-enable themselves. This time I'm only seeing one and it is the row with marina in the email address field. I changed the email to [EMAIL PROTECTED] and I changed the age to 12. That row no longer has any red outlined input fields yet the check mark is still disabled. I'm on WinXP with Firefox 2. Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] TableEditor: Flexible In Place editing of HTML Tables (with tableSorter support)
On Tuesday, November 28, 2006 2:44 AM Brice Burgess said: Does anyone find this plugin useful? Yes definitely. Although I can't implement it just yet, I'm bookmarking it so I can come back later. Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] MyDayLite (to-do list) release. All files included.
On Wednesday, November 29, 2006 7:22 AM Brian Litzinger said: I wanted to create a better to-do list that I can use in my Google homepage, and wanted it to feel like a Google application. The design is highly based off Gmail. I also wanted it to feel natural and easy to use... mainly in the mark off feature as well as the quick priority and label assignment (see the help page or video for example). Pretty cool Brian. Some comments. 1. I am able to click the priority text but nothing happens. Is something happening that I don't know about? 2. Why does the form at the top become disabled when I click any of the checkboxes in the list? 3. Your system for making new labels is convenient but it's not clear how to actually do it. I would suggest you put a small hint below the input box that indicates how to create a new label. 4. How do you cross out an item? Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Firebug 1.0 coming soon
On Thursday, November 16, 2006 3:11 PM Franck Marcia said: Did you miss it? http://www.getfirebug.com (it's not an ad, I'm just a fan) That looks like it's going to be sweet. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] StyleSheets
On Wednesday, November 15, 2006 8:07 AM Alan Gutierrez said: I'm not finding any methods for editing stylesheets. I'd like to change a style as it is defined in the document. That's probably because there are none. You don't (can't?) modify the .css file directly with js. Instead you modify the styles that have already been applied. But perhaps there is a better way to solve your problem. Why do you want to change the .css file directly? Can you not just create two styles and use jQuery to switch between them? Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] StyleSheets
On Wednesday, November 15, 2006 9:05 AM Alan Gutierrez said: You can redefine css rules programatically. I've done so here... http://blogometer.com/repository/etude/jQuery/grid/grid.html Interesting! ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Refresh an image with dynamic src URL?
On Monday, November 13, 2006 9:08 PM Matt Grimm said: What would be an ideal way to refresh an image whose src attribute is a script that dynamically generates the image? Would it be best to store the value of the src attribute in a variable, remove the img element from the DOM, and append a new image element with the same URL? In my quick tests, it seemed like the browser was just using the same image from the cache and I'm not sure how to get around that. You could possibly submit the same URL + a random string on the end. This will make the browser thinks it's a new link. http://www.domain.com/image.php?real_id=asdffake_id=adfasds I don't know if removing and adding DOM elements works (because I've never done that). But the random id will make the browser query the server again for sure. Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Add a behaviour when page loads newbie
On Tuesday, November 14, 2006 8:14 AM ReynierPM said:
.header_b
{
display: inline;
}
So I need to change it to block in IE. Can any help me with this?
Cheers and thanks in advance
Within CSS you can do the following to apply styles to IE only. (This
hack may be fixed in IE7 not sure.)
.header_b
{
display: inline; /* non-IE */
_display: block; /* IE only */
}
Adding a '_' to any style makes all non-IE browsers ignore the rule.
On the other hand if that will not work for you you'll need to do some
simple object detection in your js code to detect an object that only IE
has. If the detection returns true you can have jQuery change the style
on '.header_b'.
There are a good series of videos on Yahoo! Video by Douglas Crockford
called Theory of the DOM. Comes in three parts. In it he talks about
this kind of thing (albeit briefly).
1 of 3
http://video.yahoo.com/video/play?vid=cccd4aa02a3993ab06e56af731346f78.9
92708
2 of 3
http://video.yahoo.com/video/play?vid=cccd4aa02a3993ab06e56af731346f78.9
96002
3 of 3
http://video.yahoo.com/video/play?vid=cccd4aa02a3993ab06e56af731346f78.9
96008
Chris.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] How to display error/validation messages?
Although this would be great for the programmer I think this would be horrible for the user experience. That's not how a user would expect to interact with a form. You could "solve" that problem with giving them an explanation about your form... but then you're giving them more things to read... which makes users get bored and frustrated... and leave your website. But not only that, people may be confused why they can't tab or click in another field when the current form field is empty. So let's say they come to your form and want to skip to something else before they enter any data. They can't and that will be frustrating. Forcing user movements like they are cattle in a slaughterhouse is a bad thing. At lesat I know I hate it. "What do you mean I CAN'T fill out this other field first?" Chris. From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Giuliano MarcangeloSent: Tuesday, November 14, 2006 7:30 AMTo: jQuery Discussion.Subject: Re: [jQuery] How to display error/validation messages? Jorn,One idea for form validation (don't know how practical it would be to code)...would be that the next/following input is only enabled if the current input is successfully filled with the correct data.So the scenario would be that on inputting data into input No1, if the input is not validated then an error message is generated/displayed and the focus would remain on the unsuccessful input only when the input/data is validated, would the subsequent input area be activated.Following on from this, only when all inputs have been validated (client side) would the submit button be enabled.where the server side validation would takeplace ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] How to display error/validation messages?
On Tuesday, November 14, 2006 7:35 AM Klaus Hartl said: Most browsers don't focus a field from a link pointing to the field's id, so I usually add a click event to explicitly focus the form element. The field to focus is simply read from the link's href... Unless I'm misunderstanding your implementation, your problem is that you're using the wrong tag. Don't use an anchor+js to link an error message with its field. You should be using label instead. label for=first_nameThis field cannot be empty./label input id=first_name type=text size=20/ You can have as many labels as you want pointing to the same field. This will make the browser put focus is the field where name=id_of_form_field. div id=errors label for=first_nameError with First Name/label /div form ... label id=first_nameFirst Name/label input id=first_name .../ /form Both of the above labels will put focus in the first_name field when clicked. Use CSS to style the label(s) however you want. Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] How to display error/validation messages?
Sorry for top post. Blame Outlook. Since you seem interested to know a thing or two about usability here are some comments. :) 3. This is assuming that _javascript_ is enabled right? 4. When would tabbing not be allowed? Also, the tabbing in your sample form is all out of whack. I think it's best to not adjust the tabbing order. 5a. When I put in my email address incorrectly (on purpose) and tabbed to the next field I received an error (I like your implementation). But I also saw that the data I'd entered was removed. How annoying! What if I simply forgot to put a period in my long email address? Now I have to type the entire thing over again and possibly make the same mistake. 5b.What is "Lego is a great example..."? Do you mean Lego as in the building bricks? How does that relate to web usability? 6. I couldn't agree more!! Chris. From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Glen LipkaSent: Tuesday, November 14, 2006 9:49 AMTo: jQuery Discussion.Subject: Re: [jQuery] How to display error/validation messages? http://glenlipka.kokopop.com/jQuery/inlineError.htm This was an early prototype for what is now currently live on all of Intuit's websites. From a UX design standpoint, here are some guidelines: 1. Bigger text fields. Many (most?) users have sketchy vision and flickering monitors. Make the text boxes bigger and they will be happier. Same goes for the submit buttons. 2. Have a visual indication next to required fields (background color, asterick, something). Make sure they see it. 3. Do not submit the form if the required fields are not filled in. (Click sign in on mine to see sample interaction.) Light up the error fields.Turn them back to normal when the user focuses on them. 4. Allow for keyboard TAB input as well as mouse click input. Remember, sometimes users cut/paste. 5. Give inline errors in red when they screw up (Put an invalid email in the email field and then click on the next field. This falls into the design principle called "Contraints". Lego is a great example of how to do this right. Never allow the user to do something incorrect. Always disallow bad entry. (Garbage In-Garbage Out) 6. Eliminate instructions. Users NEVER read instructions, so you might as well get rid of it and focus on getting them through the process without it. Users will read phrases and words, but not sentences. As Don Norman (Godfather of Design) says, "A door that -requires- a sign that says [Pull] is a porrly designed door". I hope this is helpful. Glen On 11/14/06, Chris W. Parker [EMAIL PROTECTED] wrote: On Tuesday, November 14, 2006 7:35 AM Klaus Hartl said: Most browsers don't focus a field from a link pointing to the field's id, so I usually add a click event to explicitly focus the form element. The field to focus is simply read from the link's href...Unless I'm misunderstanding your implementation, your problem is that you're using the wrong tag. Don't use an anchor+js to link an errormessage with its field. You should be using label instead.label for=""This field cannot be empty./label input id="first_name" type="text" size="20"/You can have as many labels as you want pointing to the same field.This will make the browser put focus is the field where name="id_of_form_field".div id="errors"label for=""Error with First Name/label/divform ...label id="first_name"First Name/label input id="first_name" ...//formBoth of the above labels will put focus in the first_name field whenclicked. Use CSS to style the label(s) however you want.Chris.___jQuery mailing listdiscuss@jquery.comhttp://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Add a behaviour when page loads newbie
On Tuesday, November 14, 2006 10:33 AM Karl Swedberg said: I think the preferred method for targeting a browser for certain style rules is to include your main stylesheet first in the head element and then use conditional comments to include browser-specific stylesheets. [snip] Thanks for that information Karl! I think that is indeed a better way. Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] How to display error/validation messages?
On Tuesday, November 14, 2006 10:33 AM Klaus Hartl said: Hi Chris, Hi Klaus, I wonder how browser behave when the field is out of the borders of the viewport... will they scroll down? Not sure... That is the behavior I have always experienced. Though I should say I don't do any testing in Opera or Safari. Safari still doesn't focus the corresponding field when clicking on a label, so I will add a click event in any case. Wow. I didn't know that. Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jQuery sites
Glen, How did you implement the three different sites for Intuit.com on the server side? I'd really be interested in knowing. Thanks,Chris. From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Glen LipkaSent: Tuesday, November 14, 2006 9:58 AMTo: jQuery Discussion.Subject: [jQuery] jQuery sites Some sites we just launched using jQuery: 1. http://www.payroll.com. Used jQuery for manipulating the icons on the local nav and creating some visual effects. 2. http://www.intuit.com. Currently running 3 tests. 2 with tons of jQuery and 1 with minimal.(delete cookies and refresh to see)I used jQuery for a bunch of visual effects. Bottom right scrolling thingy (props to Karl Swedberg), tabs effectin the middle. I used it to create shadow effects on several labels. Some simple things like making the radio button labels clickable. Other various items. Also across the intuit family of websites, we updated the checkout and recover password functionality. All use jQuery extensively. Thanks to everyone. The interactivity has helped our customers and the company. Feedback welcome, by the way. :) I always want to improve. Glen ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] How to display error/validation messages?
On Tuesday, November 14, 2006 12:10 PM [EMAIL PROTECTED] said: I am SO glad to see someone else mention this. In my mind, users who do not have Javascript enabled in this day and age fall are missing out on a LOT the Web has to offer. And why? Most often, because someone has filled their mind with some nonsense that Javascript is some great security risk, despite the easily-obtainable facts to the contrary. My point was with regards to data validation. If you rely on js because everyone should have js turned on in this day and age you're opening yourself up to major security issues on the server-side. That was my only point. I wanted to make sure that he wasn't advocating client-side validation as the way to go. Client-side validation cannot be relied on. I turn off js because of ad tracking and user monitoring. I personally don't like to have doubleclick (or any other ad agency, aside from Google since I user their Analytics service myself) gain any benefit from knowing which sites I visit. It's annoying. This isn't to say that our sites should fail miserably if the user DOES disabled Javascript. Not only should it not fail miserably, it shouldn't fail at all. Search engines don't understand js so your navigation shouldn't rely on it either. Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] How to display error/validation messages?
3. Sure. We make a lot of assumptions when building websites. But the important thing about those assumptions is when things go wrong how will it affect the user? Someone has a black white screen? Well they wouldn't see the colors anyway. Not a BIG deal. They know they're monitor doesn't work with color already. Website is wider than the screen size? Kind of annoying because the user now has to scroll to see your content. A bit of an inconvenience and probably unexpected but it's livable. User can't navigate to another page because they have an old version of a screen reader and your navigation uses a dropdown with an onchange event? Not good at all. You've shut that user out almost completely. You've also shut out search engines. My original point of that question (as I stated in another email) is that of data security. Relying on js for data validation is a big mistake. The same validation steps need to be taken on the server side. If you're relying on js in a form for validation already you might as well take the validation from the client-side to the server-side and submit the form through AJAX (showingthe results on the return call). 4. Agreed. 5. I find this strange. Do you have any publicstudies you can cite? Thanks, Chris. From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Glen LipkaSent: Tuesday, November 14, 2006 11:47 AMTo: jQuery Discussion.Subject: Re: [jQuery] How to display error/validation messages? I organized the answers inline. This probably breaks email ettiquette. - Glen 1. Bigger text fields. Many (most?) users have sketchy vision and flickering monitors. Make the text boxes bigger and they will be happier. Same goes for the submit buttons. 2. Have a visual indication next to required fields (background color, asterisk, something). Make sure they see it. 3. Do not submit the form if the required fields are not filled in. (Click sign in on mine to see sample interaction.) Light up the error fields.Turn them back to normal when the user focuses on them. 3. This is assuming that _javascript_ is enabled right? Yes. Although, at this date, I actually believe in forcing the user to have _javascript_ on. I am making alot of assumptions. Color monitor, screen resolution, modern browser that understands CSS. I do believe in delighting 96% of the audience even at the expense of the 4%, but you have to know your audience and circumstances. I don't think you should ignore accessibility just because the disabled are small, for example. Hmm, I guess there is some to think about here. 4. Allow for keyboard TAB input as well as mouse click input. Remember, sometimes users cut/paste. 4. When would tabbing not be allowed? Also, the tabbing in your sample form is all out of whack. I think it's best to not adjust the tabbing order. Yes, it's out of whack. But it SHOULD work. Use tabIndex specifically when thedefault order doesn't make sense to the user. My example was made a little too quickly. :) I think keyboard interfacing is pretty common and should be encouraged. Gmail allows for control-s to save, for example. 5. Give inline errors in red when they screw up (Put an invalid email in the email field and then click on the next field. This falls into the design principle called "Constraints". Lego is a great example of how to do this right. Never allow the user to do something incorrect. Always disallow bad entry. (Garbage In-Garbage Out) 5a. When I put in my email address incorrectly (on purpose) and tabbed to the next field I received an error (I like your implementation). But I also saw that the data I'd entered was removed. How annoying! What if I simply forgot to put a period in my long email address? Now I have to type the entire thing over again and possibly make the same mistake. That was a concern, but we looked at usability tests and concluded that the more "power-user" the person was, the more they found it annoying, and the more "newbie" the person was, the more they found it helpful. But power users don't get frustrated and quit, while newbies do, so we erred on the side of helping the newbie. 5b.What is "Lego is a great example..."? Do you mean Lego as in the building bricks? How does that relate to web usability? Its about constraints. Don Norman relates this in his book, The Design of Everyday Things (DOET). He talks about how Lego makes all of their products in a way that it is near impossible to use incorrectly. Make your web forms impossible to use incorrectly. Help the user by creating interaction that limits his behavior. 6. Eliminate instructions. Users NEVER read instructions, so you might as well get rid of it and focus on getting them through the process without it. Users will read phrases and words, but not sentences. As Don Norman (Godfather of Design) says, "A door that -requires- a sign that says [Pull] is a porrly designed door". 6. I couldn't agree more!! Woo Hoo!
Re: [jQuery] jQuery 1.1 by the end of Nov
On Tuesday, November 14, 2006 12:17 PM John Resig said: I know that Joern already has some event code, ready to be committed - and I have the non-destructive jQuery code ready to go. Brandon mentioned that he wants to rewrite the jQuery.attr() in time for release too. I hope one feature he is adding is that it will return an array of attributes+values if no data is passed to it. For example: Since the 'form' plugin already does serialization really really well (much better than jQuery's serialization). I'm tempted to remove the serialization plugin from core and just defer everyone to using the form plugin. Also, stuff like .height() and .width() could be removed in favor of using the (more powerful) methods of the same name in the 'Dimensions' plugin. Both sound like excellent ideas. Let me know if you have any ideas. I don't think it should be modularized too much because then you have two issues: 1. New people don't know what core plugins to get (unless it's clearly explained when/why a plugin may be needed on the site). 2. Claiming a small base install is pointless if there's almost zero functionality. Our cars get 100MPG! (As long as there are no passengers and no gravity and no friction.) And lastly... jQuery is great. I tried to do some stuff with MochiKit but was compeletly confused (and the list wasn't very friendly either). Now in a few weeks of experimenting I'm almost familiar with it enough to do whatever I want (doesn't mean everything, just what *I* want). Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] How to display error/validation messages?
On Tuesday, November 14, 2006 1:10 PM [EMAIL PROTECTED] said: Based on some other replies, I guess I wasn't clear in my statement(s). I'm not advocating depending on Javascript, not at all. However, I don't think we should do away with the bells and whistles (read: enhancements) that it offers, as some people in the industry try to dictate. If a site is accessible and usable (function) without Javascript, mission accomplished. If the site retains that accessibility and usability, but offers a much better user EXPERIENCE (form) with Javascript, so much the better. Then we are in agreement. Disregard my ranting(s). :) Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] How to display error/validation messages?
On Tuesday, November 14, 2006 2:48 PM Klaus Hartl said:
body {
background: url(/log.jsp);
}
Hm, not sure how to put that in relation to the non CSS users.
Those that do make the request have CSS. Those that don't, don't?
Chris.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] How to display error/validation messages?
On Tuesday, November 14, 2006 3:17 PM Klaus Hartl said: Yeah, but how do you tie the css request to the page request? Err, it's getting late, I have to sleep (shutdown...) Analytics falls in the category of dark arts in my opinion so here is my idea: Your .css files can be run through your server scripting engine and have the visitor's session id appended to the background image call. Or alternatively you may just have to settle with knowing the number of visitors with js on, number of visitors with css on, and the total number of all visitors. Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Since updating to 1.0.3 converting to getJSON
I'd hardly say that anyone can have a coma "removed".
Usually they just get better and wake up.
(Just having a little fun. Please
continue!)
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Sam
SherlockSent: Friday, November 10, 2006 10:30 PMTo: jQuery
Discussion.Subject: [jQuery] Since updating to 1.0.3 converting
to getJSON
I am having an error only in IE with the following
'expected identifier string or number'
thats what inferior explorer (v6 on wk2) saysI have googled
the error and a number of pages suggest removing the last comahttp://cow.neondragon.net/index.php/1404-Internet-Explorer-_javascript_-Errors
4089 $.getJSON(
4090 "./ajax/json.php",
4091 { asJSON: 1, class: "jlink", id: htmlDoc },
4092 function(json) { }); if IE is
suggesting the correct line of the error then its 4091 and then in that case the
coma is required to separate the params from the callbackany
guidance is appreciated
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] new jQuery API draft
On Friday, November 10, 2006 1:20 PM Jörn Zaefferer said: Hi jQueryians, Hi! Please post your opinions and ideas, I'm sure there are many. I'd like to it default to Category view rather than Alphabetical. Thanks, Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Plug-in Update: quickSearch
On Friday, November 10, 2006 3:41 AM Christian Bach said: This is way cool! Yes it is. Have you done any tests with this plugin and tablesorter? I'm pleased to report that it worked for me without any problems along side TableSorter. Happy day! I just included the quicksort js file and added the quicksort code to my callback (I'm pulling the data through AJAX) and that was it. I have yet to play with any styling or position of the search box. Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Click event is not sticking
On Thursday, November 09, 2006 12:14 PM Jörn Zaefferer said: There is quite a lot of stuff on your page. It would be a great help if you could reduce the code we have to check to find the problem. Which page are you referring to? custom.js? index.php? One of my ajax php pages? Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Click event is not sticking
On Thursday, November 09, 2006 1:49 PM Jörn Zaefferer said:
Just the complete application. It's way to much stuff to look through
all of it to find the problem you mentioned. I'm willing to help, but
please understand that you can help, too :-)
Although I haven't removed anything (well, I've commented several things) I've
narrowed it down to the setTimeout() function in .ajaxStart(). It would be
great if you could look at that code block and tell me if you see anything
fishy.
Here is the original code block (comments removed):
$(#loading)
.ajaxStart(function(){
loadingWidth = (document.body.clientWidth + 16) + 'px';
$(#loading).css({width: loadingWidth});
timeoutId = window.setTimeout(function () {
$(#loading).slideDown(fast);
}, 1000);
})
.ajaxStop(function(){
window.clearTimeout(timeoutId);
if(document.getElementById(loading).style.display != none)
{
$(#loading).slideUp(fast);
}
});
With it as above it does not work correctly. It also appears to be the cause of
the problem that I can't do $('a.className') but have to do $('.className').
(Notice that missing 'a'.)
If I make the following adjustments to that code block everything works fine:
$(#loading)
.ajaxStart(function(){
loadingWidth = (document.body.clientWidth + 16) + 'px';
$(#loading).css({width: loadingWidth});
// timeoutId = window.setTimeout(function () {
$(#loading).slideDown(fast);
// }, 1000);
})
.ajaxStop(function(){
// window.clearTimeout(timeoutId);
if(document.getElementById(loading).style.display != none)
{
$(#loading).slideUp(fast);
}
});
Do you see any reason why those three lines would be causing this problem?
Thanks,
Chris.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] $.get - Retrieving XML Docs
On Thursday, November 09, 2006 2:17 PM said:
jQuery.fn.debug = function(message) {
return this.log('debug:' + (message || '')
+[).each(function(){$.log(this);}).log(]);
};
jQuery.fn.log = jQuery.log = function(message) {
if(window.console)
console.debug(message)
else if (window.opera window.opera.postError)
window.opera.postError(s)
else if (not(message.match(/^[\[\]]$/)))
alert(message);
return this;
};
How do I use that?
I added it to the top of my custom.js file (which is included after
jQuery) and I tried $.debug(variableName) and all it did was say
$.debug is not a function.
Thanks,
Chris.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] $.get - Retrieving XML Docs
On Thursday, November 09, 2006 3:06 PM Mike Alsup said:
His script adds debug and log to the jQuery object so you can use
it like:
$('a').debug(anchors);
I see thanks!
Chris.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
[jQuery] How to show loading div only when loading takes longer than a certain amount of time
Hello, I've got a loading animation that appears each time a request is made through AJAX but I'm thinking about getting rid of it altogether because the loading happens so quickly. The animation is actually just kind of annoying. But I was thinking that instead of getting rid of it entirely I could just make it appear if the loading takes longer than n-seconds. I'm using ajaxStart() and ajaxStop() to show the animation. Thanks, Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] How to show loading div only when loading takes longer than a certain amount of time
On Wednesday, November 08, 2006 10:44 AM Mark Gibson said: This may work (untested): [snip] ajaxStart delays the animation by 2 seconds using setTimeout, and ajaxStop cancels the timeout function (if it hasn't already been trigger) and stops the anim. It sort of works! Now it won't show the animation, $(#mydiv).slideDown(), but it will still show the anim in ajaxStop(), $(#mydiv).slideUp(). So what I think I need to do is figure out if the callback in setTimeout has executed. If not I shouldn't play the slideUp() animation. Thanks! Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] How to show loading div only when loading takes longerthan a certain amount of time
That did it Aaron thanks.
The key to it was the last part:
if(this.style.display !=
"none") {
$(this).hide();
}
Chris.
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Aaron
HeimlichSent: Wednesday, November 08, 2006 11:12 AMTo:
jQuery Discussion.Subject: Re: [jQuery] How to show loading div only
when loading takes longerthan a certain amount of time
Off the top of my head (read: completely untested), you could do
something like:var timeoutID;var toDelay =
5000;$("#loading") .ajaxStart(function()
{ // Delay the loading animation
for "toDelay" milliseconds (5000 in this case, which is 5
//
seconds) timeoutID =
setTimeout(function()
{
$(this).show(); },
delay); }) .ajaxStop(function()
{ // Clear the
timeout clearTimeout(timeoutID);
// If the timeout gets
cleared before 5 seconds have passed, then the
loading // animation is still
hidden, so we don't need to hide it
again if(this.style.display !=
"none") {
$(this).hide();
} });
On 11/8/06, Chris W.
Parker [EMAIL PROTECTED] wrote:
Hello,I've
got a loading animation that appears each time a request is madethrough
AJAX but I'm thinking about getting rid of it altogether becausethe
loading happens so quickly. The animation is actually just kind
ofannoying.But I was thinking that instead of getting rid of it
entirely I could just make it appear if the loading takes longer than
n-seconds. I'musing ajaxStart() and ajaxStop() to show the
animation.Thanks,Chris.___
jQuery mailing listdiscuss@jquery.comhttp://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Media plugins
On Wednesday, November 08, 2006 4:10 PM Mike Alsup said: I've just posted some convenience plugins for dealing with Quicktime, Flash, and mp3 media. Source and demos can be found here: http://malsup.com/jquery/media/ Cool! ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] browser support
I don't know for sure but IE 5.0 is a dinosaur of a browser so I would assume that it is not totally supported. IE 5.5 (and beyond) is considered a "modern" browser. From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of ?Sent: Sunday, November 05, 2006 10:45 AMTo: discuss@jquery.comSubject: [jQuery] browser support Hi, guys!What browsers are supported by jQuery? And does IE 5.0 supports it totally?-- С уважением, Марат Мамяшев ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] browser support
On Tuesday, November 07, 2006 9:06 AM Klaus Hartl said: Chris W. Parker schrieb: IE 5.5 (and beyond) is considered a modern browser. Haha, hey Chris, regarding Web Standards, DOM/JavaScript etc. support I wouldn't even call IE 7 a modern browser... Well, I did put it in quotes. :) ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] New way of animating
On Tuesday, November 07, 2006 11:11 AM Christof Donat said: To do that you at least need to define a point in time when these attributes will be changed during the Animation - I'd suggest in the middle. Or you could go crazy and layer an identical element over the top of the original one and as one element fades out the other one fades in. It's a bit more complicated than that but that's the base. Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] What's the proper way?
The problem is the issue of maintenance (among others...?). When someone updates their plugin you have to download the new one, find the plugin code in the jquery.js file, delete the old code from the jquery file and then insert the new code. But if you include an external file you simply need to downloadthe new codeand point your parent script to the new file (if you've changed the name of the file). From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Christopher JordanSent: Tuesday, November 07, 2006 3:45 PMTo: jQuery Discussion.Subject: Re: [jQuery] What's the proper way? I read on jQuery.com (should'a looked there first. doh!), and it said that all plug-ins just needed to be included after the jQuery core. Nothin' fancy. :o) Well, duh... that's what pasting it in the main core file does. I re-downloaded the json.js package (hacked by Mark Gibson for jQuery), it it worked. The problem was in the source, and not in the way I was including it. :o/So what are people's opinions on putting plug-ins in the same file as the core source? I'm just trying to minimize the number of files I include, but is that the right thing to do? ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Problem with Events
On Friday, November 03, 2006 9:50 AM Muckinger said:
I want to use events with jquery and tried the example:
[snip]
script type=text/javascript
// ![CDATA[
$(p).click( function() { alert(Hello); } );
// ]]
/script
[snip]
But nothing happens, also with the other events (dblclick, mousedown
etc.)
Can someone help me out??
I'm not a jQuery expert but try wrapping that in:
$(document).ready(function() {
});
Your code might be running before the page is ready... ?
Chris.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
[jQuery] Why does $.get() work but not load()?
Hello,
Considering the following two statements:
1:
$(div#one).load('numbers.php', {page: thisPage});
2:
$.get('numbers.php', {page: thisPage}, function(fileInput) {
$(div#one).html(fileInput);
});
Why does #2 work and #1 doesn't?
As far as I know I'm using #1 correctly. The problem seems to be that
the parameters are not being sent with #1 as they are with #2. I mean, I
get a response, but I don't see the key/value pair in the querystring.
Is there a typo there that I'm not seeing? The assignment of the
variable called thisPage does not change.
I looked through the API Documentation as well as the Visual jQuery site
but didn't find an answer.
Thanks,
Chris.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Why does $.get() work but not load()?
On Tuesday, October 31, 2006 1:57 PM Chris W. Parker said:
1:
$(div#one).load('numbers.php', {page: thisPage});
2:
$.get('numbers.php', {page: thisPage}, function(fileInput) {
$(div#one).html(fileInput);
});
Why does #2 work and #1 doesn't?
I found out why. Apparently I wasn't looking at the FULL documentation
pages* originally. Load() does a POST and $.get() does GET. My php page
was looking for GET.
Chris.
* Now there are THREE different places to get documentation that I'm
aware of.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Why does $.get() work but not load()?
On Wednesday, November 01, 2006 11:11 AM [EMAIL PROTECTED] said: What are the three places where we should look for docs? Well there's: 1. Visual jQuery http://www.visualjquery.com * 2. API Documentation http://jquery.com/api/ * 3. The third place are the wiki pages that can be found on the the right on the Documentation page http://jquery.com/docs/. Specifically in my case I was reading here http://jquery.com/docs/AJAXModule/. I think the documentation should either be the wiki pages or the API Documentation pages themselves but not both. What does everyone else think? Chris. * #1 and #2 are, as I just learned, apparently the same information just presented in a different way. The Visual jQuery website is really useful. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Function to enumerate the querystring?
On Wednesday, November 01, 2006 11:59 AM Klaus Hartl said: See here for a demo with these things fixed: http://stilbuero.de/demo/query.html?foo=bar 404 Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Function to enumerate the querystring?
Hello, Is there a jQuery function to enumerate the key/value pairs in a querystring? I wasn't able to find one with the Visual jQuery website and instead of reinventing the wheel I thought I'd query the list. Thanks, Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Function to enumerate the querystring?
On Tuesday, October 31, 2006 10:46 AM Luke Lutman said:
Have a look at this recent thread :-)
http://www.nabble.com/method-plugin-for-getting-query-string-vars--tf248
1232.html#a6919130
I read through this and tried to implement your first suggestion but I
notice that everything takes location.search and parses that. I want to
use it in the following way:
theHref = $(this).attr(href).query();
Your function is:
jQuery.query = function() {
var r = {};
var q = location.search;
q = q.replace(/^\?/,''); // remove the leading ?
q = q.replace(/\$/,''); // remove the trailing
jQuery.each(q.split(''), function(){
var key = this.split('=')[0];
var val = this.split('=')[1];
// convert floats
if(/^[0-9.]+$/.test(val))
val = parseFloat(val);
// ingnore empty values
if(val)
r[key] = val;
});
return r;
};
I'm not sure how to modify that function to do what I want (considering
my current lack of JS/jQuery syntax). Would you mind showing me what to
do?
Thank you,
Chris.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
[jQuery] fadeIn() causes change in page layout
Hello, I'm just beginning to play with jQuery and as well I'm a novice with js. I'm just doing some VERY simple tests right now and I ran into some unexpected behavior. The following HTML will render on the same line in your browser: a class="one" href="".../a a class="two" href="".../a But when I apply fadeIn() to either of those elements they (appear to)turn into block elements thus rendering them on separate lines. Is this to be expected? Thanks, Chris. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] fadeIn() causes change in page layout
This works except that it has the unfortunate effect of
moving things after they've faded. Which makes complete sense but is almost
useless since the elements visual render one way and then the
other.
Is this something that can be "fixed" in jQuery or does my
design just need to take this into account?
Thanks!
Chris.
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Yehuda
KatzSent: Monday, October 30, 2006 4:36 PMTo: jQuery
Discussion.Subject: Re: [jQuery] fadeIn() causes change in page
layout
Some jQuery animations convert stuff to block-level. If you want to
avoid that effect, you can apply a callback that converts back to
inline.$(expr).fadeIn(500, function() { $(this).css("display", "inline")
}) -- Yehuda
On 10/30/06, Chris W.
Parker [EMAIL PROTECTED] wrote:
Hello,
I'm just beginning to play with jQuery and
as well I'm a novice with js.
I'm just doing some VERY simple tests right
now and I ran into some unexpected behavior.
The following HTML will render on the same
line in your browser:
a class="one"
href="".../a
a class="two"
href="".../a
But when I apply fadeIn() to either of
those elements they (appear to)turn into block elements thus rendering
them on separate lines.
Is this to be expected?
Thanks,
Chris.___jQuery
mailing listdiscuss@jquery.comhttp://jquery.com/discuss/-- Yehuda KatzWeb Developer | Wycats
Designs(ph)718.877.1325
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] fadeIn() causes change in page layout
Hi Yehuda,
Forgive me if I've done this wrong but here is what I
tried:
$("a.first").css({opacity: 0, display:
"inline"}).fadeIn(500);$("a.second").css({opacity: 0, display:
"inline"}).fadeIn(500);
This has the effect of keeping everything at 'opacity:
0'.
Thanks for your help so far Yehuda but this isn't really a
big deal. If you've got an idea/correction I'd be glad to hear it otherwise have
a nice day/night (depending on where you are of course)!
Chris.
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Yehuda
KatzSent: Monday, October 30, 2006 5:18 PMTo: jQuery
Discussion.Subject: Re: [jQuery] fadeIn() causes change in page
layout
You could try setting the element to opacity 0, then make it inline,
then fade it in. Might work.-- Yehuda
On 10/30/06, Chris W.
Parker
[EMAIL PROTECTED] wrote:
This works
except that it has the unfortunate effect of moving things after they've
faded. Which makes complete sense but is almost useless since the elements
visual render one way and then the other.
Is this
something that can be "fixed" in jQuery or does my design just need to take
this into account?
Thanks!
Chris.
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]] On Behalf Of Yehuda
KatzSent: Monday, October 30, 2006 4:36 PMTo: jQuery
Discussion.Subject: Re: [jQuery] fadeIn() causes change in page
layout
Some jQuery animations convert stuff to block-level. If you want to
avoid that effect, you can apply a callback that converts back to
inline.$(expr).fadeIn(500, function() { $(this).css("display",
"inline") }) -- Yehuda
On 10/30/06, Chris W.
Parker [EMAIL PROTECTED]
wrote:
Hello,
I'm just beginning to play with jQuery
and as well I'm a novice with js.
I'm just doing some VERY simple tests
right now and I ran into some unexpected behavior.
The following HTML will render on the
same line in your browser:
a class="one"
href="".../a
a class="two"
href="".../a
But when I apply fadeIn() to either of
those elements they (appear to)turn into block elements thus rendering
them on separate lines.
Is this to be
expected?
Thanks,
Chris.___jQuery
mailing listdiscuss@jquery.comhttp://jquery.com/discuss/-- Yehuda KatzWeb Developer | Wycats
Designs(ph)718.877.1325
___jQuery
mailing listdiscuss@jquery.comhttp://jquery.com/discuss/-- Yehuda KatzWeb Developer | Wycats
Designs(ph)718.877.1325
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] fadeIn() causes change in page layout
p.s. www.visualjquery.com is REALLY useful.
Thanks for your work!
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Yehuda
KatzSent: Monday, October 30, 2006 5:18 PMTo: jQuery
Discussion.Subject: Re: [jQuery] fadeIn() causes change in page
layout
You could try setting the element to opacity 0, then make it inline,
then fade it in. Might work.-- Yehuda
On 10/30/06, Chris W.
Parker
[EMAIL PROTECTED] wrote:
This works
except that it has the unfortunate effect of moving things after they've
faded. Which makes complete sense but is almost useless since the elements
visual render one way and then the other.
Is this
something that can be "fixed" in jQuery or does my design just need to take
this into account?
Thanks!
Chris.
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]] On Behalf Of Yehuda
KatzSent: Monday, October 30, 2006 4:36 PMTo: jQuery
Discussion.Subject: Re: [jQuery] fadeIn() causes change in page
layout
Some jQuery animations convert stuff to block-level. If you want to
avoid that effect, you can apply a callback that converts back to
inline.$(expr).fadeIn(500, function() { $(this).css("display",
"inline") }) -- Yehuda
On 10/30/06, Chris W.
Parker [EMAIL PROTECTED]
wrote:
Hello,
I'm just beginning to play with jQuery
and as well I'm a novice with js.
I'm just doing some VERY simple tests
right now and I ran into some unexpected behavior.
The following HTML will render on the
same line in your browser:
a class="one"
href="".../a
a class="two"
href="".../a
But when I apply fadeIn() to either of
those elements they (appear to)turn into block elements thus rendering
them on separate lines.
Is this to be
expected?
Thanks,
Chris.___jQuery
mailing listdiscuss@jquery.comhttp://jquery.com/discuss/-- Yehuda KatzWeb Developer | Wycats
Designs(ph)718.877.1325
___jQuery
mailing listdiscuss@jquery.comhttp://jquery.com/discuss/-- Yehuda KatzWeb Developer | Wycats
Designs(ph)718.877.1325
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
