[jQuery] Re: New to Jquery, have written Validation script...
Yeah, I have to speak very highly of Jorn's plugin. It's quite comprehensive and very solid. When I started on mine (the first simple version was about a year ago) I simply wanted to see what I could do on my own, so I didn't use any of the existing plugins. But I don't think you can go wrong with Jorn's work. On Oct 14, 6:26 am, "Jörn Zaefferer" <[EMAIL PROTECTED]> wrote: > Yes it does. It even validates on keypress. Details about that are > documented > here:http://docs.jquery.com/Plugins/Validation/Reference#Validation_event > > Jörn > > On Tue, Oct 14, 2008 at 12:23 PM, Rick Faircloth > > <[EMAIL PROTECTED]> wrote: > > > Jorn, > > > Does your plug-in offer on-blur validation? > > > Rick > > > Jörn Zaefferer wrote: > > >> Have you looked at this validation plugin? > >>http://bassistance.de/jquery-plugins/jquery-plugin-validation/ > > >> Jörn > > >> On Tue, Oct 14, 2008 at 5:16 AM, Nishan Karassik <[EMAIL PROTECTED]> > >> wrote: > > >>> That is really slick. I like the check boxes after it validates. It > >>> looks like you are very well versed in jQuery. This is my first > >>> script, but I haven't had time to test it yet. It took me two days > >>> (well evenings) to research the right strategy to get that far. I am > >>> hoping to submit the form for server-side validation, this way I can > >>> use this for any form validation, I just have to change the server > >>> side validation response. From the server-side validation, I am > >>> hoping to send a JSON array then dynamically update the corresponding > >>> div with the key name to the key value. Will the following update the > >>> div with the id name of variable err_id with the value contained by > >>> err_message? $(err_id).val() = err_message; In the past I've wrote > >>> my own JS like the following: > >>> document.getElementById('err_provcode').innerHTML = err_provcode; > > >>> I also work in the Health Care industry on the billing side. I need > >>> to do multiple validations combining different dependencies based on > >>> database queries for Medical Coding Data Entry on the front-end. > > >>> Thanks, > >>> Nishan > > >>> On Oct 13, 11:43 am, Kevin Scholl <[EMAIL PROTECTED]> wrote: > > >>>> I've done something similar to this, where validation is may be run at > >>>> either field level or on form submit, or both (default is both, can be > >>>> overridden by invocation setting, below). > > >>>>http://beta.ksscholl.com/jquery/formvalidate.html > > >>>> Routine is invoked by the following snippet in the HEAD of the > >>>> document: > > >>>> $("#myFormSample").jqValidate({ > >>>> // validateAt : "both", // "blur" | "submit" | "both" > >>>> passMin : 6 > >>>> }); > > >>>> The validation script itself is the bottom half of the following: > > >>>>http://beta.ksscholl.com/jquery/js/jqforms.js > > >>>> and checks that required fields have data, as well as various > >>>> specialized fields have proper formatting and such. I'm quite sure > >>>> that it could be cleaned up considerably by anyone more versed than > >>>> myself in the intricacies of jQuery, but I'm pretty pleased thus far. > > >>>> Kevin > > >>>> On Oct 13, 10:45 am, Nishan Karassik <[EMAIL PROTECTED]> wrote: > > >>>>> Wouldn't the $("#my-form [EMAIL PROTECTED]'input']").blur(function() { > >>>>> be > >>>>> my trigger? > >>>>> I would like to validate as the user tabs through the form. How > >>>>> would > >>>>> I not run the function if the field just tabbed from is blank? > >>>>> Thanks for your validation of my script. > >>>>> Nishan > >>>>> On Oct 13, 7:30 am, "Jörn Zaefferer" > >>>>> <[EMAIL PROTECTED]> > >>>>> wrote: > > >>>>>> Validation should always hook into the submit event, eg. > >>>>>> $(#myform").submit(function() { ... }); > >>>>>> That handles both clicking the submit button as well as hitting enter > &
[jQuery] Re: New to Jquery, have written Validation script...
I've done something similar to this, where validation is may be run at either field level or on form submit, or both (default is both, can be overridden by invocation setting, below). http://beta.ksscholl.com/jquery/formvalidate.html Routine is invoked by the following snippet in the HEAD of the document: $("#myFormSample").jqValidate({ // validateAt : "both", // "blur" | "submit" | "both" passMin : 6 }); The validation script itself is the bottom half of the following: http://beta.ksscholl.com/jquery/js/jqforms.js and checks that required fields have data, as well as various specialized fields have proper formatting and such. I'm quite sure that it could be cleaned up considerably by anyone more versed than myself in the intricacies of jQuery, but I'm pretty pleased thus far. Kevin On Oct 13, 10:45 am, Nishan Karassik <[EMAIL PROTECTED]> wrote: > Wouldn't the $("#my-form [EMAIL PROTECTED]'input']").blur(function() { be > my trigger? > > I would like to validate as the user tabs through the form. How would > I not run the function if the field just tabbed from is blank? > > Thanks for your validation of my script. > > Nishan > > On Oct 13, 7:30 am, "Jörn Zaefferer" <[EMAIL PROTECTED]> > wrote: > > > Validation should always hook into the submit event, eg. > > $(#myform").submit(function() { ... }); > > That handles both clicking the submit button as well as hitting enter > > while an input field has focus. > > > Apart from that, the form plugin handles submitting forms via ajax and > > handling the response quite well, including file > > uploads:http://malsup.com/jquery/form/ > > > Jörn > > > On Mon, Oct 13, 2008 at 5:57 AM, Nishan Karassik <[EMAIL PROTECTED]> wrote: > > > > Hello, > > > > I have never written a Jquery script, but have, over the last few > > > days, compiled the following, but was hoping someone could look over > > > this to see if I had problems. > > > > $(document).ready(function () { > > > $("#my-form [EMAIL PROTECTED]'input']").blur(function() { > > > var queryString = $.("#my-form").formSerialize(); > > > $.post("/path/to/your/validation.php", queryString, > > > function(validation_errors) { > > > // do something like changing a css class, disable > > > submit... > > > $.each(validation_errors, function(err_id, > > > err_message) { > > > $(err_id).val() = err_message; > > > } > > > )}; > > > }); > > > )}); > > > > Thanks, > > > Nishan
[jQuery] Re: Firefox/css/jquery..
The z-index value need not be in quotes. You have: z-index: "1" which should be simply: z-index: 1 Also, you need a doctype in your HTML document, or you're going to run into all manner of display issues. On Jul 2, 2:32 pm, Aaron <[EMAIL PROTECTED]> wrote: > the website is supposed to show a texted image, which is behind a > table, that table is like a light blueish looking box, and the text is > behind it yet I want it in front on top of that box. > > On Jul 2, 11:00 am, MorningZ <[EMAIL PROTECTED]> wrote: > > > "I just noticed that firefox dosen't support the z-index" > > > Of course FF supports z-index... > > > something is wrong with your code/markup, not with FireFox or jQuery > > > Got a live link to show what you cannot get working?
[jQuery] Re: jQuery TShirt
On the front: $("WWW").append("jQuery") And on the back: $("prototype, mootools, dojo, yui, etc.").remove(); *grin*
[jQuery] Re: Select All Checkboxes and IE6
Hi, Christian. Yes, I have that widget in place (in fact, I believe you wrote it in response to a question I'd posed some months back). However, the problem still persists. I'm thinking maybe my select/ deselect all routine is not doing something properly, such that IE isn't maintaining state when the sort occurs. ??? On Mar 25, 2:30 pm, "Christian Bach" <[EMAIL PROTECTED]> wrote: > Hi Kevin, > > Take a look at the source of this > page:http://tablesorter.com/tests/checkbox.html > > There is a special ie-checkbox widget, i wrote to deal with the checked > state not being fired correctly in IE6. > > Happy tablesorting! > > /Christian > > 2008/3/25, Kevin Scholl <[EMAIL PROTECTED]>: > > > > > Hello, all. > > > I've searched though previous threads hoping to find some clue, but am > > still having issues with the following page: > > >http://beta.ksscholl.com/jquery/tablesorter.html > > > Click on the top or bottom checkbox, then do a sort on the table (with > > the fine tablesorter plugin). The checkboxes retain their state ... > > except, of course, in IE6. Clicking individual checkboxes and sorting > > is not an issue, so I suspect I'm missing something in my select/ > > deselect all routines: > > >http://beta.ksscholl.com/jquery/js/jqcheckboxes.js > > > (You can ignore the checkToggle and btnState functions there, as they > > are for another page.) > > > I've looked at and tried so many things, that I fear I'm blinded to > > something simple at this point. Any assistance greatly appreciated ... > > thanks! > > > Kevin
[jQuery] Select All Checkboxes and IE6
Hello, all. I've searched though previous threads hoping to find some clue, but am still having issues with the following page: http://beta.ksscholl.com/jquery/tablesorter.html Click on the top or bottom checkbox, then do a sort on the table (with the fine tablesorter plugin). The checkboxes retain their state ... except, of course, in IE6. Clicking individual checkboxes and sorting is not an issue, so I suspect I'm missing something in my select/ deselect all routines: http://beta.ksscholl.com/jquery/js/jqcheckboxes.js (You can ignore the checkToggle and btnState functions there, as they are for another page.) I've looked at and tried so many things, that I fear I'm blinded to something simple at this point. Any assistance greatly appreciated ... thanks! Kevin
[jQuery] Re: Superfish Menus - Including Dynamic Navigation Arrows
This isn't Superfish specifically, though I did write it based very largely on the original Suckerfish, with enhancements. http://beta.ksscholl.com/jquery/suckerfish.html Kevin On Jan 7, 5:04 pm, Robin Rowell <[EMAIL PROTECTED]> wrote: > Hi all and Joel. > > Is there a version of Superfish that uses jquery generated arrows > (using dynamically created classes) for submenus that contain further > content? (this page would be an example:http://sperling.com/examples/menuh/ > ) > > Thanks!
[jQuery] Re: looking for plugin that presets values in text box
The plugin toggleVal (written by a colleague of mine) might be of some interest to you. http://plugins.jquery.com/project/toggleval On Jan 5, 11:45 pm, Bhaarat Sharma <[EMAIL PROTECTED]> wrote: > Hi, > > some time ago I saw a jquery plugin which would preset the value in a > text box and when users' cursor came to that text box...the preset > value would go away. it was sort of there to let the user know what > format should be in this text field. > > I cant recall the name of the plugin. > > Wondering if someone can help me find this plugin?
[jQuery] Re: DOM traversing with 'not'
@Karl Yes, the borders show in the right column using that method, though the explanation regarding the set of matched divs is enlightening. Appreciate your input there! @Benjamin I'm trying to keep the HTML as clean as possible, because these templates are going to be handed over to an ASP programmer for development. The fewer "detail" classes and such that I present, the better. For now, I'm simply going to do what I suggested earlier, adding a short line to the jqload file to add the bottom border back on to that one set of LIs. The developer won't have to mess with it at all then, and if the user has Javascript disabled, the differences aren't really that noticeable anyway. Thanks for the time and insights! On Dec 5, 12:54 pm, Karl Swedberg <[EMAIL PROTECTED]> wrote: > Hi Kevin, > > I have an idea. :-) > > The problem is that, even though you're excluding class="features">, you're not excluding its parent divs. For example, > is still part of the first selector > ( div:not(.features) ), and the li:last-child of div.features is also > a li:last-child of div.colLeft12. What this comes down to is that > you'll have to reduce your set of matched divs before you exclude > div.features. This should do it (although, in Firebug it's excluding > the li:last in div.colRigh3 for some reason): > > $('div.product > div div:not(.features) li:last- > child').css("borderBottom","0"); > > --Karl > _ > Karl Swedbergwww.englishrules.comwww.learningjquery.com > > On Dec 5, 2007, at 12:37 PM, Kevin Scholl wrote: > > > > > Thanks for your efforts, Benjamin. Obviously, it's got me stumped, > > too. I can add the border back in via jQuery for the look I'm trying > > to achieve, but ideally I'd like to keep the code as minimal as > > possible. > > > Anyone else have any idea(s)? > > > On Dec 5, 12:23 pm, "Benjamin Sterling" > > <[EMAIL PROTECTED]> wrote: > >> Kevin, > >> That really should be working, you may need to submit a bug report > >> or ask > >> others if this is a true bug. > > >> With that said, I did the below and get the last LI in "Awards" and > >> "Screenshots" so I am not sure if this is what you want: > > >> $('li:has(img):last-child'); > > >> On 12/5/07, Kevin Scholl <[EMAIL PROTECTED]> wrote: > > >>> HI, Benjamin. Thanks for taking a look. The page in question may be > >>> found at: > > >>>http://review.ksscholl.com/product.html > > >>> The pertinent CSS file and JS files: > > >>>http://review.ksscholl.com/css/matrix.css > >>>http://review.ksscholl.com/js/jqload.js > > >>> Thanks! > > >>> On Dec 5, 9:52 am, "Benjamin Sterling" > >>> <[EMAIL PROTECTED]> wrote: > >>>> Kevin, > >>>> Do you have a test page up? That looks like it should work, but > >>>> I need > >>> to > >>>> see the structure in action. > > >>>> On 12/5/07, Kevin Scholl <[EMAIL PROTECTED]> wrote: > > >>>>> Greetings, all. I feel really stupid here, but I'm at wit's end. I > >>>>> want to remove the bottom border from the last LI in all DIVs > >>>>> except > >>>>> those of class 'features'. I've tried all manner of syntax, to no > >>>>> avail. Here's what I currently have in place: > > >>>>> $("div:not(.features) li:last-child").css("borderBottom","0"); > > >>>>> but this does not exclude the div.features list items as I > >>>>> expected. > > >>>>> Any help greatly appreciated. Thanks! > > >>>> -- > >>>> Benjamin > >>> Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjam > >>> ... > > >> -- > >> Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp > >> ://www.benjaminsterling.com
[jQuery] Re: DOM traversing with 'not'
Thanks for your efforts, Benjamin. Obviously, it's got me stumped, too. I can add the border back in via jQuery for the look I'm trying to achieve, but ideally I'd like to keep the code as minimal as possible. Anyone else have any idea(s)? On Dec 5, 12:23 pm, "Benjamin Sterling" <[EMAIL PROTECTED]> wrote: > Kevin, > That really should be working, you may need to submit a bug report or ask > others if this is a true bug. > > With that said, I did the below and get the last LI in "Awards" and > "Screenshots" so I am not sure if this is what you want: > > $('li:has(img):last-child'); > > On 12/5/07, Kevin Scholl <[EMAIL PROTECTED]> wrote: > > > > > > > HI, Benjamin. Thanks for taking a look. The page in question may be > > found at: > > >http://review.ksscholl.com/product.html > > > The pertinent CSS file and JS files: > > >http://review.ksscholl.com/css/matrix.css > >http://review.ksscholl.com/js/jqload.js > > > Thanks! > > > On Dec 5, 9:52 am, "Benjamin Sterling" > > <[EMAIL PROTECTED]> wrote: > > > Kevin, > > > Do you have a test page up? That looks like it should work, but I need > > to > > > see the structure in action. > > > > On 12/5/07, Kevin Scholl <[EMAIL PROTECTED]> wrote: > > > > > Greetings, all. I feel really stupid here, but I'm at wit's end. I > > > > want to remove the bottom border from the last LI in all DIVs except > > > > those of class 'features'. I've tried all manner of syntax, to no > > > > avail. Here's what I currently have in place: > > > > > $("div:not(.features) li:last-child").css("borderBottom","0"); > > > > > but this does not exclude the div.features list items as I expected. > > > > > Any help greatly appreciated. Thanks! > > > > -- > > > Benjamin > > Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjam... > > -- > Benjamin > Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjaminsterling.com
[jQuery] Re: DOM traversing with 'not'
HI, Benjamin. Thanks for taking a look. The page in question may be found at: http://review.ksscholl.com/product.html The pertinent CSS file and JS files: http://review.ksscholl.com/css/matrix.css http://review.ksscholl.com/js/jqload.js Thanks! On Dec 5, 9:52 am, "Benjamin Sterling" <[EMAIL PROTECTED]> wrote: > Kevin, > Do you have a test page up? That looks like it should work, but I need to > see the structure in action. > > On 12/5/07, Kevin Scholl <[EMAIL PROTECTED]> wrote: > > > > > Greetings, all. I feel really stupid here, but I'm at wit's end. I > > want to remove the bottom border from the last LI in all DIVs except > > those of class 'features'. I've tried all manner of syntax, to no > > avail. Here's what I currently have in place: > > > $("div:not(.features) li:last-child").css("borderBottom","0"); > > > but this does not exclude the div.features list items as I expected. > > > Any help greatly appreciated. Thanks! > > -- > Benjamin > Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjaminsterling.com
[jQuery] DOM traversing with 'not'
Greetings, all. I feel really stupid here, but I'm at wit's end. I want to remove the bottom border from the last LI in all DIVs except those of class 'features'. I've tried all manner of syntax, to no avail. Here's what I currently have in place: $("div:not(.features) li:last-child").css("borderBottom","0"); but this does not exclude the div.features list items as I expected. Any help greatly appreciated. Thanks!
[jQuery] Re: jQuery CoverFlow
True enough. The ones I've seen where you could, though, were all very slow and jerky. On Nov 30, 10:56 am, "Andy Matthews" <[EMAIL PROTECTED]> wrote: > But on his you can't drag it. Or at least I couldn't figure out how to in > FF2. > > -Original Message- > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On > > Behalf Of Kevin Scholl > Sent: Friday, November 30, 2007 9:50 AM > To: jQuery (English) > Subject: [jQuery] jQuery CoverFlow > > Greetings, all! > > Has anyone done a jQuery equivalent of Apple's coverflow navigation? > I've seen several Javascript implementations, SE51 > (http://www.se51.net/devnull/cover-flow/) being the nicest I've come across. > But no sign of a jQuery variant that I've seen. This is beyond my skills and > capabilities at present, but it would be a nice plugin to have in the > repository. > > Anyone working on such a thing?
[jQuery] jQuery CoverFlow
Greetings, all! Has anyone done a jQuery equivalent of Apple's coverflow navigation? I've seen several Javascript implementations, SE51 (http:// www.se51.net/devnull/cover-flow/) being the nicest I've come across. But no sign of a jQuery variant that I've seen. This is beyond my skills and capabilities at present, but it would be a nice plugin to have in the repository. Anyone working on such a thing?
[jQuery] Re: .css("border-color") problem in FireFox
"borderColor" is a reserved word, so it shouldn't be used as a variable name. Try using something else, maybe "bColor" or something like that. Also, you might want to replace css("border-color") with css("borderColor") for consistency. $("#mydiv").each(function() { var bColor = $(this).css("borderColor"); alert(bColor); HTH On Nov 16, 9:32 am, wellmoon <[EMAIL PROTECTED]> wrote: > Hi, > > I want to get the border-color of a div. The following code works in > IE and alerts the color of the border: > > $("#mydiv").each(function() { > var borderColor = $(this).css("border-color"); > alert(borderColor); > > }); > > In FireFox it just alerts 'undefined' > > The border is set with CSS, not by javascript or jquery. Am I doing > something worng or is this a bug?
[jQuery] Re: Clear Input Search Box?
http://jquery.com/plugins/project/toggleval On Oct 1, 8:38 am, Danjojo <[EMAIL PROTECTED]> wrote: > I am trying to clear an input search box's value. > > When the page loads the value is set. I.e.: > > style="width: 100px;" value="Search term or part #"> > > I want to set it to blank when the user clicks the box to enter a > value: > > $("#searchBox").click(function() { > $("#searchBox").attr("value",""); > }); > > I have tried a couple things but I keep getting errors.. > > $("#searchBox").click(function() { > $(this).attr("value",""); > });
[jQuery] Re: ANN: jQuery-Powered Sites: The List Continues to Grow
I'd posted this at the tail end of the last such thread, but it's well down the list now. A small site I designed and developed, launched last week: http://www.shoshintech.com/ Uses jQuery for the navigation, adding the "Print this page" link next to the breadcrumb (since it relies on javascript), and automatically closing any popup window when leaving the given parent page or opening a new popup window (see the About Us / Location page). Nothing groundbreaking, but there it is. Have another site in client review that uses jQuery for some other things... Kevin
[jQuery] Re: jQuery Examples pack
@Jack, Thanks for the kudos! The jqtabcontrol.js is based on my own original, raw javascript for what I refer to here at work as "sliding tabs". Over the past year since I originally wrote it, I've gradually pared down the file size as I've tweaked the code. There isn't really a whole lot of jQuery in there; could probably be more, but I've only scratched the surface of what the library can do. So no other plugins or libraries, just my own self-battering belief that I could "make it work". LOL Kevin [EMAIL PROTECTED]
[jQuery] Re: jQuery Examples pack
I have a number of such examples available, which I'm happy to share. Most are visual enhancements or minor functionality. A couple of navigation schemes driven by jQuery. Nothing all that deep. http://beta.ksscholl.com/jquery/default.html View the readme.txt file there to see which examples specifically use jQuery (most do in some way). Kevin [EMAIL PROTECTED] On Apr 27, 11:31 am, Shelane <[EMAIL PROTECTED]> wrote: > I was only introduced to jQuery at a Lasso Summit the beginning of > March and I have already been able to do so much with it. I have been > able to solve some long standing problems I had with user interface > elements requiring greater javascript and ajax manipulation that my > skills had previously limited. > > So, I am now preparing to do a presentation of jQuery at our > developers IT Forum onsite. The presentation date hasn't been set > yet. I may be presenting to my internal group of about 10 developers > before I take the presentation to our department. > > So along with the presentation, I'm doing a "concept" examples pack > just to show working examples of what jQuery can do that our > developers will be able to download. The ideas I have are to do a > progressive form with auto-populating select options, drag and drop, > dynamic update of content from of multiple types, panel collapsing, > and list reordering. I am also going to do an autocomplete example > with script.aculo.us (that so many of us here currently use) on a page > with jQuery to show the workability of jQuery with other libraries. > > So far I only have one example complete although there are more to > come.http://education.llnl.gov/jquery/ajax.html > > This works great in FF. Comes to a dead halt currently in IE because > I have $(document).ready events that need to occur on the ajax loaded > page (progressive form is the example), but IE won't execute them. I > have posed the question on the list as far as how to work around this > problem, but I haven't heard anything. Any help on that issue will be > great because we have to support IE here too (of course). > > Also, if anyone has other ideas for examples, I'd be glad to add to > this list. And I do give credit where credit is due! :-)
[jQuery] Re: jQuery Powered Sites - More Sites Added.
A small site I designed and developed, launched last week: http://www.shoshintech.com/ Uses jQuery for the navigation, adding the "Print this page" link next to the breadcrumb (since it relies on javascript), and automatically closing any popup window when leavingthe given parent page or opening a new popup window (see the About Us / Location page). Nothing groundbreaking, but there it is. Have another site in client review that uses jQuery for some other things... Kevin --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery (English)" group. To post to this group, send email to jquery-en@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/jquery-en?hl=en -~--~~~~--~~--~--~---
[jQuery] Re: jQuery Powered Sites - More Sites Added.
A small site I designed and developed, launched last week: http://www.shoshintech.com/ Uses jQuery for the navigation, linking the default top level of the breadcrumb, and automatically closing any popup window when leaving the given parent page or opening a new popup window (see the About Us > Location page). Nothing groundbreaking, but there it is. Have another site in client review that uses jQuery for some other things... Kevin