[jQuery] Re: innerfade element with opacity and IE
i don't think, that there is much you can do about it. you could change your approach and use a semi-transparent png24 as background-image for the caption instead of setting the opacity. this should do it. On 20 Jun., 01:26, aronduby <[EMAIL PROTECTED]> wrote: > Hey everyone, I've run into an issue with innerFade and IE when I'm > fading an element that has the opacity set in css. More specifically, > I have a slide div, which has an img, and then a caption div. The > caption div is set to 80% opacity. Of course it works fine in FF, but > when IE runs the effects, it first kicks the opacity to 100%, which is > greatly not desired. > > example at:http://client.grcmc.org/wip/nv/ > > thanks all > > Duby
[jQuery] Re: cluetip and FF3
thanks but i got it: the problem was that the fetched html contained head and body tags. On Thu, Jun 19, 2008 at 9:40 PM, Isaak Malik <[EMAIL PROTECTED]> wrote: > This might be caused by a slow computer, or see if you can run the demo of > cluetip smoothly. If so then you should modify your own code. > > > On Thu, Jun 19, 2008 at 5:26 PM, Alexandre Plennevaux < > [EMAIL PROTECTED]> wrote: > >> hello, >> >> i'm having issues implementing a simple cluetip in Firefox 3, it blocks >> the browser with a "script is running slowly" message. >> >> i use the default (rel="url") ajax call. The error message points to line >> 503 >> >> anyone has the issue ? >> >> thanks, >> >> Alex >> >> Alexandre Plennevaux >> >> > > > -- > Isaak Malik > Web Developer -- Alexandre Plennevaux LAb[au] http://www.lab-au.com
[jQuery] Re: Passing scope to a nested anonymous function
Guys, you're both right. We don't actually know what meppum's exact requirement is. Does the code really have to strictly follow that exact design pattern? Or would it be possible to use a simpler, more idiomatic approach to achieve the same goals? Either way, it doesn't hurt to get the original code working, so Ariel's patch is just what's needed there. But Henry, I did have a similar reaction to the code as you: "Sure, you can get this to work, but is it really necessary? There are much simpler ways to do the same thing." Meppum, can you clarify what the real requirements are, so we will all be a little less confused? :-) Thanks, -Mike > From: Ariel Flesler > > He is probably showing a dummy example to represent a more > complex, real situation. > So there's no sense in judging the exact code he posted. > > That was the solution to his problem, that he should be able to adapt. > > If you want to suggest a whole new approach to, what you > suppose, he needs.. then propose it directly to him, not by > judging my fix. > > From: Henry > > > > While that answer would be superficially effective (in the sense of > > resulting in code that would behave as specified) it is a stupidly > > inefficient approach, and so not something that should be > > suggested as a correction to the original code. > > > > ... > > > > So the above would be better as:- > > > > function myFunction(){ > > } > > myFunction.prototype.foo = "hi"; > > myFunction.prototype.foo2 = function(){ > > this.foo = "hi back"; > > };
[jQuery] Re: Is there a way to use the css function with $(document) directly?
> Hence the word "unchainable." What do you mean ? The methods of rule objects are chainable, they always return the rule object. Of course a rule object doesn't have a 'rule' method that is, in fact, the rule constructor. Is like expecting something like this to work: $('div').hide().$('p').show(); > Also, your plugin does not work on IE7. That's odd, I just tried the demo with my IE7 and it worked completely, can you describe the problems you find ? CSS DOM rules are VERY buggy so there'll always be weak points. Specially for animations. Cheers -- Ariel Flesler http://flesler.blogspot.com/
[jQuery] Re: Why do i keep getting: test is not defined!
Now why is this not working with a href? I have just no clue. My guess is that the context doesn't resolve correctly when you do "javascript:" in the href, so when you do "this.parentNode", it probably thinks "this" is the window object, which doesn't have a parent node. Thus it returns undefined. When you do "onclick" it knows the context is that "a" node so it works properly. Also, if you are getting into jQuery, I'd suggest learning a little bit about "unobtrusive javascript", that is, not putting your event handler code inline. This helps you keep your html markup and your JS code separated. -- Josh - Original Message - From: "Mark" <[EMAIL PROTECTED]> To: Sent: Thursday, June 19, 2008 4:13 PM Subject: [jQuery] Re: Why do i keep getting: test is not defined! Thanx for the fast reply! I just now found why it was not working.. With this it works: click with this not (will give the freaking error): click Now why is this not working with a href? I have just no clue. On Fri, Jun 20, 2008 at 1:08 AM, Josh Nathanson <[EMAIL PROTECTED]> wrote: Your function is fine, however when you *call* the function removeItem, you'll need to pass in two arguments -- otherwise obj will be undefined: removeItem('myitem'); // obj is undefined removeItem('myitem', myobject); // obj is defined -- Josh - Original Message - From: "Mark" <[EMAIL PROTECTED]> To: Sent: Thursday, June 19, 2008 4:02 PM Subject: [jQuery] Why do i keep getting: test is not defined! hey, function removeItem(name, obj) { var answer = confirm("Are you sure you want to delete: " + name + "?") var test = obj; if (answer) { $(test.parentNode.parentNode).fadeOut("slow"); } } the code is simple and still not working.. the issue is that i try to call a variable in a if that wasn't made there.. but how can i resolve that? Why is javascript not working how you would expect it to work :S i know Java and PHP well and things like this are no issue in them. o and in this code i already put obj in test.. i've tried it with obj first but that gave the same error as in the title. Thanx.
[jQuery] Re: jQuery cannot select element?
I noticed that you sent several messages about this so I'm going to reply to you. First, you're not able to select comment tags because it's totally useless, however to get what you seek is simply by adding display: none; as CSS style to the elements you want to hide and then use $('img#someID').show(). On Thu, Jun 19, 2008 at 2:53 PM, F1LT3R <[EMAIL PROTECTED]> wrote: > > Am I right in thinking jQuery can not selected the > element? > -- Isaak Malik Web Developer
[jQuery] Re: firefox 3 RC1 : tremendous slow down
Firefox 3 the stable version is already out and that's the one I'm commenting about, however I'm only using a 1.15Ghz AMD Athlon so it's possible that Firefox 3 is optimized for faster systems. Too bad for me.. On Thu, Jun 19, 2008 at 2:25 PM, F1LT3R <[EMAIL PROTECTED]> wrote: > > Remember FF3 is RC1, so their code is probably bloated with debug > routines. I think when the final release is available things will run > much faster. ( I hope! ) > > > > > On Jun 19, 12:48 pm, Aldo <[EMAIL PROTECTED]> wrote: > > Hi > > > > I'm experiencing the same slow dows in animations and fades with FF3 > > Final as well. > > > > Someone any idea? > > > > Thanks > > Aldo > > > > On 21 Mai, 21:52, "Alexandre Plennevaux" <[EMAIL PROTECTED]> wrote: > > > > > hi friends, > > > > > i just checked my jquery application using Firefox 3 Release Candidate > 1 and > > > whatever animations that are smooth and fluid in FF2 are staggering in > FF3 > > > RC1. > > > > > Does anybody have the same issue, or knows why? > > > > > the test is here:http://m2.lab-au.com/ (choose 'projects'). > > > > > thanks for your feedback, > > > > > Alexandre > > > > > -- > > > Alexandre Plennevaux > > > LAb[au] > > > > >http://www.lab-au.com > -- Isaak Malik Web Developer
[jQuery] Re: JQuery variables
#createNewAccount does not stand for a variable but for an ID attribute. To check if the element exist you can check if it contains a value, if it does by default or check if it contains any HTML inside the tags. On Thu, Jun 19, 2008 at 4:10 PM, [EMAIL PROTECTED] < [EMAIL PROTECTED]> wrote: > > Hi all. I've done some searching, but being new to this am struggling > to find what I'm after even though I'm sure the answer is simple. > > I'm in at the deep end working with a webapp that uses JQuery, I > presume with various plugins for form validation. I have some code as > follows: > > jQuery(document).ready(function() { > >if ($("#createNewAccount").is(":checked")){ >jQuery('div.showHideAccountDetails').show(); >}else{ >jQuery('div.showHideAccountDetails').hide(); >} > } > > But in some situations the variable 'createNewAccount' does not exist, > as the form element is not shown on the page. How can I test the > variable first? I'm thinking of something along the lines of: > > if ( isDefined ( "#createNewAccount") ) { // continue... } > > Many thanks for any help! > -- Isaak Malik Web Developer
[jQuery] Re: Get some text and replace it
Oh sorry, the code I gave you just modifies the loaded HTML and doesn't write it back so this should work for you: // This is to prevent two searches var email = $('span.email'); email.html( email.html().replace('[monkeytail]', '@') ); Enjoy On Thu, Jun 19, 2008 at 8:33 PM, IschaGast <[EMAIL PROTECTED]> wrote: > > > $('span.email').html().replace('[monkeytail]', '@'); > > I was also thinking it should be something like this, but this doesn't > work... > This should be possible some way I hope. > > > And you probably also need: > > > > $('span.email').html().replace('[dot]', '.'); > > > > On Thu, Jun 19, 2008 at 12:26 AM, IschaGast <[EMAIL PROTECTED]> > wrote: > > > > > I have this: contact [monkeytail] yabadabadoo > > > [dot] .com > > > Now I want to replace the text [monkeytail] with some other text. > > > > > Is there a simple solution that I can get the monkeytail text and > > > replace it with something else? > > > > -- > > Isaak Malik > > Web Developer > -- Isaak Malik Web Developer
[jQuery] [validate] integration with spring web flow 2.0
Is anyone using web flow 2.0 with the jquery validation plugin? It seems that some extra work needs to be done in order to properly integrate it For example, I had to override the errorPlacement and add "$(element).prev(".error").replaceWith("");;" because the old error messages would not be removed $(document).ready(function(){ $("#command").validate({ errorPlacement: function(label, element) { $(element).prev(".error").replaceWith("");; label.insertBefore( element ); }, Now, when I'm doing a form in which I have a password binding to the spring bind, and the password confirm as a regular input text box, for some reason jquery is not matching it to the password. What's strange is that it sees some data there, cuz there the required error doesnt show up...any ideas how to resolve this? Thanks, Josh
[jQuery] [validate] integration with spring web flow 2.0
Is anyone using web flow 2.0 with the jquery validation plugin? It seems that some extra work needs to be done in order to properly integrate it For example, I had to override the errorPlacement and add "$(element).prev(".error").replaceWith("");;" because the old error messages would not be removed $(document).ready(function(){ $("#command").validate({ errorPlacement: function(label, element) { $(element).prev(".error").replaceWith("");; label.insertBefore( element ); }, Now, when I'm doing a form in which I have a password binding to the spring bind, and the password confirm as a regular input text box, for some reason jquery is not matching it to the password. What's strange is that it sees some data there, cuz there the required error doesnt show up...any ideas how to resolve this? Thanks, Josh
[jQuery] innerfade element with opacity and IE
Hey everyone, I've run into an issue with innerFade and IE when I'm fading an element that has the opacity set in css. More specifically, I have a slide div, which has an img, and then a caption div. The caption div is set to 80% opacity. Of course it works fine in FF, but when IE runs the effects, it first kicks the opacity to 100%, which is greatly not desired. example at: http://client.grcmc.org/wip/nv/ thanks all Duby
[jQuery] Re: Is there a way to use the css function with $(document) directly?
Hence the word "unchainable." Also, your plugin does not work on IE7. On Jun 19, 3:27 pm, "Ariel Flesler" <[EMAIL PROTECTED]> wrote: > Because .rule is property of jQuery, not a method of Rule objects. > > On 6/19/08, Brian J. Fink <[EMAIL PROTECTED]> wrote: > > > > > > > Then why doesn't this statement work: > > > $.rule('p{border: 1px solid > > green}').appendTo('style').rule('a','style').append('color: red'); > > > Whereas these do? > > > $.rule('p{border: 1px solid green}').appendTo('style'); > > $.rule('a','style').append('color: red'); > > > On Jun 18, 4:32 pm, Ariel Flesler <[EMAIL PROTECTED]> wrote: > > > I checked now, they ARE chainable. > > > > 24 methods are inherited. > > > > Cheers > > > -- > > > Ariel Fleslerhttp://flesler.blogspot.com/ > > -- > Ariel Fleslerhttp://flesler.blogspot.com
[jQuery] Re: New jQuery Plug-in: Multicolumn Dropdown
Great that you fixed it so soon Dan, I also hope that you can modify the keyboard mode a bit as it could confuse the user and this can't be done with just CSS. Perhaps you could let the autocomplete mode trigger after a certain amount of characters have been entered or perhaps start with an empty box (not recommended)? On Thu, Jun 19, 2008 at 8:38 PM, Stan Lemon <[EMAIL PROTECTED]> wrote: > > Very nice plugin! > > I second Jorn's thought on the usage of both modes. I found myself > slightly confused at first when I went into keyboard mode and couldn't > click on anything. Seems to be an issue too when you click on the > arrow, the menu is expanded and then you proceed to click on the white > area that would normally trigger the keyboard mode. > > I know Safari wasn't in your list of supported browsers, but I did > notice that the keyboard mode didn't seem to work correctly in Safari > 3.1 on OS X. Safari has a fairly decent user base, especially amongst > the jQuery crowd and I could see this as advantageous to you to get > the plugin more circulated. > > All in all, excellent plugin - I will likely use it on a project of my > own. > > Pax, > - Stan > > > On Jun 19, 1:59 pm, "Jörn Zaefferer" <[EMAIL PROTECTED]> > wrote: > > Hey Dan, > > > > great plugin, the interface is both innovative and familiar, and works > > well - as long as I use either mouse or keyboard, but not both. The > > inconsistent behaviour was already mentioned by so many others in this > > thread, I hope it gives you an idea how to merge both controls into > > one. > > > > If that inconsistency could be removed, the widget would be even greater. > > > > Regards > > Jörn > > > > On Thu, Jun 19, 2008 at 7:48 PM, Dan G. Switzer, II > > > > <[EMAIL PROTECTED]> wrote: > > > > > Graeme, > > > > >>This plugin looks really cool! > > > > >>I found a small issue: > > > > >>If you load the page for the first time (in ff3) and just click on the > > >>blank > > >>area in the dropdown (instead of the down arrow) there is no animation > when > > >>it expands down and the hierarchy arrows don't work when you use the > mouse. > > >>If you then click the down arrow and go down a level or two in the > > >>hierarchy > > >>and don't select something and go back to clicking on the blank area of > the > > >>dropdown, the formatting gets messed up (large vertical spacing of the > > >>"Entertainment" entry in the demo). > > > > > 1) If you click inside the text box, you go into "keyboard" entry > mode--so > > > you're actually seeing the "autocomplete" box, not the dropdown menu. > You > > > can change the styles in the CSS to make this look however you want (so > that > > > you can make it look visual different.) Currently, when you're in > keyboard > > > entry mode you can not use the mouse to select entries. You can disable > > > keyboard support by using a element instead of an > element > > > and then clicking "inside" would always cause the same menu as dropdown > > > arrow. > > > > > 2) The second issue (with the large vertical spacing) seems to be > related to > > > the Chili plug-in (which is used for syntax highlighting.) The problem > seems > > > to be random and only occurs when Firebug reports Chili errors (at > least > > > that's the only time I've seen the behavior.) I've never seen the > behavior > > > on a page that doesn't have the Chili plug-in. > > > > > -Dan > Many thanks -- Isaak Malik Web Developer
[jQuery] Re: two forms with plugins validator
uhm, i have try with submithandler on .validate({}) but don't work great the validation this is my code $().ready(function() { $("#FormRegister").validate({ submitHandler: function() { alert("Submitted!"); }, rules: { username: { required: true, minlength: 3, remote: "/wardb/js/action.php" }, password: { required: true, minLength: 5 }, confirm_password:{ required: true, equalTo: "#password", minLength: 5 }, email: { required: true, email: true, remote: "/wardb/js/action.php" }, captcha: { required: true, remote: "/wardb/js/action.php" }, agree: "required" }, messages: { username: { required: "Please enter a username.", minLength: "Your username must consist of at least 2 characters.", remote: "Username in use." }, password: { required: "Please enter a password.", minLenght: "Your password must consist of at least 5 characters." }, confirm_password: { required: "Please provide a password", minLength: "Your password must be at least 5 characters long", equalTo: "Please enter the same password as above" }, email: { required: "Please insert a email andress.", email: "Please insert a valid email andress.", remote: "Email in use." }, captcha: { required: "Please insert a captcha.", remote: "Please insert a correct captcha." }, agree: { required: "Please agree to term of service." } } }); }); On 19 Giu, 17:37, "Jörn Zaefferer" <[EMAIL PROTECTED]> wrote: > submitHandler is just an option like rules and messages, you can put > them to the others. Looking at what your one does, just remove it - it > submits the form and nothing else, so you don't need it anyway. > > Jörn > > On Thu, Jun 19, 2008 at 4:06 AM, k8 <[EMAIL PROTECTED]> wrote: > > > Hi guys :) > > I have this code: > > [code] > > /* For #joinusFastForm */ > > $.validator.setDefaults({ > >submitHandler: function() { > >document.getElementById("joinusFastForm").submit(); > >//$("#joinusForm").submit(); > > >} > > }); > > $().ready(function() { > > >// validate signup form on keyup and submit > >$("#joinusFastForm").validate({ > >rules: { > >site: { > >required: true, > >url: true, > >remote: "/youminiweb/js/action.php" > >}, > >category: { > >required: true > >}, > >email: { > >required: true, > >email: true, > >remote: "/youminiweb/js/action.php" > >}, > >captcha: { > >required: true, > >remote: "/youminiweb/js/action.php" > >}, > > >agree: "required" > >}, > >messages: { > >site: { > >required: "Please provide a web site.", > >url: "Please insert a valid web site.", > >remote: "Your site turns out in ours > > database." > >}, > >category: { > >required: "Please select a category." > >}, > >email: { > >
[jQuery] Re: Modify ID attribute
It would be much easier if you just create a sub class with the CSS style of #header-yellow and add it to your DIV element. And to be honest I doubt that you can change the ID attribute Like this: $("#header").addClass('span-24-2'); On Thu, Jun 19, 2008 at 6:34 PM, Daniel Amselem <[EMAIL PROTECTED]> wrote: > > > Hi!, I'm new with jQuery, and I tried to modify the id attribute of a div > without success. I need to do that because I want to change some CSS > properties of that div, and I already have the code. So, how can I change > something like this: > > > > into this: > > > > ? > > I've already tried with $("#header-blue").attr("id","header-yellow); > without > success. Any ideas? > > Thanks in advance. > -- > View this message in context: > http://www.nabble.com/Modify-ID-attribute-tp18010518s27240p18010518.html > Sent from the jQuery General Discussion mailing list archive at Nabble.com. > > -- Isaak Malik Web Developer
[jQuery] [Jörn Zaefferer] treeview, what propose of treeview edit?
Hi Zaefferer and bassistance's plugins fan, I am look for treeview, and can't see any example for treeview edit, but I found that here, http://dev.jquery.com/browser/trunk/plugins/treeview/jquery.treeview.edit.js How can do it work? Thz..
[jQuery] Interesting list - Javascript framework usage among top websites
http://royal.pingdom.com/?p=305 Matt Penner
[jQuery] lightbox with form
Anyone know of a j.box? http://particletree.com/features/lightbox-gone-wild/ I need to place a link that triggers a lightbox that holds a form. Any ideas, people? Thank you in advance. -A
[jQuery] select all divs with the same name
Hello, How would I select all divs with a certain name? In mootools I could use: $$('#mydelete'). That would return an array of the divs named "mydelete". What would the JQuery equivalent be? Thank you.
[jQuery] Valuable Information
www.BrandonsCastle.com
[jQuery] Can't make a .click to work
Hi list I'm having a problem with a simple .click function, can anyone hint me on what I'm doing wrong? Here's the code I'm using: //this works $("#aboutIs").load("/ zerocincoe.php"); //to get the first quote //this works $("span#reload img").hover(function () { $(this).css({'cursor':'pointer'}); }) //this don't work, I can't even get the alert to show up; $("span#reload img").click(function () { $("#aboutIs").load("/ zerocincoe.php"); alert('a'); }); I get this error on FF Error console (using 1.2.6 unpacked): Error: handler is undefined Source File: http://zerocinco.com.br/code/wp-content/themes/zerocinco/jquery.js Line: 1834 If I use the packed version I get: Error: g is undefined Source File: http://zerocinco.com.br/code/wp-content/themes/zerocinco/jquery.js Line: 11 TIA Marcelo Wolfgang
[jQuery] Re: cluetip and FF3
This might be caused by a slow computer, or see if you can run the demo of cluetip smoothly. If so then you should modify your own code. On Thu, Jun 19, 2008 at 5:26 PM, Alexandre Plennevaux <[EMAIL PROTECTED]> wrote: > hello, > > i'm having issues implementing a simple cluetip in Firefox 3, it blocks the > browser with a "script is running slowly" message. > > i use the default (rel="url") ajax call. The error message points to line > 503 > > anyone has the issue ? > > thanks, > > Alex > > Alexandre Plennevaux > > -- Isaak Malik Web Developer
[jQuery] Re: Why do i keep getting: test is not defined!
Thanx for the fast reply! I just now found why it was not working.. With this it works: click with this not (will give the freaking error): click Now why is this not working with a href? I have just no clue. On Fri, Jun 20, 2008 at 1:08 AM, Josh Nathanson <[EMAIL PROTECTED]> wrote: > > Your function is fine, however when you *call* the function removeItem, > you'll need to pass in two arguments -- otherwise obj will be undefined: > > removeItem('myitem'); // obj is undefined > removeItem('myitem', myobject); // obj is defined > > -- Josh > > > - Original Message - From: "Mark" <[EMAIL PROTECTED]> > To: > Sent: Thursday, June 19, 2008 4:02 PM > Subject: [jQuery] Why do i keep getting: test is not defined! > > >> >> hey, >> >> function removeItem(name, obj) >> { >> var answer = confirm("Are you sure you want to delete: " + name + "?") >> var test = obj; >> >> if (answer) >> { >> $(test.parentNode.parentNode).fadeOut("slow"); >> } >> } >> >> the code is simple and still not working.. the issue is that i try to >> call a variable in a if that wasn't made there.. but how can i resolve >> that? >> Why is javascript not working how you would expect it to work :S i >> know Java and PHP well and things like this are no issue in them. >> >> o and in this code i already put obj in test.. i've tried it with obj >> first but that gave the same error as in the title. >> >> Thanx. > >
[jQuery] Re: Why do i keep getting: test is not defined!
Your function is fine, however when you *call* the function removeItem, you'll need to pass in two arguments -- otherwise obj will be undefined: removeItem('myitem'); // obj is undefined removeItem('myitem', myobject); // obj is defined -- Josh - Original Message - From: "Mark" <[EMAIL PROTECTED]> To: Sent: Thursday, June 19, 2008 4:02 PM Subject: [jQuery] Why do i keep getting: test is not defined! hey, function removeItem(name, obj) { var answer = confirm("Are you sure you want to delete: " + name + "?") var test = obj; if (answer) { $(test.parentNode.parentNode).fadeOut("slow"); } } the code is simple and still not working.. the issue is that i try to call a variable in a if that wasn't made there.. but how can i resolve that? Why is javascript not working how you would expect it to work :S i know Java and PHP well and things like this are no issue in them. o and in this code i already put obj in test.. i've tried it with obj first but that gave the same error as in the title. Thanx.
[jQuery] Why do i keep getting: test is not defined!
hey, function removeItem(name, obj) { var answer = confirm("Are you sure you want to delete: " + name + "?") var test = obj; if (answer) { $(test.parentNode.parentNode).fadeOut("slow"); } } the code is simple and still not working.. the issue is that i try to call a variable in a if that wasn't made there.. but how can i resolve that? Why is javascript not working how you would expect it to work :S i know Java and PHP well and things like this are no issue in them. o and in this code i already put obj in test.. i've tried it with obj first but that gave the same error as in the title. Thanx.
[jQuery] Re: New jQuery Plug-in: Multicolumn Dropdown
Absolutely wicked! Dugg! Joe www.subprint.com On Jun 19, 3:05 pm, "Dan G. Switzer, II" <[EMAIL PROTECTED]> wrote: > Stan, > > > > >Very nice plugin! > > >I second Jorn's thought on the usage of both modes. I found myself > >slightly confused at first when I went into keyboard mode and couldn't > >click on anything. Seems to be an issue too when you click on the > >arrow, the menu is expanded and then you proceed to click on the white > >area that would normally trigger the keyboard mode. > > >I know Safari wasn't in your list of supported browsers, but I did > >notice that the keyboard mode didn't seem to work correctly in Safari > >3.1 on OS X. Safari has a fairly decent user base, especially amongst > >the jQuery crowd and I could see this as advantageous to you to get > >the plugin more circulated. > > >All in all, excellent plugin - I will likely use it on a project of my > >own. > > What about the keyboard functionality isn't working? Is it not working at > all, or just not working correctly? > > Unfortunately capturing keyboard entry is really a PITA. It varies > drastically from browser-to-browser even on the same OS. It certainly does > not surprise me it's not working correctly on Mac Safari. > > Obviously, if you find a fix, please let me know. > > -Dan
[jQuery] Re: JQuery variables
Hi there. Best (or fastest) way to find out if something is in the DOM is to check: if ( $("#createNewAccount").length ) If .length is greater than 0 it will exist. So your script can read: $(document).ready(function() { if ( $('#createNewAccount:checked').length || !$ ('#createNewAccount').length ){ $('div.showHideAccountDetails').show(); }else{ jQuery('div.showHideAccountDetails').hide(); } }); Ie, if it finds ( '#createNewAccount' that is checked ) OR ( it can't find any '#createNewAccount' ) { show the div } otherwise { hide it } Hope this helps! Hamish On Jun 20, 2:10 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote: > Hi all. I've done some searching, but being new to this am struggling > to find what I'm after even though I'm sure the answer is simple. > > I'm in at the deep end working with a webapp that uses JQuery, I > presume with various plugins for form validation. I have some code as > follows: > > jQuery(document).ready(function() { > > if ($("#createNewAccount").is(":checked")){ > jQuery('div.showHideAccountDetails').show(); > }else{ > jQuery('div.showHideAccountDetails').hide(); > } > > } > > But in some situations the variable 'createNewAccount' does not exist, > as the form element is not shown on the page. How can I test the > variable first? I'm thinking of something along the lines of: > > if ( isDefined ( "#createNewAccount") ) { // continue... } > > Many thanks for any help!
[jQuery] Re: Security Error: Content may not load data from
BTW, I know this security error is supposed to hold true for different domains but these are on the same domain and to top it off I used a relative link instead of even putting in the domain name so I would have thought jQuery would use the current protocol (https OR http) depending on which page was calling it. On Jun 19, 10:54 am, AsymF <[EMAIL PROTECTED]> wrote: > When I execute the following code: > -- > $.getJSON('/apps/sendnote.php?a=1&id=5', function (id, status_text) { / > *func code here*/ }); > -- > > I get the error: > -- > uncaught exception: Security Error: Content athttps://www.mysite.com/ > may not load data fromhttp://www.mysite.com/apps/sendnote.php?a=1&id=5 > -- > > This happens in Firefox 2. > > How can I get jQuery to send the AJAX request through the proper > protocol? It is a mixed bag as to whether the page it is called from > will be http or https.
[jQuery] How do i display a tooltip from a hidden div?
Hey, I've spend the last few hours very trying to find a tooltip plugin that can just show a hidden div when i move my mouse over a link. I've looked at clueTip and that has nearly what i need. The clueTip sticky example is darn close but i simply can't get it to work. What i want is a link where you can move your mouse over. when that's done the sticky clueTip comes and __should__ open up a hidden div somewhere.. i really have no idea anymore what it can be.. i've tried everything but nothing seems to be working except for the default examples (and small modifications on that). The only real thing i can find all the time is loading it in from ajax or using the title attribute.. both won't work for me. Any help would be nice. Thanx, Mark
[jQuery] Re: New jQuery Plug-in: Multicolumn Dropdown
Stan, >Very nice plugin! > >I second Jorn's thought on the usage of both modes. I found myself >slightly confused at first when I went into keyboard mode and couldn't >click on anything. Seems to be an issue too when you click on the >arrow, the menu is expanded and then you proceed to click on the white >area that would normally trigger the keyboard mode. > >I know Safari wasn't in your list of supported browsers, but I did >notice that the keyboard mode didn't seem to work correctly in Safari >3.1 on OS X. Safari has a fairly decent user base, especially amongst >the jQuery crowd and I could see this as advantageous to you to get >the plugin more circulated. > >All in all, excellent plugin - I will likely use it on a project of my >own. What about the keyboard functionality isn't working? Is it not working at all, or just not working correctly? Unfortunately capturing keyboard entry is really a PITA. It varies drastically from browser-to-browser even on the same OS. It certainly does not surprise me it's not working correctly on Mac Safari. Obviously, if you find a fix, please let me know. -Dan
[jQuery] Re: Is there a way to use the css function with $(document) directly?
Because .rule is property of jQuery, not a method of Rule objects. On 6/19/08, Brian J. Fink <[EMAIL PROTECTED]> wrote: > > > Then why doesn't this statement work: > > $.rule('p{border: 1px solid > green}').appendTo('style').rule('a','style').append('color: red'); > > Whereas these do? > > $.rule('p{border: 1px solid green}').appendTo('style'); > $.rule('a','style').append('color: red'); > > On Jun 18, 4:32 pm, Ariel Flesler <[EMAIL PROTECTED]> wrote: > > I checked now, they ARE chainable. > > > > 24 methods are inherited. > > > > Cheers > > -- > > Ariel Fleslerhttp://flesler.blogspot.com/ > > > > -- Ariel Flesler http://flesler.blogspot.com
[jQuery] Re: Passing scope to a nested anonymous function
He is probably showing a dummy example to represent a more complex, real situation. So there's no sense in judging the exact code he posted. That was the solution to his problem, that he should be able to adapt. If you want to suggest a whole new approach to, what you suppose, he needs.. then propose it directly to him, not by judging my fix. Cheers -- Ariel Flesler http://flesler.blogspot.com Henry ha escrito: > On Jun 19, 4:04 am, Ariel Flesler wrote: > > On 18 jun, 17:45, meppum wrote: > > }).call(this.foo2); ---> }).call(this); > > While that answer would be superficially effective (in the sense of > resulting in code that would behave as specified) it is a stupidly > inefficient approach, and so not something that should be suggested as > a correction to the original code. > > You have proposed changing the - foo2Function - to:- > > function foo2Function() { > (function() { > this.foo = "hi back"; > }).call(this); > } > > - but if the - this - that is the argument to the call method resolves > as a reference to the correct object then the whole thing can be > replaced with the considerably simpler and more efferent:- > > function foo2Function() { > this.foo = "hi back"; > } > > More efficient, because it avoids the creation of a function object > each time the - foo2Function - is called, along with the call to - > call -. > > > >> > >> function myFunction() { > >> this.foo = "hi"; > >> this.foo2 = foo2Function; > > If a function is going to be used as a constructor (with the - new - > keyword) then assigning constant values to properties of the this > object within the constructors is less efficient and more unnatural > (in javascript terms) than assigning those values to the object > referred to by the function objects - prototype - property. > > >> } > > > >> function foo2Function() { > >> (function() { > >> this.foo = "hi back"; > >> }).call(this.foo2); > >> } > > So the above would be better as:- > > function myFunction(){ > } > myFunction.prototype.foo = "hi"; > myFunction.prototype.foo2 = function(){ > this.foo = "hi back"; > }; > > >> function test() { > >> var obj = new myFunction(); > > > >> alert(obj.foo); > > > >> obj.foo2(); > > > >> alert(obj.foo); > >> } > >>
[jQuery] Re: .load() post issues
Ferric - I believe (though I'm not totally sure) that .load uses a "get" rather than a "post". Try doing "url.albumID" rather than "form.albumID" in your ColdFusion code and see how that works. -- Josh - Original Message - From: "ferric84" <[EMAIL PROTECTED]> To: "jQuery (English)" Sent: Thursday, June 19, 2008 8:29 AM Subject: [jQuery] .load() post issues I'm having a problem getting my server side script to see the variables posted by a .load(). Consider this code snippet: $('#modal_editphotos').load('/includes/members/ajax_edit_album.cfm', { albumID: 3 }); Given that it is coldfusion, I should be able to access the variable "albumID" with "form.albumID," however, the response is a 500 error saying that "albumID" does not exist. A GET method works fine (referring to albumID as "url.albumID"), but I cannot for the life of my figure out why these vars are not being sent correctly. Firebug reports that the variables are being sent ("albumID=3"). Any ideas why I cannot access this POST variable?
[jQuery] Re: firefox 3 RC1 : tremendous slow down
I am not sure how fast the animations were in FF2, but it seems to me that your site is pretty smooth, animation wise. I'm running FF3 on XP w/ Core Duo 2. Seth On Jun 19, 6:48 am, Aldo <[EMAIL PROTECTED]> wrote: > Hi > > I'm experiencing the same slow dows in animations and fades with FF3 > Final as well. > > Someone any idea? > > Thanks > Aldo > > On 21 Mai, 21:52, "Alexandre Plennevaux" <[EMAIL PROTECTED]> wrote: > > > hi friends, > > > i just checked my jquery application using Firefox 3 Release Candidate 1 and > > whatever animations that are smooth and fluid in FF2 are staggering in FF3 > > RC1. > > > Does anybody have the same issue, or knows why? > > > the test is here:http://m2.lab-au.com/ (choose 'projects'). > > > thanks for your feedback, > > > Alexandre > > > -- > > Alexandre Plennevaux > > LAb[au] > > >http://www.lab-au.com > >
[jQuery] jQuery cannot select element?
Am I right in thinking jQuery can not selected the element?
[jQuery] Re: Can't post in this forum
shapper wrote: > Most of my posts in this forum are not published. Why? > Miguel Hi Miguel, Give it time... The jQuery list does not update supper fast. I usually post, and check back later the next day. :) Good luck! Cheers, Micky
[jQuery] Re: New jQuery Plug-in: Multicolumn Dropdown
Very nice plugin! I second Jorn's thought on the usage of both modes. I found myself slightly confused at first when I went into keyboard mode and couldn't click on anything. Seems to be an issue too when you click on the arrow, the menu is expanded and then you proceed to click on the white area that would normally trigger the keyboard mode. I know Safari wasn't in your list of supported browsers, but I did notice that the keyboard mode didn't seem to work correctly in Safari 3.1 on OS X. Safari has a fairly decent user base, especially amongst the jQuery crowd and I could see this as advantageous to you to get the plugin more circulated. All in all, excellent plugin - I will likely use it on a project of my own. Pax, - Stan On Jun 19, 1:59 pm, "Jörn Zaefferer" <[EMAIL PROTECTED]> wrote: > Hey Dan, > > great plugin, the interface is both innovative and familiar, and works > well - as long as I use either mouse or keyboard, but not both. The > inconsistent behaviour was already mentioned by so many others in this > thread, I hope it gives you an idea how to merge both controls into > one. > > If that inconsistency could be removed, the widget would be even greater. > > Regards > Jörn > > On Thu, Jun 19, 2008 at 7:48 PM, Dan G. Switzer, II > > <[EMAIL PROTECTED]> wrote: > > > Graeme, > > >>This plugin looks really cool! > > >>I found a small issue: > > >>If you load the page for the first time (in ff3) and just click on the > >>blank > >>area in the dropdown (instead of the down arrow) there is no animation when > >>it expands down and the hierarchy arrows don't work when you use the mouse. > >>If you then click the down arrow and go down a level or two in the > >>hierarchy > >>and don't select something and go back to clicking on the blank area of the > >>dropdown, the formatting gets messed up (large vertical spacing of the > >>"Entertainment" entry in the demo). > > > 1) If you click inside the text box, you go into "keyboard" entry mode--so > > you're actually seeing the "autocomplete" box, not the dropdown menu. You > > can change the styles in the CSS to make this look however you want (so that > > you can make it look visual different.) Currently, when you're in keyboard > > entry mode you can not use the mouse to select entries. You can disable > > keyboard support by using a element instead of an element > > and then clicking "inside" would always cause the same menu as dropdown > > arrow. > > > 2) The second issue (with the large vertical spacing) seems to be related to > > the Chili plug-in (which is used for syntax highlighting.) The problem seems > > to be random and only occurs when Firebug reports Chili errors (at least > > that's the only time I've seen the behavior.) I've never seen the behavior > > on a page that doesn't have the Chili plug-in. > > > -Dan
[jQuery] Re: Resetting validation rules dynamically
I'm trying to modify my custom method, as follows: $.validator.addMethod('expiryDate', function(element){ var presentDate = new Date(); var selectedDateHash = parseInt($('#select-cardpayment- expirymonth').val(), 10) + parseInt(($('#select-cardpayment- expiryyear').val() * 12), 10); var presentDateHash = (presentDate.getMonth()+1) + (presentDate.getFullYear() * 12); return this.optional(element) || selectedDateHash > presentDateHash; }, parseMessageText('errors.paymentForm.cardPayment.expiryDate')); Unfortunately this doesn't work either; in fact, in Firefox the validation silently fails to execute /at all/ once I call this.optional(). I can't even reference it with the Firebug console without it stopping JS execution. What gives? I wasn't even aware such a method existed...? On Jun 19, 4:22 pm, "Jörn Zaefferer" <[EMAIL PROTECTED]> wrote: > You need to make sure that your custom method checks for optional > elements. Check those additional methods for > examples:http://dev.jquery.com/view/trunk/plugins/validate/additional-methods.js > > Jörn > > On Wed, Jun 18, 2008 at 2:20 PM, kapowaz <[EMAIL PROTECTED]> wrote: > > > Alright, I've found the bug with the above code (the callback function > > itself doesn't return true or false; only the anonymous method inside > > it does), and corrected it. However I've since stumbled upon another > > problem; if any field uses a callback method to determine required > > status, but *also* happens to use a custom validation method, it will > > always be flagged as required. > > > I've augmented my demo > > athttp://www.kapowaz.net/files/conditional-validation.html > > to demonstrate this problem in action. Might this be a bug within the > > plugin itself, or am I doing something else wrong?
[jQuery] Re: Is there a way to use the css function with $(document) directly?
Then why doesn't this statement work: $.rule('p{border: 1px solid green}').appendTo('style').rule('a','style').append('color: red'); Whereas these do? $.rule('p{border: 1px solid green}').appendTo('style'); $.rule('a','style').append('color: red'); On Jun 18, 4:32 pm, Ariel Flesler <[EMAIL PROTECTED]> wrote: > I checked now, they ARE chainable. > > 24 methods are inherited. > > Cheers > -- > Ariel Fleslerhttp://flesler.blogspot.com/
[jQuery] Re: Get some text and replace it
> $('span.email').html().replace('[monkeytail]', '@'); I was also thinking it should be something like this, but this doesn't work... This should be possible some way I hope. > And you probably also need: > > $('span.email').html().replace('[dot]', '.'); > > On Thu, Jun 19, 2008 at 12:26 AM, IschaGast <[EMAIL PROTECTED]> wrote: > > > I have this: contact [monkeytail] yabadabadoo > > [dot] .com > > Now I want to replace the text [monkeytail] with some other text. > > > Is there a simple solution that I can get the monkeytail text and > > replace it with something else? > > -- > Isaak Malik > Web Developer
[jQuery] Re: What is the best way to send data betwen JS -> PHP
There isn't really a "best" method, but if you're using GET then you should always convert your special characters to URI safe characters using: encodeURIComponent(). For sensitive data it's better to use POST. On Thu, Jun 19, 2008 at 12:51 PM, Aaron <[EMAIL PROTECTED]> wrote: > Hi, I use POST for send all data to a PHP scrip, for ex: > > data:"script.php?id="+id+"&text="+text, > > but sometimes text contains \& or another istrange characters and not like > to be correct send data in this way. > ¿what is the best way? PHP -> JS I use json, but for JS->PHP? > > > -- > Asterisk ext: 13502 > Asterisk server: null-lab.homelinux.org > GPG Key ID 0x9ED66FA7 > Key Fingerprint: 3674 956F E2DF DC3B 694C 5281 6D57 5656 9ED6 6FA7 -- Isaak Malik Web Developer
[jQuery] Re: Can't post in this forum
They are, I can see two or more subjects from you without replies. Remember that the sender does not receive a copy from his message. On Thu, Jun 19, 2008 at 2:37 AM, shapper <[EMAIL PROTECTED]> wrote: > > Hello, > > Most of my posts in this forum are not published. Why? > > Thanks, > Miguel > -- Isaak Malik Web Developer
[jQuery] Re: Tablesorter plugin and zebra striping
This is exactly what I needed. Thank you to all you responded. The information was perfect! On Jun 18, 11:35 am, Alex <[EMAIL PROTECTED]> wrote: > Hi Ken, luckily for us the brilliant Christian Bach created a widget > system for Tablesorter so when you initialize your table use this > instead $("table#sorttable").tablesorter({widgets:["zebra"]}); this > will automatically apply a class of odd and even so you just have to > style it! There are some other cool things that you can do like > disable columns and whatnot just look in the documentation > ^_^.http://tablesorter.com/docs/#Examples > > Best of luck! > Thanks, Ken
[jQuery] Re: What is the best way to send data betwen JS -> PHP
Use a Json serialization script.php?request="s:e:r:i:a:l:i:z:a:t:i:o:n" only one parameter by script, then you parse the request it's called RPC, as well as the question the answer (if needed) should have the same shape it's also called IPC at kernel level, you can also use url_encode... Cheers! On Jun 19, 4:01 am, Harlok <[EMAIL PROTECTED]> wrote: > Hi, I use POST for send all data to a PHP scrip, for ex: > > data:"script.php?id="+id+"&text="+text, > > but sometimes text contains \& or another strange char and I think > that is not the better way for send data. > ¿what is the best way? PHP -> JS I use json, but for JS->PHP? > > Thanks
[jQuery] Re: prevent more than one submit in ajaxsubmit
Well, I don't think the BlockUI plugin would be the best solution as it's not very user-friendly and personally I would find it very annoying if a whole web page is blocked. I rather suggest you just disable the submit button, which PayPal also does with the last pay now button to prevent multiple payments. You can disable the submit handler by using: $('input[type=submit]').attr('disabled', true); or create a custom effect if it's something else that submits the form, e.g. an image with an onclick event. $('div#container').html('Loading, please wait...'); If the choice where up to me I'd go for the second one. On Wed, Jun 18, 2008 at 7:09 PM, eldersoto <[EMAIL PROTECTED]> wrote: > > > You can Block the page: > http://www.malsup.com/jquery/block/#page > Saludos. > Don Quijote de Nicaragua. > Elder Soto > > > "Sebastián V. Würtz" wrote: > > > > > > Guys I need some litle help. > > > > var v = jQuery("#send_form").validate({ > >. > >.. > > > > }, > > submitHandler: function(form) { > > jQuery(form).ajaxSubmit({ > > dataType: "json", > > success: process_result > > }); > > } > > }); > > > > > > how i can prevent or hide or disable the submit button or it behaviour > > when the first submit happend? > > > > > > -- > View this message in context: > http://www.nabble.com/prevent-more-than-one-submit-in-ajaxsubmit-tp17985286s27240p17987588.html > Sent from the jQuery General Discussion mailing list archive at Nabble.com. > > -- Isaak Malik Web Developer
[jQuery] Re: New jQuery Plug-in: Multicolumn Dropdown
This is swt! On Jun 18, 10:31 am, "Dan G. Switzer, II" <[EMAIL PROTECTED]> wrote: > Awhile back I blogged about a plug-in that my company was planning on > releasing called mcDropdown (multicolumn dropdown.) > > Well, the plug-in was officially released > today:http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm > > If you like the plug-in, feel free to digg > it:http://digg.com/programming/Multicolumn_Dropdown_jQuery_Plug_in > > You can jump directly to the example > here:http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm#example > > In a nutshell, this plug-in creates a tree-like form control. We need a UI > control that would allow users to select an option from a large tree of data > and this was the end result. > > I think the overall effect is pretty impressive and I've never seen a UI > control like it (especially considering it supports keyboard entry.) > > -Dan
[jQuery] Re: Does jquery's ajax method's identify requests as being ajaxed
Excellent. Thanks. On Jun 18, 9:18 pm, "Aaron Heimlich" <[EMAIL PROTECTED]> wrote: > jQuery (and many other libraries) adds a custom header to the HTTP request: > X-Requested-With: XMLHttpRequest > > Your server-side scripts can look for this header to determine if the > request was sent via Ajax or not. > > On Wed, Jun 18, 2008 at 9:21 AM, fambi <[EMAIL PROTECTED]> wrote: > > > What I mean to say is, do the native jquery ajax methods append any > > parameters that can inform our server side scripts that the request > > was submitted using ajax? (e.g. ajax=1) > > > If not, what could be done to implement this so that we don't need to > > repeat ourselves on each and every form? > > > Thanks > > -- > Aaron Heimlich > Web Developer > [EMAIL PROTECTED]
[jQuery] thickbox onload doesn't work on all systems
That's right! I'm using the following code to show a modal box on document ready: jQuery(document).ready(function(){ tb_show('Age verification','age_verification.php? KeepThis=true&height=140&width=550&modal=true', null); }); The problem is that it works on vista but not on xp or ubuntu linux. No matter what the browser is. Any ideas as I'm pulling my hair really hard on this one.
[jQuery] Re: 32-bit PNG, Internet Explorer & jQuery's Animate Opacity
"2. When I try to apply animate-opacity to (particularly, I'm about a 32-bit PNG with transparency) Internet Explorer (any ver.) makes its edges ugly." This is not related to jQuery - unfortunately, it is the way IE7 works (breaks) when applying Alpha filters to any 32 bit PNG. For example: Will have the same end result without the use of any Javascript library. For a full explanation read: http://blogs.msdn.com/ie/archive/2005/04/26/412263.aspx Particularly the section titled: "There are also a couple of limitations worth mentioning" On Jun 19, 9:46 pm, "Y.N.T." wrote: > Hello! > > I discovered two problems in jQuery work with IE 7: > 1. When I try to apply animate-opacity to element no effect > comes in IE 7 or 8 (but in 6 version it works!). > 2. When I try to apply animate-opacity to (particularly, I'm > about a 32-bit PNG with transparency) Internet Explorer (any ver.) > makes its edges ugly. > > My blueprint: > > $('#-div-or-img').hover(function(){ > $(this).animate({'opacity' : 0.5}, 400);}, > function(){ > $(this).animate({'opacity': 1}, 400); > }); > > There are no problems with Opera & FF. > > As a matter of fact, my question consists in how to get over these > difficulties... > > P.S. Known jQuery's ifixpng.js doesn't help as well as IE's CSS-filter > hacks.
[jQuery] Trouble referencing an element's id after binding a click event to a set of elements
Hello chaps and chapesses I have hit a bit of a snag and wondered if you could help me out. I am using the jHelperTip plugin and am trying to apply a tooltip to multiple info icons in one hit rather than code each one up individually. Here is my code $(".tooltipContainer .tooltipTrigger").jHelperTip({ trigger: "hover", topOff: 18, leftOff: -73, dC:"#" + $(this).find(".tooltipContent").attr("id"), autoClose: false }); The problem is that the content for the first tooltip pops up for each one. I'm guessing the $(this) selector is not getting the correct trigger. What do I need to do? Cheers Mart
[jQuery] Checkboxes, difference in browsers
Hello. I have this JQuery code which works absolutely fine in Firefox: if ($("#createNewAccount").is(":checked")){ // do stuff } The variable 'createNewAccount' is defined as follows: But this simply will not work in IE. What am I doing wrong please?
[jQuery] stepcarousel (using jquery.scrollTo) issue.
Having a bit of trouble with the step carousel script from the dynamic drive site (http://www.dynamicdrive.com/dynamicindex4/ stepcarousel.htm) Its all working fine and dandy for me, but I wanted to have the panels automatically move after a set period of time. Id also like to save this timeout option as a parameter in the config holder. Has anyone used this script? Any ideas? I've tried doing the obvious as in simple setTimeout on the body HTML tag, but I didnt know about the issue with calling methods from objects onLoad <- Apparently you cant. Any ideas?
[jQuery] Re: firefox 3 RC1 : tremendous slow down
Remember FF3 is RC1, so their code is probably bloated with debug routines. I think when the final release is available things will run much faster. ( I hope! ) On Jun 19, 12:48 pm, Aldo <[EMAIL PROTECTED]> wrote: > Hi > > I'm experiencing the same slow dows in animations and fades with FF3 > Final as well. > > Someone any idea? > > Thanks > Aldo > > On 21 Mai, 21:52, "Alexandre Plennevaux" <[EMAIL PROTECTED]> wrote: > > > hi friends, > > > i just checked my jquery application using Firefox 3 Release Candidate 1 and > > whatever animations that are smooth and fluid in FF2 are staggering in FF3 > > RC1. > > > Does anybody have the same issue, or knows why? > > > the test is here:http://m2.lab-au.com/ (choose 'projects'). > > > thanks for your feedback, > > > Alexandre > > > -- > > Alexandre Plennevaux > > LAb[au] > > >http://www.lab-au.com
[jQuery] Re: Form set to display:none isn't updating on page load
Nevermind, I found conflicting code elsewhere in my doc that was causing this. On Jun 18, 10:09 pm, functionasform <[EMAIL PROTECTED]> wrote: > I'm using the following code to plug empty input fields' "alt" attributes in > as their values as soon as the page is ready: > > $(":text[alt][value=''],textarea[alt][value='']").each(function(){ > $(this).attr("value",$(this).attr("alt")); > > }); > > The problem is, it's not working on the input fields in a form set to > display:none. When the form is visible on load, everything works as > expected, and as well when I include alert($(this).attr("alt")); in the loop > it displays the appropriate values for those fields even if the form isn't > visible. Any ideas as to why it wouldn't be plugging the alt's into the > inputs when set to display:none? > -- > View this message in > context:http://www.nabble.com/Form-set-to-display%3Anone-isn%27t-updating-on-... > Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Passing scope to a nested anonymous function
On Jun 19, 4:04 am, Ariel Flesler wrote: > On 18 jun, 17:45, meppum wrote: > }).call(this.foo2); ---> }).call(this); While that answer would be superficially effective (in the sense of resulting in code that would behave as specified) it is a stupidly inefficient approach, and so not something that should be suggested as a correction to the original code. You have proposed changing the - foo2Function - to:- function foo2Function() { (function() { this.foo = "hi back"; }).call(this); } - but if the - this - that is the argument to the call method resolves as a reference to the correct object then the whole thing can be replaced with the considerably simpler and more efferent:- function foo2Function() { this.foo = "hi back"; } More efficient, because it avoids the creation of a function object each time the - foo2Function - is called, along with the call to - call -. >> >> function myFunction() { >> this.foo = "hi"; >> this.foo2 = foo2Function; If a function is going to be used as a constructor (with the - new - keyword) then assigning constant values to properties of the this object within the constructors is less efficient and more unnatural (in javascript terms) than assigning those values to the object referred to by the function objects - prototype - property. >> } > >> function foo2Function() { >> (function() { >> this.foo = "hi back"; >> }).call(this.foo2); >> } So the above would be better as:- function myFunction(){ } myFunction.prototype.foo = "hi"; myFunction.prototype.foo2 = function(){ this.foo = "hi back"; }; >> function test() { >> var obj = new myFunction(); > >> alert(obj.foo); > >> obj.foo2(); > >> alert(obj.foo); >> } >>
[jQuery] Modify ID attribute
Hi!, I'm new with jQuery, and I tried to modify the id attribute of a div without success. I need to do that because I want to change some CSS properties of that div, and I already have the code. So, how can I change something like this: into this: ? I've already tried with $("#header-blue").attr("id","header-yellow); without success. Any ideas? Thanks in advance.
[jQuery] JQuery variables
Hi all. I've done some searching, but being new to this am struggling to find what I'm after even though I'm sure the answer is simple. I'm in at the deep end working with a webapp that uses JQuery, I presume with various plugins for form validation. I have some code as follows: jQuery(document).ready(function() { if ($("#createNewAccount").is(":checked")){ jQuery('div.showHideAccountDetails').show(); }else{ jQuery('div.showHideAccountDetails').hide(); } } But in some situations the variable 'createNewAccount' does not exist, as the form element is not shown on the page. How can I test the variable first? I'm thinking of something along the lines of: if ( isDefined ( "#createNewAccount") ) { // continue... } Many thanks for any help!
[jQuery] $.waitFor: Calling a function only when another has completed
I've put together a simple jQuery method that puts functions 'on hold' so that they are called at the right time and with the right arguments. I thought that some of you may find it useful so here it is. In my case, I used this in creating editable areas with FCK text editor. Instead of using timers and a bunch of functions to check if the textarea exists yet, and if fck's javascript has loaded, and if the editor is ready, I used this. For lack of a better name, I called this function 'waitFor'. I haven't tested it thoroughly, so if you find a bug (or have any suggestions/ contributions) please post them here. For example: $.waitFor(function(){ var n = this; setTimeout(function(){ n.next(); },2000); return ['a']; },function(a){ var n = this; setTimeout(function(){ n.next(a,'b'); },3000); },function(a,b){ alert(a+' & '+b); }); You have three functions that share data, but you want to call each function only when the previous has finished doing some processing (e.g. ajax request). I've used a timeout here to signify the processing part. The example flows as follows: 1) the first function is called, and 'a' is returned instantly 2) the returned value (a) is saved to be passed on to the following function 3) after 2 seconds, the second function is called (with 'a' passed as argument) 4) the second function waits for 3 seconds, and then calls the third function passing as arguments the letters 'a' and 'b' ('a' was passed on from the first function) 5) the third function displays the arguments passed from the second function Notes: - inside each function, 'this' refers to the prototype property of the current function; - three methods are added to the prototype of each function: 1) .next([arguments]) : calls the next function 2) .tryAgain([delayl]) : calls the current function again, after a delay (default:10ms) 3) .return : stores the return value of the current function - $.waitFor returns a function, so use $.waitFor([functions])() to immediately start executing functions The script: $.extend($, { waitFor : function(){ var funcs = arguments; return function(){ callNext = function(i,data){ var f = funcs[i]; var p = f.prototype; p.next = function(){ var d = (arguments.length>0) ? arguments : p.return; callNext((i+1),d); }; p.tryAgain = function(interval){ setTimeout(function(){ return f.apply(p,data); },(interval || 10)); }; p.return = f.apply(p,data); }; callNext(0); }; } });
[jQuery] Modify ID attribute
Hi!, I'm new with jQuery, and I tried to modify the id attribute of a div without success. I need to do that because I want to change some CSS properties of that div, and I already have the code. So, how can I change something like this: into this: ? I've already tried with $("#header-blue").attr("id","header-yellow); without success. Any ideas? Thanks in advance. -- View this message in context: http://www.nabble.com/Modify-ID-attribute-tp18010518s27240p18010518.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jQuery Tooltip Problem - Hover on
I'm using the tooltip plugin by Mr. Zaefferer and trying to get it to appear on the hover event of a table row. It works absolutely fine in Firefox, but of course IE won't display the tooltip. I know the plugin is setup correctly because when I move it to another element, it works fine in both browsers. Has anyone tried to get this working before or have some possible solutions? Thank you in advance! ~Daniel
[jQuery] Re: firefox 3 RC1 : tremendous slow down
I'm having the same problems with Firefox 3, the animations get stuck while it wansn't happening for me in Firefox 2. On Thu, Jun 19, 2008 at 1:48 PM, Aldo <[EMAIL PROTECTED]> wrote: > > Hi > > I'm experiencing the same slow dows in animations and fades with FF3 > Final as well. > > Someone any idea? > > Thanks > Aldo > > On 21 Mai, 21:52, "Alexandre Plennevaux" <[EMAIL PROTECTED]> wrote: > > hi friends, > > > > i just checked my jquery application using Firefox 3 Release Candidate 1 > and > > whatever animations that are smooth and fluid in FF2 are staggering in > FF3 > > RC1. > > > > Does anybody have the same issue, or knows why? > > > > the test is here:http://m2.lab-au.com/ (choose 'projects'). > > > > thanks for your feedback, > > > > Alexandre > > > > -- > > Alexandre Plennevaux > > LAb[au] > > > > http://www.lab-au.com > -- Isaak Malik Web Developer
[jQuery] [tooltip] allowing tooltips on table rows?
I'm utilizing the jQuery tooltip plugin and was wondering if it were possible to set it up to provide a tooltip on hover for each row in a table. Currently, I've set it up to read: and it's working fine in Firefox. However, Internet Explorer isn't playing nice at the moment. When I move the class to other elements it works fine, but not on the element. Does anyone know of a work around or fix for this? Thanks! ~Daniel
[jQuery] .load() post issues
I'm having a problem getting my server side script to see the variables posted by a .load(). Consider this code snippet: $('#modal_editphotos').load('/includes/members/ajax_edit_album.cfm', { albumID: 3 }); Given that it is coldfusion, I should be able to access the variable "albumID" with "form.albumID," however, the response is a 500 error saying that "albumID" does not exist. A GET method works fine (referring to albumID as "url.albumID"), but I cannot for the life of my figure out why these vars are not being sent correctly. Firebug reports that the variables are being sent ("albumID=3"). Any ideas why I cannot access this POST variable?
[jQuery] Re: New jQuery Plug-in: Multicolumn Dropdown
Hey Dan, great plugin, the interface is both innovative and familiar, and works well - as long as I use either mouse or keyboard, but not both. The inconsistent behaviour was already mentioned by so many others in this thread, I hope it gives you an idea how to merge both controls into one. If that inconsistency could be removed, the widget would be even greater. Regards Jörn On Thu, Jun 19, 2008 at 7:48 PM, Dan G. Switzer, II <[EMAIL PROTECTED]> wrote: > > Graeme, > >>This plugin looks really cool! >> >>I found a small issue: >> >>If you load the page for the first time (in ff3) and just click on the >>blank >>area in the dropdown (instead of the down arrow) there is no animation when >>it expands down and the hierarchy arrows don't work when you use the mouse. >>If you then click the down arrow and go down a level or two in the >>hierarchy >>and don't select something and go back to clicking on the blank area of the >>dropdown, the formatting gets messed up (large vertical spacing of the >>"Entertainment" entry in the demo). > > 1) If you click inside the text box, you go into "keyboard" entry mode--so > you're actually seeing the "autocomplete" box, not the dropdown menu. You > can change the styles in the CSS to make this look however you want (so that > you can make it look visual different.) Currently, when you're in keyboard > entry mode you can not use the mouse to select entries. You can disable > keyboard support by using a element instead of an element > and then clicking "inside" would always cause the same menu as dropdown > arrow. > > 2) The second issue (with the large vertical spacing) seems to be related to > the Chili plug-in (which is used for syntax highlighting.) The problem seems > to be random and only occurs when Firebug reports Chili errors (at least > that's the only time I've seen the behavior.) I've never seen the behavior > on a page that doesn't have the Chili plug-in. > > -Dan > >
[jQuery] Re: New jQuery Plug-in: Multicolumn Dropdown
Graeme, >This plugin looks really cool! > >I found a small issue: > >If you load the page for the first time (in ff3) and just click on the >blank >area in the dropdown (instead of the down arrow) there is no animation when >it expands down and the hierarchy arrows don't work when you use the mouse. >If you then click the down arrow and go down a level or two in the >hierarchy >and don't select something and go back to clicking on the blank area of the >dropdown, the formatting gets messed up (large vertical spacing of the >"Entertainment" entry in the demo). 1) If you click inside the text box, you go into "keyboard" entry mode--so you're actually seeing the "autocomplete" box, not the dropdown menu. You can change the styles in the CSS to make this look however you want (so that you can make it look visual different.) Currently, when you're in keyboard entry mode you can not use the mouse to select entries. You can disable keyboard support by using a element instead of an element and then clicking "inside" would always cause the same menu as dropdown arrow. 2) The second issue (with the large vertical spacing) seems to be related to the Chili plug-in (which is used for syntax highlighting.) The problem seems to be random and only occurs when Firebug reports Chili errors (at least that's the only time I've seen the behavior.) I've never seen the behavior on a page that doesn't have the Chili plug-in. -Dan
[jQuery] Re: New jQuery Plug-in: Multicolumn Dropdown
This plugin looks really cool! I found a small issue: If you load the page for the first time (in ff3) and just click on the blank area in the dropdown (instead of the down arrow) there is no animation when it expands down and the hierarchy arrows don't work when you use the mouse. If you then click the down arrow and go down a level or two in the hierarchy and don't select something and go back to clicking on the blank area of the dropdown, the formatting gets messed up (large vertical spacing of the "Entertainment" entry in the demo). Graeme -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Dan G. Switzer, II Sent: Thursday, June 19, 2008 12:14 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: New jQuery Plug-in: Multicolumn Dropdown Isaak, >I've just tested the plugin demo available at: >http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm in Opera 9.27 >and >9.5 and it's completely compatible, which is great news! > >I can also confirm the following bug in Firefox 3 on Windows: I just fixed the code to fix the mouse behavior, so it should be working as expected now. -Dan
[jQuery] Re: [validate] How to integrate validation with masking?
how to un-subscribe from this email group ?? - Original Message From: shapper <[EMAIL PROTECTED]> To: jQuery (English) Sent: Thursday, 19 June, 2008 5:18:03 PM Subject: [jQuery] Re: [validate] How to integrate validation with masking? Hi, I know those examples and I kind of solved it using: $.validator.addMethod('sqldatetime', function (value) { return /^([0-9]{4})-([0-1][0-9])-([0-3][0-9])\s([0-1][0-9]|[2] [0-3]): ([0-5][0-9]):([0-5][0-9])$/.test(value); }, 'Check your date and time. Use the format -mm-dd hh:mm:ss'); However I am not sure if this is full integrated. I mean this does not give me the option to access empty fields ... Of course I can change my Regular Expression or add an if to the method to validate only if the value is not empty ... Anyway, Is this the way to integrate Validate and Mask? I checked the code on the examples but I am not sure if I am doing this the right way. Thanks, Miguel On Jun 19, 4:27 pm, "Jörn Zaefferer" <[EMAIL PROTECTED]> wrote: > Here is an example using both > plugins:http://dev.jquery.com/view/trunk/plugins/validate/demo/marketo/ > The second step changes the creditcard mask based on another > field:http://dev.jquery.com/view/trunk/plugins/validate/demo/marketo/step2.htm > > Jörn > > On Wed, Jun 18, 2008 at 7:11 PM, shapper <[EMAIL PROTECTED]> wrote: > > > Hello, > > > I am validating a form but one of the fields has a mask: > > 99-99- 99:99:99 > > > This is: > > Day-Month-Year Hour:Minutes:Seconds > > > How can I integrate my validation with my mask? > > > I am using: > >http://digitalbush.com/projects/masked-input-plugin > >http://bassistance.de/jquery-plugins/jquery-plugin-validation/ > > > I am not sure if these are the right plugins for this ... at least > > this is what I have been using. > > > Could someone, please, help me out? > > > Thanks, > > Miguel > > > Here is my code: > > > // Form mask > > jQuery(function($){ > >$("#UpdatedAt").mask("99-99- 99:99:99"); > > }); > > > // Form validation > > $("#Edit").validate({ > >errorClass: "Error", > >errorElement: "label", > >rules: { > > Name: {required: true}, > > UpdatedAt: {required: true} > >}, > >messages: { > >Name: {required: "What is your name?"}, > >UpdatedAt: { > > required: "Insert the updated date and time" > >}, > > }, > > });
[jQuery] Re: [validate] How to integrate validation with masking?
Hi, I know those examples and I kind of solved it using: $.validator.addMethod('sqldatetime', function (value) { return /^([0-9]{4})-([0-1][0-9])-([0-3][0-9])\s([0-1][0-9]|[2] [0-3]): ([0-5][0-9]):([0-5][0-9])$/.test(value); }, 'Check your date and time. Use the format -mm-dd hh:mm:ss'); However I am not sure if this is full integrated. I mean this does not give me the option to access empty fields ... Of course I can change my Regular Expression or add an if to the method to validate only if the value is not empty ... Anyway, Is this the way to integrate Validate and Mask? I checked the code on the examples but I am not sure if I am doing this the right way. Thanks, Miguel On Jun 19, 4:27 pm, "Jörn Zaefferer" <[EMAIL PROTECTED]> wrote: > Here is an example using both > plugins:http://dev.jquery.com/view/trunk/plugins/validate/demo/marketo/ > The second step changes the creditcard mask based on another > field:http://dev.jquery.com/view/trunk/plugins/validate/demo/marketo/step2.htm > > Jörn > > On Wed, Jun 18, 2008 at 7:11 PM, shapper <[EMAIL PROTECTED]> wrote: > > > Hello, > > > I am validating a form but one of the fields has a mask: > > 99-99- 99:99:99 > > > This is: > > Day-Month-Year Hour:Minutes:Seconds > > > How can I integrate my validation with my mask? > > > I am using: > >http://digitalbush.com/projects/masked-input-plugin > >http://bassistance.de/jquery-plugins/jquery-plugin-validation/ > > > I am not sure if these are the right plugins for this ... at least > > this is what I have been using. > > > Could someone, please, help me out? > > > Thanks, > > Miguel > > > Here is my code: > > > // Form mask > > jQuery(function($){ > > $("#UpdatedAt").mask("99-99- 99:99:99"); > > }); > > > // Form validation > > $("#Edit").validate({ > > errorClass: "Error", > > errorElement: "label", > > rules: { > > Name: {required: true}, > > UpdatedAt: {required: true} > > }, > > messages: { > > Name: {required: "What is your name?"}, > > UpdatedAt: { > > required: "Insert the updated date and time" > > }, > > }, > > });
[jQuery] Re: [validate] How to integrate validation with masking?
Hi, I know those examples and I kind of solved it using: $.validator.addMethod('sqldatetime', function (value) { return /^([0-9]{4})-([0-1][0-9])-([0-3][0-9])\s([0-1][0-9]|[2] [0-3]): ([0-5][0-9]):([0-5][0-9])$/.test(value); }, 'Check your date and time. Use the format -mm-dd hh:mm:ss'); However I am not sure if this is full integrated. I mean this does not give me the option to access empty fields ... Of course I can change my Regular Expression or add an if to the method to validate only if the value is not empty ... Anyway, Is this the way to integrate Validate and Mask? I checked the code on the examples but I am not sure if I am doing this the right way. Thanks, Miguel On Jun 19, 4:27 pm, "Jörn Zaefferer" <[EMAIL PROTECTED]> wrote: > Here is an example using both > plugins:http://dev.jquery.com/view/trunk/plugins/validate/demo/marketo/ > The second step changes the creditcard mask based on another > field:http://dev.jquery.com/view/trunk/plugins/validate/demo/marketo/step2.htm > > Jörn > > On Wed, Jun 18, 2008 at 7:11 PM, shapper <[EMAIL PROTECTED]> wrote: > > > Hello, > > > I am validating a form but one of the fields has a mask: > > 99-99- 99:99:99 > > > This is: > > Day-Month-Year Hour:Minutes:Seconds > > > How can I integrate my validation with my mask? > > > I am using: > >http://digitalbush.com/projects/masked-input-plugin > >http://bassistance.de/jquery-plugins/jquery-plugin-validation/ > > > I am not sure if these are the right plugins for this ... at least > > this is what I have been using. > > > Could someone, please, help me out? > > > Thanks, > > Miguel > > > Here is my code: > > > // Form mask > > jQuery(function($){ > > $("#UpdatedAt").mask("99-99- 99:99:99"); > > }); > > > // Form validation > > $("#Edit").validate({ > > errorClass: "Error", > > errorElement: "label", > > rules: { > > Name: {required: true}, > > UpdatedAt: {required: true} > > }, > > messages: { > > Name: {required: "What is your name?"}, > > UpdatedAt: { > > required: "Insert the updated date and time" > > }, > > }, > > });
[jQuery] Re: New jQuery Plug-in: Multicolumn Dropdown
Isaak, >I've just tested the plugin demo available at: >http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm in Opera 9.27 and >9.5 and it's completely compatible, which is great news! > >I can also confirm the following bug in Firefox 3 on Windows: I just fixed the code to fix the mouse behavior, so it should be working as expected now. -Dan
[jQuery] Re: New jQuery Plug-in: Multicolumn Dropdown
Adam, >Great plugin, Dan. > >Quick bug report: if I go down three levels (by using the first >option) and the mouse off of the third out to the left, the 3rd level >stays while I attempt to navigate to another option. > >I'm in FF3 on a Mac. This behavior should be fixed now. -Dan
[jQuery] Firefox is taking a long time to load an external script
For some reason, Firefox consistently takes about 30-40 seconds to load an external script. IE loads the script right away. The javascript is actually a JSP script that returns Javascript code for a live chat script. Has anyone noticed something like this before? Why might this delay occur only with Firefox? Is there anything that can be done about it? One workaround that I've thought of is to try and load that script last so at least the user doesn't have to wait for that script to load before all the rest of the page loads. Can jQuery help me here?
[jQuery] Re: two forms with plugins validator
submitHandler is just an option like rules and messages, you can put them to the others. Looking at what your one does, just remove it - it submits the form and nothing else, so you don't need it anyway. Jörn On Thu, Jun 19, 2008 at 4:06 AM, k8 <[EMAIL PROTECTED]> wrote: > > Hi guys :) > I have this code: > [code] > /* For #joinusFastForm */ > $.validator.setDefaults({ >submitHandler: function() { >document.getElementById("joinusFastForm").submit(); >//$("#joinusForm").submit(); > >} > }); > $().ready(function() { > >// validate signup form on keyup and submit >$("#joinusFastForm").validate({ >rules: { >site: { >required: true, >url: true, >remote: "/youminiweb/js/action.php" >}, >category: { >required: true >}, >email: { >required: true, >email: true, >remote: "/youminiweb/js/action.php" >}, >captcha: { >required: true, >remote: "/youminiweb/js/action.php" >}, > >agree: "required" >}, >messages: { >site: { >required: "Please provide a web site.", >url: "Please insert a valid web site.", >remote: "Your site turns out in ours database." >}, >category: { >required: "Please select a category." >}, >email: { >required: "Please insert a email andress.", >email: "Please insert a valid email andress.", >remote: "Your address email is in use." >}, >captcha: { >required: "Please inser a correct captcha." >}, >agree: { >required: "Please agree to term of service." >} >}, >}); > > }); > > > $().ready(function() { > >// validate signup form on keyup and submit >$("#joinusCompleteForm").validate({ >rules: { >username: { >required: true, >minlength: 3 >}, >password:{ >required: true, >minLenght: 5 >}, >email: { >required: true, >email: true >}, >captcha: { >required: true, >remote: "/youminiweb/js/action.php" >}, > >agree: "required" >}, >messages: { >username: { >required: "Please enter a username.", >minLength: "Your username must consist of at > least 2 characters." >}, >password: { >required: "Please enter a password.", >minLenght: "Your password must consist of at > least 5 characters." >}, >email: { >required: "Please insert a email andress.", >email: "Please insert a valid email andress." >}, >captcha: { >required: "Please inser a correct captcha." >}, >agree: { >required: "Please agree to term of service." >} >}, >}); > > }); > [/code] > for the submit handler @ joinusCompleteForm ? > how I can make? :) > > Thx @ all . >
[jQuery] Re: [validate] How to integrate validation with masking?
Here is an example using both plugins: http://dev.jquery.com/view/trunk/plugins/validate/demo/marketo/ The second step changes the creditcard mask based on another field: http://dev.jquery.com/view/trunk/plugins/validate/demo/marketo/step2.htm Jörn On Wed, Jun 18, 2008 at 7:11 PM, shapper <[EMAIL PROTECTED]> wrote: > > Hello, > > I am validating a form but one of the fields has a mask: > 99-99- 99:99:99 > > This is: > Day-Month-Year Hour:Minutes:Seconds > > How can I integrate my validation with my mask? > > I am using: > http://digitalbush.com/projects/masked-input-plugin > http://bassistance.de/jquery-plugins/jquery-plugin-validation/ > > I am not sure if these are the right plugins for this ... at least > this is what I have been using. > > Could someone, please, help me out? > > Thanks, > Miguel > > Here is my code: > > // Form mask > jQuery(function($){ >$("#UpdatedAt").mask("99-99- 99:99:99"); > }); > > // Form validation > $("#Edit").validate({ >errorClass: "Error", >errorElement: "label", >rules: { > Name: {required: true}, > UpdatedAt: {required: true} >}, >messages: { >Name: {required: "What is your name?"}, >UpdatedAt: { > required: "Insert the updated date and time" >}, > }, > }); >
[jQuery] cluetip and FF3
hello, i'm having issues implementing a simple cluetip in Firefox 3, it blocks the browser with a "script is running slowly" message. i use the default (rel="url") ajax call. The error message points to line 503 anyone has the issue ? thanks, Alex Alexandre Plennevaux
[jQuery] Re: Remote validation of a telephone number using validate.js
I couldn't replicate the issue you describe, so I assume the problem is on your serverside - nothing I could fix in the validation plugin. Jörn On Wed, Jun 18, 2008 at 8:21 PM, cryptid <[EMAIL PROTECTED]> wrote: > > I am using Jörn's validation plugin to validate a form and I want to > validate a telephone number against a database using the remote > function. The telephone number is in the format 999- and it is > being passed to my database as a calculated number instead of as a > string. Does anyone know how I can pass it as a string? >
[jQuery] Re: credit card validation UK
Could you create a ticket for this? http://dev.jquery.com/newticket Jörn On Wed, Jun 18, 2008 at 6:04 PM, spenoir <[EMAIL PROTECTED]> wrote: > > > I'm using the validation plugin for jquery on our e-commerce site. I was told > that a large percentage of users were dropping out on our payment page. In > the UK card numbers are of the format so this is > naturally how users will type them in. > > Basically add a space in to the plugin to let users use space delimiters > line 1032. this'll probably make the company some extra cash! > > code: > // accept only digits and dashes >if (/[^0-9- ]+/.test(value)) > > packed version attached. > -- > View this message in context: > http://www.nabble.com/credit-card-validation-UK-tp17986138s27240p17986138.html > Sent from the jQuery General Discussion mailing list archive at Nabble.com. > >
[jQuery] Re: Resetting validation rules dynamically
You need to make sure that your custom method checks for optional elements. Check those additional methods for examples: http://dev.jquery.com/view/trunk/plugins/validate/additional-methods.js Jörn On Wed, Jun 18, 2008 at 2:20 PM, kapowaz <[EMAIL PROTECTED]> wrote: > > Alright, I've found the bug with the above code (the callback function > itself doesn't return true or false; only the anonymous method inside > it does), and corrected it. However I've since stumbled upon another > problem; if any field uses a callback method to determine required > status, but *also* happens to use a custom validation method, it will > always be flagged as required. > > I've augmented my demo at > http://www.kapowaz.net/files/conditional-validation.html > to demonstrate this problem in action. Might this be a bug within the > plugin itself, or am I doing something else wrong? >
[jQuery] Re: Validation plugin help please
Please post a testpage. Jörn On Wed, Jun 18, 2008 at 1:53 AM, Lossed <[EMAIL PROTECTED]> wrote: > > Hi. I tried posting this to the plugin group days ago but it's not > showing > and I'm not sure if it's every going to show. > > > My form disappears when the focus changes between form fields. Here's > an example: > -- > > > $(document).ready(function() { > var errorBox=$("div ul li div.duh"); > $("#theForm").validate({ > rules: { > input1: { > required: true, > number: true > } > }, > messages: { > input1: 'input1 error' > }, > errorContainer: errorBox, > errorLabelContainer: $("ul",errorBox), > wrapper: 'li' > }); > }); > > > > > > > > > 1 > 2 > >value="test"> > > > > > > --- > > If I click submit, the error container correctly shows the errors, and > with the errors showing, I can tab through the fields fine. But if I > refresh the form, so it's not showing errors, and try tabbing through > them, the form disappears. Also, if I just run the form and error > container div by themselves, not nested in all the other elements, and > point the JS to just the error div, such as: var errorBox=$ > ("div.duh"); > then the form works fine and I can tab through the fields no problem. > > Can anyone see what I'm doing wrong please? > This is my first attempt with this plugin and I am lost. I've looked > at the docs and example but am not sure what I'm missing or have > wrong :( >
[jQuery] Re: [validate] dynamic form question
Your best bet are inline rules, using the class and other attributes. All demos make heavy use of that: http://docs.jquery.com/Plugins/Validate#Demos As long as you keep rules inline, you can make your form as dynamic as you like, the validation plugin handles that. Just the form itself must be static. Jörn On Tue, Jun 17, 2008 at 11:05 PM, Matt <[EMAIL PROTECTED]> wrote: > > Hi Jorn and all, > > I had a question about the validation plugin. I'm hoping to integrate > the plugin into a page where I am also using the treeview plugin to > display a dynamic JSON form. Essentially the form's shape is > completely dynamic, so I use livequery to add/remove elements. If I > want to validate dynamically created elements, is livequery the way to > go? I'll try and give an example: > > Person + - id='person' name='person' >name: matt + - id='person.name' name='person.name' > > the +- buttons for Person would create a new Person with an empty name > underneath it. The +- buttons for name would simply create a new name > under the same Person with the id/name being person.name[0] for the > original and person.name[1] for the new name. Currently I use > livequery to bind events/functions to these newly created elements. If > I have a validation rule or method I want to assign to all names, what > would be the best way to do this with your plugin? > > I hope this example is clear, if now please let me know and I'll try > to be more specific or give a better example. Thank you very much., > > Matt >
[jQuery] Re: Autocomplete: Custom output, multi-dim JSON array
Here is an example for a remote JSON autocomplete: http://dev.jquery.com/view/trunk/plugins/autocomplete/demo/json.html The result list is limited to an unordered list, you need to embed any further formatting into it. Jörn On Tue, Jun 17, 2008 at 4:26 PM, Adam <[EMAIL PROTECTED]> wrote: > > Hi Jörn (and whomever else) > > I'm trying to do something a little more complex with the Autocomplete > plugin. I want to return a Spotlight-like result, so I have a multi- > dimensional JSON array being returned, something like this: > > {"names":[ list of names here ], "emails":[ list of emails here ]} > > Based on this, I want to create a structure using a definition list, > like: > > > Names > Name > Name > etc. > > Emails > email > email > etc. > > > > I've looked through the documentation and the comments but can't seem > to get it to happen. Could you provide some insight as to going about > parsing the JSON and customizing the output HTML for this? > > Thanks in advance! > > >
[jQuery] Re: [validate] success, failure?
You can use the showErrors-option for complete control over showing errors. All options, including success and errorPlacement, are documented here: http://docs.jquery.com/Plugins/Validation/validate#toptions Jörn On Mon, Jun 16, 2008 at 8:07 PM, Dorian <[EMAIL PROTECTED]> wrote: > > Hi! I want to do something when input is correct and something else > when isn't. I found options 'success' and 'errorPlacement' which > aren't in documentation. > >errorPlacement: function(error, element) { >error.appendTo(element.parent()); >doSomething(); >}, >success: function(label) { >doSomethingElse(); >label.remove(); >} > > Works well, but I don't like it. I must remove label in success, > because another way errorPlacement works only once (when validation is > ok and I change input to incorrect errorPlacement doesn't work). So, > Is there any different solution without removing label (something like > failure, which works similarly to success? Thanks and sorry for my > English. >
[jQuery] Re: Validation + Mask + Regex. Please, help me out. Thank You.
Hi, I just solved it using: $.validator.addMethod('sqldatetime', function (value) { return /^([0-9]{4})-([0-1][0-9])-([0-3][0-9])\s([0-1][0-9]|[2][0-3]): ([0-5][0-9]):([0-5][0-9])$/.test(value); }, 'Check your date and time. Use the format -mm-dd hh:mm:ss'); I am not sure if this is the way to integrate with Mask but it is working. Thanks, Miguel On Jun 19, 1:36 pm, shapper <[EMAIL PROTECTED]> wrote: > Please, anyone? > > Thank You, > Miguel > > On Jun 18, 11:18 pm, shapper <[EMAIL PROTECTED]> wrote: > > > Hello, > > > I am using masking and client validation in a form using: > > > Validator Plugin > > -http://bassistance.de/jquery-plugins/jquery-plugin-validation/ > > > Masked Input Plugin -http://digitalbush.com/projects/masked-input-plugin > > > In an input I have a Date Time in the following format: > > > -mm-dd hh:mm:ss > > > I am adding the masking as follows: > > > jQuery(function($){ > > $("#UpdatedAt").mask("-99-99 99:99:99"); > > }); > > > How can I validate my field integrating it with the mask and using a > > Regex to be sure that the date time is valid? > > I already have the Regex Expression: > > > ^([0-9]{4})-([0-1][0-9])-([0-3][0-9])\s([0-1][0-9]|[2][0-3]):([0-5] > > [0-9]):([0-5][0-9])$ > > > The date and time are also required. > > > I already have the following: > > > // Form validation > > $("#Edit").validate({ > > errorClass: "Error", > > errorElement: "label", > > rules: { > > UpdatedAt: {required: true} > > }, > > messages: { > > UpdatedAt: { > > required: "Insert Updated date and time" > > }, > > }, > > }); > > > Could someone please help me? > > > I have been trying all day but until now I wasn't able to make this > > work. > > > Thanks, > > Miguel
[jQuery] Security Error: Content may not load data from
When I execute the following code: -- $.getJSON('/apps/sendnote.php?a=1&id=5', function (id, status_text) { / *func code here*/ }); -- I get the error: -- uncaught exception: Security Error: Content at https://www.mysite.com/ may not load data from http://www.mysite.com/apps/sendnote.php?a=1&id=5 -- This happens in Firefox 2. How can I get jQuery to send the AJAX request through the proper protocol? It is a mixed bag as to whether the page it is called from will be http or https.
[jQuery] Re: Safari 2.0.4 not passing the jQuery test
Jeff - Safari 2 has serious memory issues that are impossible to work around - simply loading and executing too much JavaScript will cause it to crash (as you see with the test suite). We do run the test suite against Safari 2 but in pieces to verify that it works as intended. Yes, we still support Safari 2. --John On Thu, Jun 19, 2008 at 12:12 AM, Jeff Kenny <[EMAIL PROTECTED]> wrote: > > I'm working on a site and the js is crashing Safari 2.0.4, so I went > back to check the compatibility page and it says it's supported. I ran > the test page ( http://jquery.com/test/ ) in Safari 2.0.4 multiple > times and it crashed EVERY time BUT at different places. > > So...my question is, is jQuery really compatible with Safari 2.0.4 or > should it be taken off the list of compatibility? In which case I'm a > little screwed. >
[jQuery] Re: Reversing slideDown/slideUp behavior
If you position your elements using bottom instead of top, they'll slide in the opposite direction. On Jun 15, 2:45 pm, fallingandlaughing <[EMAIL PROTECTED]> wrote: > Hello, > > I have what seems like a pretty basic question about the slideDown/ > slideUp effects, but I'm new-ish to jquery and haven't been able to > find a way to do what I'm after. Is there any way to reverse the > default slideDown/slideUp behavior--so that, when the content is > revealed, it slides upward, and when it is hidden, it slides downward? > I going for something kind of like the pop-up bubble effect achieved > in this tutorial:http://jqueryfordesigners.com/coda-popup-bubbles/ > But instead of the opacity transition and the upward "puff," I'd like > the panel to just smoothly slide upward. > > Thanks in advance for any suggestions or advice! > > Erik
[jQuery] Re: How can I make jquery work with Konquerer?
I posted already once on the dev list a fix that didn't even costed a new line (e.g. not much of increase in file size) but fixed show/hide and related stuff in Konqueror. The feedback wasn't too good though (e.g. zero). http://groups.google.com/group/jquery-dev/browse_thread/thread/fe8b87deb599f946/bf566eb1bdc9da3a?lnk=gst&q=konqueror#bf566eb1bdc9da3a --Klaus On Jun 19, 9:23 am, "Michael Geary" <[EMAIL PROTECTED]> wrote: > Maybe put it this way instead?... > > Konqueror isn't *currently* supported by jQuery. But we're always interested > in improving browser support, especially if it can be done without much > increase in code size. Would you [the OP] be able to help troubleshoot why > jQuery isn't working in Konqueror, and possibly even submit a patch? > > :-) > > > Konqueror is not supported by jQuery. > > >http://docs.jquery.com/Browser_Compatibility > > > Cheers > > > I am using konqeror 3.5.8 in unbuntu. I can't seem to get > > > any jquery to work in Konqueror. Is there a setting that I > > > have to change to make it recognize it?
[jQuery] Re: SproutCore vs jQuery? Are there any comparisons out there?
I felt the same way. All of the samples are solely based on Rails. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Ed Finkler Sent: Wednesday, June 18, 2008 3:34 PM To: jQuery (English) Subject: [jQuery] Re: SproutCore vs jQuery? Are there any comparisons out there? SproutCore looks interesting from the outside, but I dislike the strong reliance on Ruby and code stub generation. I would *love* to see a good MVC pattern framework for JS, though, that I could use in AIR apps. -- Ed Finkler http://funkatron.com AIM: funka7ron ICQ: 3922133 Skype: funka7ron On Jun 17, 12:07 pm, "Priest, James (NIH/NIEHS) [C]" <[EMAIL PROTECTED]> wrote: > If you look at their site - it seems it's much more focused on > building actual applications. Looking interesting for sure but not > sure if a direct comparison with jQuery or the other JS libraries can be made. > > http://www.sproutcore.com/documentation/getting-started/ > > Jim > > > -Original Message- > > From: Andy Matthews [mailto:[EMAIL PROTECTED] > > Sent: Tuesday, June 17, 2008 11:55 AM > > To: jquery-en@googlegroups.com > > Subject: [jQuery] Re: SproutCore vs jQuery? Are there any > > comparisons out there? > > > Yeah...that's what I thought. I've never even heard of it before > > WWDC.
[jQuery] Re: find table row not containg another table
On Jun 19, 7:31 pm, Lampa <[EMAIL PROTECTED]> wrote: > Hello, > > i have table with few rows and last row contains in some cases another > table. I need to find last row which not contains table. Cycle over the table rows to find the one where: row.getElementsByTagName('table').length > 0 -- Rob
[jQuery] Re: Validation + Mask + Regex. Please, help me out. Thank You.
Please, anyone? Thank You, Miguel On Jun 18, 11:18 pm, shapper <[EMAIL PROTECTED]> wrote: > Hello, > > I am using masking and client validation in a form using: > > Validator Plugin > -http://bassistance.de/jquery-plugins/jquery-plugin-validation/ > > Masked Input Plugin -http://digitalbush.com/projects/masked-input-plugin > > In an input I have a Date Time in the following format: > > -mm-dd hh:mm:ss > > I am adding the masking as follows: > > jQuery(function($){ > $("#UpdatedAt").mask("-99-99 99:99:99"); > }); > > How can I validate my field integrating it with the mask and using a > Regex to be sure that the date time is valid? > I already have the Regex Expression: > > ^([0-9]{4})-([0-1][0-9])-([0-3][0-9])\s([0-1][0-9]|[2][0-3]):([0-5] > [0-9]):([0-5][0-9])$ > > The date and time are also required. > > I already have the following: > > // Form validation > $("#Edit").validate({ > errorClass: "Error", > errorElement: "label", > rules: { > UpdatedAt: {required: true} > }, > messages: { > UpdatedAt: { > required: "Insert Updated date and time" > }, > }, > }); > > Could someone please help me? > > I have been trying all day but until now I wasn't able to make this > work. > > Thanks, > Miguel
[jQuery] Can't post in this forum
Hello, Most of my posts in this forum are not published. Why? Thanks, Miguel
[jQuery] Re: firefox 3 RC1 : tremendous slow down
Hi I'm experiencing the same slow dows in animations and fades with FF3 Final as well. Someone any idea? Thanks Aldo On 21 Mai, 21:52, "Alexandre Plennevaux" <[EMAIL PROTECTED]> wrote: > hi friends, > > i just checked my jquery application using Firefox 3 Release Candidate 1 and > whatever animations that are smooth and fluid in FF2 are staggering in FF3 > RC1. > > Does anybody have the same issue, or knows why? > > the test is here:http://m2.lab-au.com/ (choose 'projects'). > > thanks for your feedback, > > Alexandre > > -- > Alexandre Plennevaux > LAb[au] > > http://www.lab-au.com
[jQuery] 32-bit PNG, Internet Explorer & jQuery's Animate Opacity
Hello! I discovered two problems in jQuery work with IE 7: 1. When I try to apply animate-opacity to element no effect comes in IE 7 or 8 (but in 6 version it works!). 2. When I try to apply animate-opacity to (particularly, I'm about a 32-bit PNG with transparency) Internet Explorer (any ver.) makes its edges ugly. My blueprint: $('#-div-or-img').hover(function(){ $(this).animate({'opacity' : 0.5}, 400);}, function(){ $(this).animate({'opacity': 1}, 400); }); There are no problems with Opera & FF. As a matter of fact, my question consists in how to get over these difficulties... P.S. Known jQuery's ifixpng.js doesn't help as well as IE's CSS-filter hacks.
[jQuery] Re: jEditable and .load
On Jun 18, 2008, at 10:01 PM, Philip Brown wrote: last entry to allow for more data to be entered. Here is the issue: I need to refresh the div that this information is contained in. If I use .load, the content is not editable. I have even created some static HTML in a separate file, used .load to import it, but editable regions are not active. Has anyone else ran into this issue. Any help would be appreciated. I guess these two answer you question. http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_Ajax_request.3F http://docs.jquery.com/Frequently_Asked_Questions#Why_doesn.27t_an_event_work_on_a_new_element_I.27ve_created.3F -- Mika Tuupola http://www.appelsiini.net/
[jQuery] find table row not containg another table
Hello, i have table with few rows and last row contains in some cases another table. I need to find last row which not contains table. Thank you for you help.
[jQuery] Re: New jQuery Plug-in: Multicolumn Dropdown
I've just tested the plugin demo available at: http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm in Opera 9.27 and 9.5 and it's completely compatible, which is great news! I can also confirm the following bug in Firefox 3 on Windows: On Wed, Jun 18, 2008 at 11:18 PM, Adam <[EMAIL PROTECTED]> wrote: > > Great plugin, Dan. > > Quick bug report: if I go down three levels (by using the first > option) and the mouse off of the third out to the left, the 3rd level > stays while I attempt to navigate to another option. > > I'm in FF3 on a Mac. > > Adam > > > > On Jun 18, 11:31 am, "Dan G. Switzer, II" <[EMAIL PROTECTED]> > wrote: > > Awhile back I blogged about a plug-in that my company was planning on > > releasing called mcDropdown (multicolumn dropdown.) > > > > Well, the plug-in was officially released today: > http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm > > > > If you like the plug-in, feel free to digg it: > http://digg.com/programming/Multicolumn_Dropdown_jQuery_Plug_in > > > > You can jump directly to the example here: > http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm#example > > > > In a nutshell, this plug-in creates a tree-like form control. We need a > UI > > control that would allow users to select an option from a large tree of > data > > and this was the end result. > > > > I think the overall effect is pretty impressive and I've never seen a UI > > control like it (especially considering it supports keyboard entry.) > > > > -Dan > And one more remark: when I click in the text area of the select element the drop down list appears but I'm not able to choose anything, is this behavior expected? -- Isaak Malik Web Developer
[jQuery] Form set to display:none isn't updating on page load
I'm using the following code to plug empty input fields' "alt" attributes in as their values as soon as the page is ready: $(":text[alt][value=''],textarea[alt][value='']").each(function(){ $(this).attr("value",$(this).attr("alt")); }); The problem is, it's not working on the input fields in a form set to display:none. When the form is visible on load, everything works as expected, and as well when I include alert($(this).attr("alt")); in the loop it displays the appropriate values for those fields even if the form isn't visible. Any ideas as to why it wouldn't be plugging the alt's into the inputs when set to display:none? -- View this message in context: http://www.nabble.com/Form-set-to-display%3Anone-isn%27t-updating-on-page-load-tp17996524s27240p17996524.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] find table row not containg another table
Hello, i have table with few rows and last row contains in some cases another table. I need to find last row which not contains table. Thank you for you help.
[jQuery] Safari 2.0.4 not passing the jQuery test
I'm working on a site and the js is crashing Safari 2.0.4, so I went back to check the compatibility page and it says it's supported. I ran the test page ( http://jquery.com/test/ ) in Safari 2.0.4 multiple times and it crashed EVERY time BUT at different places. So...my question is, is jQuery really compatible with Safari 2.0.4 or should it be taken off the list of compatibility? In which case I'm a little screwed.