[jQuery] Re: jquery validation
Thanks Eric !! There is two files ajaxLogin.htm and second is index.html ajaxLogin.htm : script src=/thickbox/js/jquery.js type=text/javascript/script script src=/thickbox/js/jquery.validate.js type=text/javascript/ script script $(document).ready(function() { // validate signup form on keyup and submit var validator = $(#signupform).validate({ rules: { password: { required: true, minlength: 5 }, password_confirm: { required: true, minlength: 5, equalTo: #password } }, messages: { password: { required: Provide a password, rangelength: jQuery.format(Enter at least {0} characters) }, password_confirm: { required: Repeat your password, minlength: jQuery.format(Enter at least {0} characters), equalTo: Enter the same password as above } }, // the errorPlacement has to take the table layout into account errorPlacement: function(error, element) { error.appendTo( element.parent().next() ); } }); }); /script div id=signupwrap form id=signupform method=POST action=http://localhost/thickbox/ index.html table tr td class=labellabel id=lpassword for=passwordPassword/ label/td td class=fieldinput id=password name=password type=password maxlength=50 value= //td td class=status/td /tr tr td class=labellabel id=lpassword_confirm for=password_confirmConfirm Password/label/td td class=fieldinput id=password_confirm name=password_confirm type=password maxlength=50 value= //td td class=status/td /tr /table input id=signupsubmit name=signup type=submit value=Signup / /form /div index.html : head style type=text/css media=all @import css/global.css; /style script src=/thickbox/js/jquery.js type=text/javascript/script script src=/thickbox/js/thickbox_plus.js type=text/javascript/ script /head body lia href=ajaxLogin.htm?height=500amp;width=550 class=thickboxThickBox login/a /body /html when I am running ajaxLogin.htm single from browser then validation is working but when i am calling it in thickbox then validation is not working. Also I cut copy script validation code from ajaxLogin.htm to index.html but nothing happening. Please tell me how can I get validation in thickbox? Thanks On Oct 13, 11:09 pm, Eric [EMAIL PROTECTED] wrote: oops. forgot link to Validation documentation:http://docs.jquery.com/Plugins/Validation/Methods/equalTo On Oct 13, 2:08 pm, Eric [EMAIL PROTECTED] wrote: As described in this section of the Validation documentation, 'equalTo:' takes an expression which relates to another element, and it goes inside the 'rules:' object in the options. You seem to be describing the messages below. Where is your code that defines the rules? May I recommend posting your code to JSBin.com so that we can collaboratively debug it? -E On Oct 13, 1:48 pm, bookme [EMAIL PROTECTED] wrote: Hi Eric! data[User][password]: { required: Provide a password, rangelength: jQuery.format(Enter at least {0} characters) }, data[User][password2]: { required: Repeat your password, minlength: jQuery.format(Enter at least {0} characters), equalTo: Enter the same password as above This equalTo is not working ? Do u have any solution why is not working? Thanks On Oct 12, 11:50 pm, Eric [EMAIL PROTECTED] wrote: Plugins sometimes conflict. One of the mark of a goodpluginis a minimum of conflicts. Also, the tricks we sometimes have to play on the DOM can interact in non-intuitive ways. Can you please describe in more detail the problem that you're having? You may also try to use other plugins, such as jqModal (http:// dev.iceburg.net/jquery/jqModal/) instead of Thickbox. -E On Oct 12, 2:32 pm, bookme [EMAIL PROTECTED] wrote: Thanks a lot to u jorn. I am facing one more problem. Belowvalidationis working without thickboxpluginbut when I used it in thickbox it's not working ? I think equalTo function is not working in thickbox? data[User][password2]: { required: Repeat your password, minlength:jQuery.format(Enter at
[jQuery] Re: Newbie traversal question
dave.methvin wrote: ... is there a way to recursively roll out until you reach a parent that matches a given id? It sounds like you want .parents(selector), which looks for the ancestor elements matching the selector. http://docs.jquery.com/Traversing/parents#expr Cheers for that, I dug around a bit after posting and figured this was what i was looking for. I find the descriptions in the docs a little terse and hadn't realised that this was what I was looking for. Thanks for taking the time to reply anyhoo. -- View this message in context: http://www.nabble.com/Newbie-traversal-question-tp19958727s27240p19968674.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: SerialScroll navigation modification question
Thanks thats about how I solved it also just wanted to check if somehow this was allready included int he plugin and I missed it Armand On Fri, Oct 10, 2008 at 10:33 PM, Ariel Flesler [EMAIL PROTECTED] wrote: You have 2 options. - Binding externally: var $links = $('#navigation a').click(function(){ $links.removeClass('selected'); $(this).addClass('selected'); }); - Using the onBefore callback. I think the first one is simple and safe. I'd go for that. Cheers -- Ariel Flesler http://flesler.blogspot.com On Oct 9, 8:37 am, Armand Datema [EMAIL PROTECTED] wrote: Hi I am using the serialscroll on my site to page through a news resultset. I am using the naviagation option that automatically turns a given list into the naviagation for this scroller. However I would like to have the link in the ul have a new class when its clicked so I can style this differently, whats the best way to do this. thanks in advance Armand -- Armand Datema CTO SchwingSoft
[jQuery] jQuery, AdSense, wrap, and Firefox 2 3 Problems
Hey All, I have a weird problem going on with jQuery, adsense, and wrap in firefox 2 3. It seems that when I try to wrap a div with my adsense code in it, the adsense code makes the page blank. The page loads, but quickly gets overwritten by a blank page. My html: div class=wrapthis script type=text/javascript!-- google_ad_client = pub-*; /* 300x250, created 11/13/07 */ google_ad_slot = 4807***801; google_ad_width = 300; google_ad_height = 250; //-- /script script type=text/javascript src=http://pagead2.googlesyndication.com/pagead/show_ads.js; /script /div My javascript: $(div.wrapthis).wrap('div class=wrappeddiv class=mldiv class=mrdiv class=mm/div/div/div/div'); If i remove this javascript there are no issues. However if I keep it in there, it displays a blank white page. Any thoughts?
[jQuery] Disable Submit Button
Hello, Please go through the below given requirement and provide me help asap. disable the submit button until the user has scrolled all the way through the agreement How can this be done using jquery if not then using pure js. Thanks Rahul
[jQuery] Re: Form Fieldset
Dear Miguel, Something along the lines of this might be what you want: 1) $('fieldset.collapse legend').click(function() { $ (this).parent().toggleClass('collapsed'); }); 2) Take a look at jQuery UI, the tabs plugin. I'm not sure what you mean with 'having access to all form input values', so i'm guessing here; The form input values should be submitted as long they have a value attribute != Null (this might be different depending on the specific scripting language you use, but it really shouldnt), this is also completely unrelated to the visual properties you might add by using css to hide any elements inside the fieldset.collapsed class using css. Regards, Yuka
[jQuery] Bug of BlockUI Pluggin in IE6
In IE6, set width of page bigger than width of IE to show horizontal scrollbar, after that, trigger to block page, the overlay background is only stretch to width of user's view. How can I fix this (must use IE6)?
[jQuery] Cross site scripting query
Hi Is there any additional security restriction on code that is dynamically loaded into a page. Or on .post requests of type json? As per the code below I am trying to create a bookmarklet which references a web service but I'm getting the following error when accessing from a different domain.: uncaught exception: Access to restricted URI denied (NS_ERROR_DOM_BAD_URI) [Break on this error] xhr.open(type, s.url, s.async); The code is var s=document.createElement('script'); s.setAttribute('src', 'http://code.jquery.com/jquery-nightly.js'); document.getElementsByTagName('body')[0].appendChild(s); s.onload=function(){ url = window.location.href; var name='Someone'; var question = 'something'; var details=''; $.post(http://chief:8080/parse_place;, { url: url }, function(data){ if (data.request_dom != '') { console.log('got request'); question = eval(data.request_dom); } if (data.details_dom != '') { console.log('got details'); details = eval(data.details_dom); } if (data.requester_dom != '') { console.log('got requester'); name = eval(data.requester_dom); } }, jsonp); alert(name+ asked ' + question + ''\n\n + details + \n\nURL: + url); }; void(s); Any advice on working around the security issue if possible appreciated. Many thanks .M.
[jQuery] jQuery Help Please
Hi All I was wondering if anybody could help me please. I have several divs on a page that show.hide according to an image button that is pressed. 1. The buttons need to hover but the one that was clicked needs to stay in the hover/selected state. 2. The button that is selected, doesn't need to hover. I also need help in getting a div to open sliding to the left. 1. When the arrow at the top of the basket is clicked the basket slides open to the left. http://www.webnow.co.za/enquiry/bask-closed.jpg 2. As you can see the basket that was on the side now expands and the content that was in the small area moves to the top and the arrow faces the other way. http://www.webnow.co.za/enquiry/bask-open.jpg 3. Then when one clicks on the one button a popup needs to display at the button that was clicked. http://www.webnow.co.za/enquiry/bask-open-popup.jpg I know this sounds like a lot of things, but any help would be absolutley appreciated. Thanks Tak
[jQuery] LiveQuery and Dynamic Content
Alright, I having been looking for a solution to loading an external file and applying a function to that content dynamically. I think I have found the solution by using Jquery, liveQuery plugin and the following code I found at: http://nettuts.com/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/ Basically I want to be able to add a Jquery function that will add a DropCap to the first paragraph of a particular div of the loaded external content. So here's my delimma, I'm not quite sure how to add livequery to my dropcap code. Here's the code: $(document).ready(function(){ swap_letter(); }); function swap_letter() { var first_paragraph = $('div.drop-cap p')[0]; if (!first_paragraph) return false; var node = first_paragraph; while (node.childNodes.length) { node = node.firstChild; } var text = node.nodeValue; var first_letter = text.substr(0,1); var match = /[a-zA-Z]/.test(first_letter); if ( match ) { node.nodeValue = text.slice(1); $('img /') .attr('src','images/alphabet/' + first_letter.toLowerCase() + '.png') .attr('alt',first_letter) .addClass('fancy-letter') .prependTo( first_paragraph ); } } So anyone have a clue on how to add livequery to this? Thanks!
[jQuery] Replacing special characters from Ajax - xml data
Hi, I've got a xml feed that I'm getting from an external url, it's in utf-8 format and loads fine (looks perfect if I just copy it into the local xml file). But the problem is that our way of getting this xml file which is something the company have coded earlier (old now) seems to encode it as something other than utf-8. So when I output the data special characters like our æøå (aring; and such) turns into garble. I can probably get this code of ours changed internally, but in the meantime it would be nice if I could replace these characters with jquery. I tried a jquery like below but nothing like aring; or hex values or anything shows the right character. Ideas? var $thirdLink = $(this).find('h5.media'); var linkText = $thirdLink.text().replace('å','aring;'); $thirdLink.text(linkText);
[jQuery] Find labels for input with given class
Hello , oh allmighty group ;-), I have a number of forms, which I validate with 'validate' plugin'. For all the required inputs I use 'required' class. The customer wants to have all the required fields of the forms marked with stars. I want to have it done with jQuery, but... how? The html looks like this: label for=dateStartFrom:/label input name=data[dateStart] type=text class=required value= title=Pick the date id=dateStart / How to do this? Any help would be appreciated! Thanks in advance! Radek
[jQuery] Re: Find labels for input with given class
Radoslaw Janusz napisał(a): Hello , oh allmighty group ;-), I have a number of forms, which I validate with 'validate' plugin'. For all the required inputs I use 'required' class. The customer wants to have all the required fields of the forms marked with stars. I want to have it done with jQuery, but... how? I forgot to say, that the star should appear at the end of the content of each label, that fits the conditions. Any suggestions?.
[jQuery] Re: Error: $(#slider).serialScroll is not a function
The screencast is not too useful. Do you have a link of this online ? Check the script tab with Firebug, go into each script and make sure none is 404. -- Ariel Flesler http://flesler.blogspot.com On Oct 11, 8:08 pm, designjockey [EMAIL PROTECTED] wrote: also.. please see this screencasthttp://screencast.com/t/m30XesSCsNp which shows the firebug console with the error. On Oct 11, 6:03 pm, designjockey [EMAIL PROTECTED] wrote: Ariel, Thanks for your reply, i was on your blog earlier too(from jqueryfordesigners) trying to find an answer.. all the scripts seem to be there... here is a screencast of all the scripts in there...http://screencast.com/t/5bxlkdeo I would really really appreciate any help at all. Thank you. Ritz On Oct 11, 5:34 pm, Ariel Flesler [EMAIL PROTECTED] wrote: You need to include the rest of the required scripts before this one. -- Ariel Fleslerhttp://flesler.blogspot.com On Oct 11, 3:52 pm, designjockey [EMAIL PROTECTED] wrote: Hello, Can someone please help me, I am trying to use this with the On Demand theme for wordpress and i get the below error. I am a designer not a coder, so I am finding it difficult to wrap my head around this problem... please help... digital_deejay at hotmail.com Error: $(#slider).serialScroll is not a function Source File:http://www.gamertagradio.com/videos/wp-content/themes/ondemand/script... Line: 95
[jQuery] Re: SerialScroll navigation modification question
Nope, I thought I had a snippet for this on the Doctorate on... post, it seems I forgot to add this one. Will do as soon as I can. -- Ariel Flesler http://flesler.blogspot.com On Oct 14, 6:13 am, Armand Datema [EMAIL PROTECTED] wrote: Thanks thats about how I solved it also just wanted to check if somehow this was allready included int he plugin and I missed it Armand On Fri, Oct 10, 2008 at 10:33 PM, Ariel Flesler [EMAIL PROTECTED] wrote: You have 2 options. - Binding externally: var $links = $('#navigation a').click(function(){ $links.removeClass('selected'); $(this).addClass('selected'); }); - Using the onBefore callback. I think the first one is simple and safe. I'd go for that. Cheers -- Ariel Flesler http://flesler.blogspot.com On Oct 9, 8:37 am, Armand Datema [EMAIL PROTECTED] wrote: Hi I am using the serialscroll on my site to page through a news resultset. I am using the naviagation option that automatically turns a given list into the naviagation for this scroller. However I would like to have the link in the ul have a new class when its clicked so I can style this differently, whats the best way to do this. thanks in advance Armand -- Armand Datema CTO SchwingSoft
[jQuery] Re: Find labels for input with given class
How about: script type=text/javascript $(document).ready(function() { $('.required').parent().children().not('input').append('*'); }); /script Regards, Dirk On 14 Okt., 14:34, Radoslaw Janusz [EMAIL PROTECTED] wrote: Radoslaw Janusz napisał(a): Hello , oh allmighty group ;-), I have a number of forms, which I validate with 'validate' plugin'. For all the required inputs I use 'required' class. The customer wants to have all the required fields of the forms marked with stars. I want to have it done with jQuery, but... how? I forgot to say, that the star should appear at the end of the content of each label, that fits the conditions. Any suggestions?.
[jQuery] Re: Find labels for input with given class
On 14 Paź, 15:10, skankster [EMAIL PROTECTED] wrote: shorter: $('.required').siblings().not('input').append('*'); Well... for me it works like a charm!! Thank you, Skankster!!
[jQuery] Re: Problems creating a simple auto-expand panel
Hi Remy, thanks a lot for your help. This seems to work a lot better than the initial version. Do you know if there is a way to work around the bug caused by .stop()? Because, now, if I move the mouse pointer across the panel several times (in a short time) the panel will show/hide several times. Regards, Martin On 13 Okt., 13:22, Remy Sharp [EMAIL PROTECTED] wrote: Hi Martin, The main cause of the problem is you're using the e.target as the starting selector on the effect. So when the mouseout event occurs the event's target can be different from what you're expecting. So the initial fix is to change $(e.target)... to $(this)... However, using the .stop() is also causing a bug - so I've removed it from the demo I put together: http://jsbin.com/aseno/edit
[jQuery] Re: Find labels for input with given class
shorter: $('.required').siblings().not('input').append('*'); On 14 Okt., 15:05, skankster [EMAIL PROTECTED] wrote: How about: script type=text/javascript $(document).ready(function() { $('.required').parent().children().not('input').append('*'); }); /script Regards, Dirk On 14 Okt., 14:34, Radoslaw Janusz [EMAIL PROTECTED] wrote: Radoslaw Janusz napisał(a): Hello , oh allmighty group ;-), I have a number of forms, which I validate with 'validate' plugin'. For all the required inputs I use 'required' class. The customer wants to have all the required fields of the forms marked with stars. I want to have it done with jQuery, but... how? I forgot to say, that the star should appear at the end of the content of each label, that fits the conditions. Any suggestions?.
[jQuery] Re: New to Jquery, have written Validation script...
Good to know... and yes, Jorn's work is great and we appreciate his contributions to the community! Rick Kevin Scholl wrote: Yeah, I have to speak very highly of Jorn's plugin. It's quite comprehensive and very solid. When I started on mine (the first simple version was about a year ago) I simply wanted to see what I could do on my own, so I didn't use any of the existing plugins. But I don't think you can go wrong with Jorn's work. On Oct 14, 6:26 am, Jörn Zaefferer [EMAIL PROTECTED] wrote: Yes it does. It even validates on keypress. Details about that are documented here:http://docs.jquery.com/Plugins/Validation/Reference#Validation_event Jörn On Tue, Oct 14, 2008 at 12:23 PM, Rick Faircloth [EMAIL PROTECTED] wrote: Jorn, Does your plug-in offer on-blur validation? Rick Jörn Zaefferer wrote: Have you looked at this validation plugin? http://bassistance.de/jquery-plugins/jquery-plugin-validation/ Jörn On Tue, Oct 14, 2008 at 5:16 AM, Nishan Karassik [EMAIL PROTECTED] wrote: That is really slick. I like the check boxes after it validates. It looks like you are very well versed in jQuery. This is my first script, but I haven't had time to test it yet. It took me two days (well evenings) to research the right strategy to get that far. I am hoping to submit the form for server-side validation, this way I can use this for any form validation, I just have to change the server side validation response. From the server-side validation, I am hoping to send a JSON array then dynamically update the corresponding div with the key name to the key value. Will the following update the div with the id name of variable err_id with the value contained by err_message? $(err_id).val() = err_message; In the past I've wrote my own JS like the following: document.getElementById('err_provcode').innerHTML = err_provcode; I also work in the Health Care industry on the billing side. I need to do multiple validations combining different dependencies based on database queries for Medical Coding Data Entry on the front-end. Thanks, Nishan On Oct 13, 11:43 am, Kevin Scholl [EMAIL PROTECTED] wrote: I've done something similar to this, where validation is may be run at either field level or on form submit, or both (default is both, can be overridden by invocation setting, below). http://beta.ksscholl.com/jquery/formvalidate.html Routine is invoked by the following snippet in the HEAD of the document: $(#myFormSample).jqValidate({ // validateAt : both, // blur | submit | both passMin : 6 }); The validation script itself is the bottom half of the following: http://beta.ksscholl.com/jquery/js/jqforms.js and checks that required fields have data, as well as various specialized fields have proper formatting and such. I'm quite sure that it could be cleaned up considerably by anyone more versed than myself in the intricacies of jQuery, but I'm pretty pleased thus far. Kevin On Oct 13, 10:45 am, Nishan Karassik [EMAIL PROTECTED] wrote: Wouldn't the $(#my-form [EMAIL PROTECTED]'input']).blur(function() { be my trigger? I would like to validate as the user tabs through the form. How would I not run the function if the field just tabbed from is blank? Thanks for your validation of my script. Nishan On Oct 13, 7:30 am, Jörn Zaefferer [EMAIL PROTECTED] wrote: Validation should always hook into the submit event, eg. $(#myform).submit(function() { ... }); That handles both clicking the submit button as well as hitting enter while an input field has focus. Apart from that, the form plugin handles submitting forms via ajax and handling the response quite well, including file uploads:http://malsup.com/jquery/form/ Jörn On Mon, Oct 13, 2008 at 5:57 AM, Nishan Karassik [EMAIL PROTECTED] wrote: Hello, I have never written a Jquery script, but have, over the last few days, compiled the following, but was hoping someone could look over this to see if I had problems. $(document).ready(function () { $(#my-form [EMAIL PROTECTED]'input']).blur(function() { var queryString = $.(#my-form).formSerialize(); $.post(/path/to/your/validation.php, queryString, function(validation_errors) { // do something like changing a css class, disable submit... $.each(validation_errors, function(err_id, err_message) { $(err_id).val() = err_message; } )}; }); )}); Thanks, Nishan
[jQuery] Help needed please!
Hi All I was wondering if anybody could help me please. I have several divs on a page that show.hide according to an image button that is pressed. 1. The buttons need to hover but the one that was clicked needs to stay in the hover/selected state. 2. The button that is selected, doesn't need to hover. I also need help in getting a div to open sliding to the left. 1. When the arrow at the top of the basket is clicked the basket slides open to the left. http://www.webnow.co.za/enquiry/bask-closed.jpg 2. As you can see the basket that was on the side now expands and the content that was in the small area moves to the top and the arrow faces the other way. http://www.webnow.co.za/enquiry/bask-open.jpg 3. Then when one clicks on the one button a popup needs to display at the button that was clicked. http://www.webnow.co.za/enquiry/bask-open-popup.jpg I know this sounds like a lot of things, but any help would be absolutley appreciated. Thanks Tak -- View this message in context: http://www.nabble.com/Help-needed-please%21-tp19974386s27240p19974386.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: id same as name confuses JQuery?
First sorry for the errors in my example. Braces was a typo. Div with name attribute was an error also. My real issue is with a select tag. Anyway...while creating a sample page I have found that the problem is different than I thought. It seems the problem is that jQuery cannot find elements having an ID with dots in it. For example $ ('#Foo.Bar') will not select div id=Foo.Bar Is this by design? An issue with JS itself? NOTE: I am using jQuery with MS MVC, which has HTML helpers that create tags with IDs with dots in them. WebForms replaces dot with underscores, so I wonder if JS itself has issues with IDs with dots? On Oct 13, 6:46 pm, Dave Methvin [EMAIL PROTECTED] wrote: As Erik says, a sample page would help. I am guessing that you may be using IE6/7, where getElementById returns elements that match the name attribute as well. Also, what doctype are you using? I don't think any of the common ones support a name attribute for the div element.
[jQuery] Re: Disable Submit Button
The easiest way would be to have an id on the button like: input type=submit id=submit / and then the jQuery would be: $(document).ready(function() { $(#submit).attr(disabled, disabled); }); On Oct 14, 2:12 am, Rahul Sinha [EMAIL PROTECTED] wrote: Hello, Please go through the below given requirement and provide me help asap. disable the submit button until the user has scrolled all the way through the agreement How can this be done using jquery if not then using pure js. Thanks Rahul
[jQuery] [Validate] Can I enable custom error message display?
Hi all, I am just getting started with the jQuery validation and was wondering if someone can help me out with a question I had with using it. From what I read, the validation plug-in automatically adds and removed the 'label' error tags into the page. For my requirements, I need more customisability of the error message display. I want to be able perform other things when an error is displayed like hide other info messages etc when an error occurs. So, I was wondering if it would be possible for me to just get a list of error messages back from the validation plug-in instead having it inject the error messages into the page for me. I would appreciate any help in this regard. Thank You, Vish
[jQuery] Pack or Min | Which is better for faster loading?
Hi All, Which of these are better for faster loading? jquery-1.2.6.min.js(size-54kb) jquery-1.2.6.pack.js (size-30kb) One more strange thing I have observed is when I include http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js the loading time is very less compared to the same file inclusion in my production site.(http://mysite.com/js/ jquery-1.2.6.min.js) What is the reason for this? Thanks Regards Sridhar K N [EMAIL PROTECTED]
[jQuery] Re: preventDefault() question
Thanks for the reply Ricardo. I realize it's unusual to make the user wait.. but it basically comes down to an esthetic aspect for which i would normally use Flash. In short: I want to create a transition from the so-called splash page, which basically is white with a logo in the center and the adress info, to the main overal site, which is black. Normally if I were building the entire site in flash I would fade or ease out the logo and create a transition from white to black and build up the new page. But I'm not building it in Flash so now it would be the white splash page.. users would click on enter and go to the main site which was black. I wanted a smoother transition for this and since I'm not building the site in Flash it's useless to use it for just the transition. So I thought maybe I could use jQuery and create the transition effect and afterwards guide the user to the main site. I'll stick with location.href thanks for the input! Dwayne On Oct 14, 5:35 am, ricardobeat [EMAIL PROTECTED] wrote: That's some rather unexpected functionality.. why do you want to make the user wait before loading a new page? As there is no 'delay' in javascript, changing the location.href is the only way. - ricardo On Oct 13, 3:52 pm, Dwayne [EMAIL PROTECTED] wrote: Hi guys, I'm new to jQuery but already see lots of potential to use it above let's say Flash. Very excited about learning more!! I have a question pertaining the jQuery event.preventDefault() method: Is there a way to reinvoke the default action again? I would like to fade out or ease out (haven't made up my mind as yet) certain elements on a website on clicking a hyperlink. So I figured I'd make use of jQuery's animation effects methods. At the moment I use the preventDefault method to stop the browser from retrieving the URL. But I would certainly need the browser to retrieve the page after the animation effects are done. So far I couldn't come up with anything better than just using javascripts 'this.location.href'. But I figured there might also be some API in the core for this. Kind regards, Dwayne!
[jQuery] Re: Error: $(#slider).serialScroll is not a function
Hi Ariel, I was able to fix the issue. Apparently the WP pngfix plugin for wordpress was conflicting with it. Thanks a lot for your help! Ritz -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Ariel Flesler Sent: Tuesday, October 14, 2008 8:58 AM To: jQuery (English) Subject: [jQuery] Re: Error: $(#slider).serialScroll is not a function The screencast is not too useful. Do you have a link of this online ? Check the script tab with Firebug, go into each script and make sure none is 404. -- Ariel Flesler http://flesler.blogspot.com On Oct 11, 8:08 pm, designjockey [EMAIL PROTECTED] wrote: also.. please see this screencasthttp://screencast.com/t/m30XesSCsNp which shows the firebug console with the error. On Oct 11, 6:03 pm, designjockey [EMAIL PROTECTED] wrote: Ariel, Thanks for your reply, i was on your blog earlier too(from jqueryfordesigners) trying to find an answer.. all the scripts seem to be there... here is a screencast of all the scripts in there...http://screencast.com/t/5bxlkdeo I would really really appreciate any help at all. Thank you. Ritz On Oct 11, 5:34 pm, Ariel Flesler [EMAIL PROTECTED] wrote: You need to include the rest of the required scripts before this one. -- Ariel Fleslerhttp://flesler.blogspot.com On Oct 11, 3:52 pm, designjockey [EMAIL PROTECTED] wrote: Hello, Can someone please help me, I am trying to use this with the On Demand theme for wordpress and i get the below error. I am a designer not a coder, so I am finding it difficult to wrap my head around this problem... please help... digital_deejay at hotmail.com Error: $(#slider).serialScroll is not a function Source File:http://www.gamertagradio.com/videos/wp-content/themes/ondemand/script.. . Line: 95
[jQuery] jquery.ufo.js: Really Puzzling IE Issue -- Help
Shame on me, developing on a Mac and ignoring IE. Now I have to go back and figure out all the IE issues. But here's one where Google has been zero help to me, so I'm appealing to the jQuery community. I'm using jquery.ufo.js to unobtrusively embed Flash objects. Works great on all flavors of Firefox, on Safari, and it might even work in IE, but I'm getting exceptions as follows: // in $(document).ready() $(window).resize(function(){ try{ if($('#mainmenu')[0].callAS) { // == undefined in IE, function everyplace else $('#mainmenu')[0].callAS($(window).width(), 90); // callAS is a Javascript function provided on Flash objects } } catch(e) { alert('caught resize exception: ' + e.name + . Error message: + e.message); } }); The problem I'm facing is that the only stuff I can dig up on callAS is that it is defined on the embedded Flash object and it is meant to allow me to call ActionScript functions from Javascript. I'm hoping someone has tripped over this and that the solution is obvious (except to me). It doesn't seem to be an issue with the plugin; rather it seems to be with the Flash object itself, and I have the latest version installed. This happens on IE 6 and IE 7 with the most recent Flash players installed. Thanks! Steve
[jQuery] Ajax Vista (IE)
I am having a stange problem with performing a simple AJAX call on a Vista machine using IE as the browser. The same request work fine with Firefox on the same machine. Here is the sample code script src=jquery.js/script script $(function(){ $(#temp).load(test2.cfm); }); /script div id=temp /div The error I get in the script window will be Automation Server can't create object. Any idea?
[jQuery] Re: Ajax Vista (IE)
Looks like it is because of your IE's security settings http://www.google.com/search?hl=enq=Vista+IE+Ajax+Automation+Server+can%27t+create+objectbtnG=Search On Oct 14, 12:47 pm, qasimrasheed [EMAIL PROTECTED] wrote: I am having a stange problem with performing a simple AJAX call on a Vista machine using IE as the browser. The same request work fine with Firefox on the same machine. Here is the sample code script src=jquery.js/script script $(function(){ $(#temp).load(test2.cfm);}); /script div id=temp /div The error I get in the script window will be Automation Server can't create object. Any idea?
[jQuery] Re: Ajax Vista (IE)
Thanks for a prompt response and you might be right that it can be IE's security settings. So is there is a way to overcome this? On Oct 14, 12:53 pm, MorningZ [EMAIL PROTECTED] wrote: Looks like it is because of your IE's security settings http://www.google.com/search?hl=enq=Vista+IE+Ajax+Automation+Server+... On Oct 14, 12:47 pm, qasimrasheed [EMAIL PROTECTED] wrote: I am having a stange problem with performing a simple AJAX call on a Vista machine using IE as the browser. The same request work fine with Firefox on the same machine. Here is the sample code script src=jquery.js/script script $(function(){ $(#temp).load(test2.cfm);}); /script div id=temp /div The error I get in the script window will be Automation Server can't create object. Any idea?
[jQuery] Re: preventDefault() question
You could load the splash page dinamically, remove it on click, and then load the contents, all in the same page. But if location.href is working for you go with it :) - ricardo On Oct 14, 10:38 am, Dwayne [EMAIL PROTECTED] wrote: Thanks for the reply Ricardo. I realize it's unusual to make the user wait.. but it basically comes down to an esthetic aspect for which i would normally use Flash. In short: I want to create a transition from the so-called splash page, which basically is white with a logo in the center and the adress info, to the main overal site, which is black. Normally if I were building the entire site in flash I would fade or ease out the logo and create a transition from white to black and build up the new page. But I'm not building it in Flash so now it would be the white splash page.. users would click on enter and go to the main site which was black. I wanted a smoother transition for this and since I'm not building the site in Flash it's useless to use it for just the transition. So I thought maybe I could use jQuery and create the transition effect and afterwards guide the user to the main site. I'll stick with location.href thanks for the input! Dwayne On Oct 14, 5:35 am, ricardobeat [EMAIL PROTECTED] wrote: That's some rather unexpected functionality.. why do you want to make the user wait before loading a new page? As there is no 'delay' in javascript, changing the location.href is the only way. - ricardo On Oct 13, 3:52 pm, Dwayne [EMAIL PROTECTED] wrote: Hi guys, I'm new to jQuery but already see lots of potential to use it above let's say Flash. Very excited about learning more!! I have a question pertaining the jQuery event.preventDefault() method: Is there a way to reinvoke the default action again? I would like to fade out or ease out (haven't made up my mind as yet) certain elements on a website on clicking a hyperlink. So I figured I'd make use of jQuery's animation effects methods. At the moment I use the preventDefault method to stop the browser from retrieving the URL. But I would certainly need the browser to retrieve the page after the animation effects are done. So far I couldn't come up with anything better than just using javascripts 'this.location.href'. But I figured there might also be some API in the core for this. Kind regards, Dwayne!
[jQuery] Re: Nice work UI team
Awesome! On Tue, Oct 14, 2008 at 12:37 PM, nono [EMAIL PROTECTED] wrote: I love jQuery.ui and work with dialogs. Nice work ui team! An example... http://dashboard.nonomartinez.com
[jQuery] Re: Newbie traversal question
is there a way to recursively roll out until you reach a parent that matches a given id? Here's the way to do it: $(clickedElement).click(function(){ this.parent(#idOfWantedParent).doSomethingWithIt(); }); I think it should work this way, if not try to experiment with this or $(this)...
[jQuery] Re: jQuery help to replace CSS position: fixed;
I'll try that then, because the other solution with plugins was not working the way I want it to. I had to add much more js files for one effect that in the end only followed the scroll up and down, as soon as you scrolled left or right it stayed put. On Oct 14, 12:00 pm, Klaus Hartl [EMAIL PROTECTED] wrote: Why would you replace position fixed with an inferior solution? Fixed positioning behaves much smoother in comparison to a JS solution that reacts on scroll/resize events. There are workarounds for IE 6:http://www.howtocreate.co.uk/fixedPosition.html --Klaus On 14 Okt., 11:10, XeroXer [EMAIL PROTECTED] wrote: Hi! I am making a menu that I place along the left side of the page. I starts with the position: absolute; left: 0; top: 50px; I tried using position: fixed; but that didn't work in IE6. What i want is that when a user scrolls down the page the menu follows. $(window).scroll(function () { var thePageTopVar = ???; $(#menu).css({top: thePageTopVar}); }); How do I get the windows current position on the page? :/
[jQuery] Re: Pack or Min | Which is better for faster loading?
This blog post sheds some light on your question http://ejohn.org/blog/library-loading-speed/ On Oct 14, 12:32 pm, Sridhar Kuppalli [EMAIL PROTECTED] wrote: Hi All, Which of these are better for faster loading? jquery-1.2.6.min.js (size-54kb) jquery-1.2.6.pack.js (size-30kb) One more strange thing I have observed is when I includehttp://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js the loading time is very less compared to the same file inclusion in my production site.(http://mysite.com/js/jquery-1.2.6.min.js) What is the reason for this? Thanks Regards Sridhar K N [EMAIL PROTECTED]
[jQuery] jquery inside an iframe
so i have a modal window that loads an iframe. inside this iframe i have my jquery.js src links. within the functionality of this html in the iframe is a pice of code that dynamically generates form fields. Now in the file that generates the form fileds i have a div with an id of jquery and this dive is set to display:none. when this ajax page gets called i do an eval on the innerHTML of this jquery div so that i can bind events to my dynamically created form elements. the problem is when i test this using the page that has the iframe it does not work, but when i test the page that is the iframe src it does work. even a simple alert does not work within the jquery javascript on the page that contains the iframe Thanks
[jQuery] [treeview] is there a way to extend the click element?
I would like to be able to dynamically assign aditional functionality to the onclick event within the treeview list structure so that it would not only expand the tree display, but also perform a function which I assign to the list element. Is this possible? Thank you Robert Zumwalt
[jQuery] toggle show hide functions crash IE6
IE6 crashes whenever I click on a div that is supposed to toggle (or hide or show -- I've tried them both) a neighboring div. Otherwise, this script works perfectly fine in IE7 and FF3. Here is the div (located inside a php script): echo 'div class=moreSubs id=wp_moreSubscriptions1img src=images/downarrow.jpg /nbsp;Click Here to Add More Subscriptions/div'; Here is the jQuery called function: $(#wp_moreSubscriptions1).click(function () { $(div.gift).toggle(); }); The div being toggled: echo 'div class=gift style=display:none; float:left; width: 100%;'; 1. I've downloaded the latest jquery code with the same results. 2. I've tried classes and ids (#wp_moreSubscriptions1 and .moreSubs) inside the jQuery function. 3. Clicking anywhere inside the div causes the IE6 crash. Removing the jQuery function call obviously prevents IE6 from crashing. 4. The jQuery functions are all contained in the head of the html. What is wrong and how do I fix this script for IE6? Thanks!
[jQuery] Re: Pack or Min | Which is better for faster loading?
My personal recommendation is to go with the min version of jQuery and any plugins. As Crockford says: Any transformation carries the risk of introducing a bug. http://yuiblog.com/blog/2006/03/06/minification-v-obfuscation/ A Combo of JSLint and JSMin is about as safe as you can get. -E On Oct 14, 12:32 pm, Sridhar Kuppalli [EMAIL PROTECTED] wrote: Hi All, Which of these are better for faster loading? jquery-1.2.6.min.js (size-54kb) jquery-1.2.6.pack.js (size-30kb) One more strange thing I have observed is when I includehttp://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js the loading time is very less compared to the same file inclusion in my production site.(http://mysite.com/js/jquery-1.2.6.min.js) What is the reason for this? Thanks Regards Sridhar K N [EMAIL PROTECTED]
[jQuery] Re: [Treeview] is there a way to extend the click element?
I'm sorry, I don't have an answer, but I have edited the subject line of the message so that the people that *can* help can better identify the message. I did notice that there's a toggle: callback function. Check out the documentation (click over to the Options tab): http://docs.jquery.com/Plugins/Treeview/treeview Callback when toggling a branch. Arguments: this refers to the UL that was shown or hidden. Works only with speed option set (set speed: 1 to enable callback without animations). documentation example: $(.selector).treeview({ toggle: function() { console.log(this + has been toggled); } }) -E On Oct 14, 1:08 pm, Rainaer [EMAIL PROTECTED] wrote: I would like to be able to dynamically assign aditional functionality to the onclick event within the treeview list structure so that it would not only expand the tree display, but also perform a function which I assign to the list element. Is this possible? Thank you Robert Zumwalt
[jQuery] [treeview] is there a way to extend the click element?
FAIL. :-( On Oct 14, 2:31 pm, Eric [EMAIL PROTECTED] wrote: or at least I tried to change the subject... hrm... second try. On Oct 14, 2:31 pm, Eric [EMAIL PROTECTED] wrote: I'm sorry, I don't have an answer, but I have edited the subject line of the message so that the people that *can* help can better identify the message. I did notice that there's a toggle: callback function. Check out the documentation (click over to the Options tab):http://docs.jquery.com/Plugins/Treeview/treeview Callback when toggling a branch. Arguments: this refers to the UL that was shown or hidden. Works only with speed option set (set speed: 1 to enable callback without animations). documentation example: $(.selector).treeview({ toggle: function() { console.log(this + has been toggled); } }) -E On Oct 14, 1:08 pm, Rainaer [EMAIL PROTECTED] wrote: I would like to be able to dynamically assign aditional functionality to the onclick event within the treeview list structure so that it would not only expand the tree display, but also perform a function which I assign to the list element. Is this possible? Thank you Robert Zumwalt
[jQuery] Re: Odd behavior in IE with select boxes
Anyone? On Oct 13, 6:08 pm, TimW66 [EMAIL PROTECTED] wrote: I'm seeing some odd behavior in IE with my SELECT boxes. In the static HTML, I have the following: label for=type class=dialog firstSelect Type/label select id=type class=dialog first option selected value=--- Type ---/option /select In JavaScript, I have the following: $.get(create.do, params, function(data) { if( $('option', idSel).length 0 ) { var firstOption = $('option', idSel); $(idSel).replaceWith(data); $(idSel).prepend(firstOption); $(idSel).removeAttr('disabled'); } } ); The data coming back is actually a snippet of HTML, like this: select id=typeoption value=1In/optionoption value=2Out/ option/select Note it does not contain a selected attribute. What I want is to merge the data with the static HTML so in essence I would have: label for=type class=dialog firstSelect Type/label select id=type class=dialog first option selected value=--- Type ---/option option value=1In/option option value=2Out/option /select However, in IE, the selected attribute always seems to get set on the In instead. Is this yet another odd thing with IE? Is there something else I should be doing to get the desired results? Thanks in advance.
[jQuery] jqGrid 3.3 version
Hello all, A new version of jqGrid is available. All the new features and bug fixes can be found here http://www.secondpersonplural.ca/jqgriddocs/index.htm Be a sure to visit the demo page for the new features. http://trirand.com/jqgrid/jqgrid.html The jqGrid home page is here http://trirand.com/blog/ Enjoy Tony
[jQuery] Re: How to avoid throbbing Hover actions?
Good call, I didn't know about stop(). I have one more problem though: stop() stops all animations, so the next action (hide all of these boxes if any is clicked) gets halted. I tried using unbind(), but it looks like it's either not working or (more likely) is being terminated by the hover() method before it has a chance to finish. I tried to go a step deeper, separating this into mousedown and mouseup events (unbind on mouse down, fadeOut on mouse up) but the hovered element doesn't hide if it's hovered after the click. Updated: http://703designs.com/jQuery/port.php On Oct 13, 11:32 pm, ricardobeat [EMAIL PROTECTED] wrote: Stop all previous animations before starting a new one: $(.block img).hover(function() { $(this).stop().animate({ width: '120px', height: '120px', marginTop: '5px', }, normal) },function(){ $(this).stop().animate({ width: '80px', height: '80px', marginTop: '25px', }, normal) }); - ricardo On Oct 13, 5:05 pm, 703designs [EMAIL PROTECTED] wrote: Using either $.fn.hover or $.fn.mouse(over|out), I can't figure out how to prevent my animations from firing repeatedly. You'll see what I mean:http://703designs.com/jQuery/port.php(viewsource to see what's going on). How would I change this so that the over/hover event can't fire until the element is finished with its current animation? How would I change this so an animation only continues until the mouse leaves rather than taking the full step from 80px h/w to 120px h/w?
[jQuery] Re: jqGrid 3.3 version
Tony, I really must say that that is a beautiful piece of work; I don't have a need for it right now but be sure that I have bookmarked and passed your url on to other devs. On Tue, Oct 14, 2008 at 2:59 PM, Tony [EMAIL PROTECTED] wrote: Hello all, A new version of jqGrid is available. All the new features and bug fixes can be found here http://www.secondpersonplural.ca/jqgriddocs/index.htm Be a sure to visit the demo page for the new features. http://trirand.com/jqgrid/jqgrid.html The jqGrid home page is here http://trirand.com/blog/ Enjoy Tony -- Benjamin Sterling Skype: benjamin.sterling AIM: thekenzoco Web: http://www.KenzoMedia.com http://www.KenzoHosting.com http://www.BenjaminSterling.com
[jQuery] Re: Help needed please!
Checkout my reply in this other thread to help you get the clicked and hover functionality working: http://tinyurl.com/3lqr7y In terms of hiding and showing the div, it looks like you've got a *lot* of stuff going on there. My first recommendation is to bundle your actions up into hideSidebar() and showSidebar() functions. Then, you can call them as necessary, without having to worry about throwing a lot of code into your click() call. You've got a range of options when it comes to the specifics of how you implement the hiding and showing. Since your main column shrinks as the sidebar grows, I'm guessing you'll want to change the CSS on those elements, and probably reload the content of the sidebar. so, something like: function showSidebar() { $('#main-column').removeClass('wide').addClass('narrow'); $ ('#sidebar').empty().removeClass('narrow').addClass('wide').append( variableContainingNewDomElements ); } I'm guessing there's probably a better way to do this, perhaps someone else can weigh in here. Lastly, for your popup, you'll want to investigate the UI.dialog plugin: http://docs.jquery.com/UI/Dialog or the jqModal plugin: http://dev.iceburg.net/jquery/jqModal/ -E On Oct 14, 10:13 am, Takaya213 [EMAIL PROTECTED] wrote: Hi All I was wondering if anybody could help me please. I have several divs on a page that show.hide according to an image button that is pressed. 1. The buttons need to hover but the one that was clicked needs to stay in the hover/selected state. 2. The button that is selected, doesn't need to hover. I also need help in getting a div to open sliding to the left. 1. When the arrow at the top of the basket is clicked the basket slides open to the left.http://www.webnow.co.za/enquiry/bask-closed.jpg 2. As you can see the basket that was on the side now expands and the content that was in the small area moves to the top and the arrow faces the other way.http://www.webnow.co.za/enquiry/bask-open.jpg 3. Then when one clicks on the one button a popup needs to display at the button that was clicked.http://www.webnow.co.za/enquiry/bask-open-popup.jpg I know this sounds like a lot of things, but any help would be absolutley appreciated. Thanks Tak -- View this message in context:http://www.nabble.com/Help-needed-please%21-tp19974386s27240p19974386... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: How to avoid throbbing Hover actions?
did you try using the hoverIntent plugin ? I find that it makes hover events much easier to work with. http://plugins.jquery.com/project/hoverIntent LAb[au] _ *lab*oratory for *a*rchitecture and *u*rbanism Alexandre Plennevaux Lakensestraat 104 Rue de Laeken Brussel 1000 Bruxelles België _ Belgique _ Belgium tel: +32 (0)2 2196555 fax: +32 (0)2 4266986 mail: [EMAIL PROTECTED] [EMAIL PROTECTED] http://www.lab-au.com VAT: BE0475.210.720 On Tue, Oct 14, 2008 at 3:41 PM, 703designs [EMAIL PROTECTED] wrote: Good call, I didn't know about stop(). I have one more problem though: stop() stops all animations, so the next action (hide all of these boxes if any is clicked) gets halted. I tried using unbind(), but it looks like it's either not working or (more likely) is being terminated by the hover() method before it has a chance to finish. I tried to go a step deeper, separating this into mousedown and mouseup events (unbind on mouse down, fadeOut on mouse up) but the hovered element doesn't hide if it's hovered after the click. Updated: http://703designs.com/jQuery/port.php On Oct 13, 11:32 pm, ricardobeat [EMAIL PROTECTED] wrote: Stop all previous animations before starting a new one: $(.block img).hover(function() { $(this).stop().animate({ width: '120px', height: '120px', marginTop: '5px', }, normal) },function(){ $(this).stop().animate({ width: '80px', height: '80px', marginTop: '25px', }, normal) }); - ricardo On Oct 13, 5:05 pm, 703designs [EMAIL PROTECTED] wrote: Using either $.fn.hover or $.fn.mouse(over|out), I can't figure out how to prevent my animations from firing repeatedly. You'll see what I mean:http://703designs.com/jQuery/port.php(viewsourcehttp://703designs.com/jQuery/port.php%28viewsourceto see what's going on). How would I change this so that the over/hover event can't fire until the element is finished with its current animation? How would I change this so an animation only continues until the mouse leaves rather than taking the full step from 80px h/w to 120px h/w?
[jQuery] Re: New to Jquery, have written Validation script...
Sorry to hijack a topic, but I too am writing some custom validation, and I am running into a problem. I have a table form where after data is entered in the first field on the row, a new blank row will be added to the bottom of the table. I want to keep the user from entering a duplicate value in that first column. I have the check for duplicates working fine, but the focus always moves to the second field in the row. Is there a way to force the user back to the first field? On Oct 14, 9:12 am, Rick Faircloth [EMAIL PROTECTED] wrote: Good to know... and yes, Jorn's work is great and we appreciate his contributions to the community! Rick Kevin Scholl wrote: Yeah, I have to speak very highly of Jorn's plugin. It's quite comprehensive and very solid. When I started on mine (the first simple version was about a year ago) I simply wanted to see what I could do on my own, so I didn't use any of the existing plugins. But I don't think you can go wrong with Jorn's work. On Oct 14, 6:26 am, Jörn Zaefferer [EMAIL PROTECTED] wrote: Yes it does. It even validates on keypress. Details about that are documented here:http://docs.jquery.com/Plugins/Validation/Reference#Validation_event Jörn On Tue, Oct 14, 2008 at 12:23 PM, Rick Faircloth [EMAIL PROTECTED] wrote: Jorn, Does your plug-in offer on-blur validation? Rick Jörn Zaefferer wrote: Have you looked at this validation plugin? http://bassistance.de/jquery-plugins/jquery-plugin-validation/ Jörn On Tue, Oct 14, 2008 at 5:16 AM, Nishan Karassik [EMAIL PROTECTED] wrote: That is really slick. I like the check boxes after it validates. It looks like you are very well versed in jQuery. This is my first script, but I haven't had time to test it yet. It took me two days (well evenings) to research the right strategy to get that far. I am hoping to submit the form for server-side validation, this way I can use this for any form validation, I just have to change the server side validation response. From the server-side validation, I am hoping to send a JSON array then dynamically update the corresponding div with the key name to the key value. Will the following update the div with the id name of variable err_id with the value contained by err_message? $(err_id).val() = err_message; In the past I've wrote my own JS like the following: document.getElementById('err_provcode').innerHTML = err_provcode; I also work in the Health Care industry on the billing side. I need to do multiple validations combining different dependencies based on database queries for Medical Coding Data Entry on the front-end. Thanks, Nishan On Oct 13, 11:43 am, Kevin Scholl [EMAIL PROTECTED] wrote: I've done something similar to this, where validation is may be run at either field level or on form submit, or both (default is both, can be overridden by invocation setting, below). http://beta.ksscholl.com/jquery/formvalidate.html Routine is invoked by the following snippet in the HEAD of the document: $(#myFormSample).jqValidate({ // validateAt : both, // blur | submit | both passMin : 6 }); The validation script itself is the bottom half of the following: http://beta.ksscholl.com/jquery/js/jqforms.js and checks that required fields have data, as well as various specialized fields have proper formatting and such. I'm quite sure that it could be cleaned up considerably by anyone more versed than myself in the intricacies of jQuery, but I'm pretty pleased thus far. Kevin On Oct 13, 10:45 am, Nishan Karassik [EMAIL PROTECTED] wrote: Wouldn't the $(#my-form [EMAIL PROTECTED]'input']).blur(function() { be my trigger? I would like to validate as the user tabs through the form. How would I not run the function if the field just tabbed from is blank? Thanks for your validation of my script. Nishan On Oct 13, 7:30 am, Jörn Zaefferer [EMAIL PROTECTED] wrote: Validation should always hook into the submit event, eg. $(#myform).submit(function() { ... }); That handles both clicking the submit button as well as hitting enter while an input field has focus. Apart from that, the form plugin handles submitting forms via ajax and handling the response quite well, including file uploads:http://malsup.com/jquery/form/ Jörn On Mon, Oct 13, 2008 at 5:57 AM, Nishan Karassik [EMAIL PROTECTED] wrote: Hello, I have never written a Jquery script, but have, over the last few days, compiled the following, but was hoping someone could look over this to see if I had problems. $(document).ready(function () { $(#my-form [EMAIL PROTECTED]'input']).blur(function() { var queryString = $.(#my-form).formSerialize(); $.post(/path/to/your/validation.php, queryString, function(validation_errors) {
[jQuery] jQuery help to replace CSS position: fixed;
Hi! I am making a menu that I place along the left side of the page. I starts with the position: absolute; left: 0; top: 50px; I tried using position: fixed; but that didn't work in IE6. What i want is that when a user scrolls down the page the menu follows. $(window).scroll(function () { var thePageTopVar = ???; $(#menu).css({top: thePageTopVar}); }); How do I get the windows current position on the page? :/
[jQuery] Re: [treeview] is there a way to extend the click element?
Nevermind, your reply, pointing to toggle, should be what he was looking for. Jörn On Tue, Oct 14, 2008 at 8:56 PM, Eric [EMAIL PROTECTED] wrote: FAIL. :-( On Oct 14, 2:31 pm, Eric [EMAIL PROTECTED] wrote: or at least I tried to change the subject... hrm... second try. On Oct 14, 2:31 pm, Eric [EMAIL PROTECTED] wrote: I'm sorry, I don't have an answer, but I have edited the subject line of the message so that the people that *can* help can better identify the message. I did notice that there's a toggle: callback function. Check out the documentation (click over to the Options tab):http://docs.jquery.com/Plugins/Treeview/treeview Callback when toggling a branch. Arguments: this refers to the UL that was shown or hidden. Works only with speed option set (set speed: 1 to enable callback without animations). documentation example: $(.selector).treeview({ toggle: function() { console.log(this + has been toggled); } }) -E On Oct 14, 1:08 pm, Rainaer [EMAIL PROTECTED] wrote: I would like to be able to dynamically assign aditional functionality to the onclick event within the treeview list structure so that it would not only expand the tree display, but also perform a function which I assign to the list element. Is this possible? Thank you Robert Zumwalt
[jQuery] Re: New to Jquery, have written Validation script...
Forcing focus on a field is always a bad idea. Consider other means, like disabling fields. Jörn On Tue, Oct 14, 2008 at 9:23 PM, TimW66 [EMAIL PROTECTED] wrote: Sorry to hijack a topic, but I too am writing some custom validation, and I am running into a problem. I have a table form where after data is entered in the first field on the row, a new blank row will be added to the bottom of the table. I want to keep the user from entering a duplicate value in that first column. I have the check for duplicates working fine, but the focus always moves to the second field in the row. Is there a way to force the user back to the first field? On Oct 14, 9:12 am, Rick Faircloth [EMAIL PROTECTED] wrote: Good to know... and yes, Jorn's work is great and we appreciate his contributions to the community! Rick Kevin Scholl wrote: Yeah, I have to speak very highly of Jorn's plugin. It's quite comprehensive and very solid. When I started on mine (the first simple version was about a year ago) I simply wanted to see what I could do on my own, so I didn't use any of the existing plugins. But I don't think you can go wrong with Jorn's work. On Oct 14, 6:26 am, Jörn Zaefferer [EMAIL PROTECTED] wrote: Yes it does. It even validates on keypress. Details about that are documented here:http://docs.jquery.com/Plugins/Validation/Reference#Validation_event Jörn On Tue, Oct 14, 2008 at 12:23 PM, Rick Faircloth [EMAIL PROTECTED] wrote: Jorn, Does your plug-in offer on-blur validation? Rick Jörn Zaefferer wrote: Have you looked at this validation plugin? http://bassistance.de/jquery-plugins/jquery-plugin-validation/ Jörn On Tue, Oct 14, 2008 at 5:16 AM, Nishan Karassik [EMAIL PROTECTED] wrote: That is really slick. I like the check boxes after it validates. It looks like you are very well versed in jQuery. This is my first script, but I haven't had time to test it yet. It took me two days (well evenings) to research the right strategy to get that far. I am hoping to submit the form for server-side validation, this way I can use this for any form validation, I just have to change the server side validation response. From the server-side validation, I am hoping to send a JSON array then dynamically update the corresponding div with the key name to the key value. Will the following update the div with the id name of variable err_id with the value contained by err_message? $(err_id).val() = err_message; In the past I've wrote my own JS like the following: document.getElementById('err_provcode').innerHTML = err_provcode; I also work in the Health Care industry on the billing side. I need to do multiple validations combining different dependencies based on database queries for Medical Coding Data Entry on the front-end. Thanks, Nishan On Oct 13, 11:43 am, Kevin Scholl [EMAIL PROTECTED] wrote: I've done something similar to this, where validation is may be run at either field level or on form submit, or both (default is both, can be overridden by invocation setting, below). http://beta.ksscholl.com/jquery/formvalidate.html Routine is invoked by the following snippet in the HEAD of the document: $(#myFormSample).jqValidate({ // validateAt : both, // blur | submit | both passMin : 6 }); The validation script itself is the bottom half of the following: http://beta.ksscholl.com/jquery/js/jqforms.js and checks that required fields have data, as well as various specialized fields have proper formatting and such. I'm quite sure that it could be cleaned up considerably by anyone more versed than myself in the intricacies of jQuery, but I'm pretty pleased thus far. Kevin On Oct 13, 10:45 am, Nishan Karassik [EMAIL PROTECTED] wrote: Wouldn't the $(#my-form [EMAIL PROTECTED]'input']).blur(function() { be my trigger? I would like to validate as the user tabs through the form. How would I not run the function if the field just tabbed from is blank? Thanks for your validation of my script. Nishan On Oct 13, 7:30 am, Jörn Zaefferer [EMAIL PROTECTED] wrote: Validation should always hook into the submit event, eg. $(#myform).submit(function() { ... }); That handles both clicking the submit button as well as hitting enter while an input field has focus. Apart from that, the form plugin handles submitting forms via ajax and handling the response quite well, including file uploads:http://malsup.com/jquery/form/ Jörn On Mon, Oct 13, 2008 at 5:57 AM, Nishan Karassik [EMAIL PROTECTED] wrote: Hello, I have never written a Jquery script, but have, over the last few days, compiled the following, but was hoping someone could look over this to see if I had problems. $(document).ready(function () { $(#my-form [EMAIL
[jQuery] Using multiple selectors
I've a form like form id=Test ... fieldset table ... tbody tr tdinput name=Prefix/td Now I try to access it in the following way: $('#Test, Prefix').value = 'Testing; I also tried $('#Test', 'Prefix').value = 'Testing; with no success. Any idea what's wrong? O. Wyss
[jQuery] Problem with imported style in text shadow with jquery
Hi; I have used this script for text shadow. http://eyebulb.com/dropshadow/ When css is in html file, every thing is ok. But when I ımport external css i cant see any style in my page, and i cannot use this script in my designs with imported styles. My example file is http://www.nabble.com/file/p19972001/jq.rar jq.rar How can I solve this problem. Thanks in advance Yassi -- View this message in context: http://www.nabble.com/Problem-with-imported-style-in-text-shadow-with-jquery-tp19972001s27240p19972001.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] dialog box position
Hello list, I am trying to show a dialog box when user hover a link. The following works on firefox only. Is there better way to do it via jQuery(or browser independent) way? a href=# onmouseover=$('#my_hidden_div_box').dialog({autoOpen: true, draggable: false, resizable: false, position: [event.pageX, event.pageY]});$('#help_user_priority').dialog('open');My link/a I think event.pageX is the culprit, but any other advice is appreciated. Thanks in advance, -Z -- http://code.google.com/p/sweetscala - a Scala web framework.
[jQuery] UI/Sortables beginner understanding problem
Hello I successfully created two UI/Sortables lists, that are connectWith each other. The lists have a decimal numbering, so it looks like the two lists are diplayed in two rows as one: 1. first List 2. blu 3. blubb 4. foo 5. second list 6. bar 7. foobar The UI docs are not clear enough to me. They lack of examples. Sorry I am a beginner ;-) http://docs.jquery.com/UI/Sortables http://docs.jquery.com/UI/Sortables/sortable#options How can I access the ui.item (the current dragged element) to change its css? How can I count the lis from the first list, after its changed, so I can set the start=value in the second list? So Long, and Thanks for All the Fish... and Tipps! tom
[jQuery] Re: jQuery help to replace CSS position: fixed;
So I need to download and include: ui.core.js jquery.easing.js jquery.cookie.js jquery.scrollFollow.js to get this to work? Seems like a lot just for one effect... On Oct 14, 11:38 am, tlob [EMAIL PROTECTED] wrote: you need this?http://plugins.jquery.com/project/scroll-follow the plugin section has more to offer... cu tom On Oct 14, 11:10 am, XeroXer [EMAIL PROTECTED] wrote: Hi! I am making a menu that I place along the left side of the page. I starts with the position: absolute; left: 0; top: 50px; I tried using position: fixed; but that didn't work in IE6. What i want is that when a user scrolls down the page the menu follows. $(window).scroll(function () { var thePageTopVar = ???; $(#menu).css({top: thePageTopVar}); }); How do I get the windows current position on the page? :/
[jQuery] Re: [treeview] is there a way to extend the click element?
Exactly!!! Thank you... I'm finding that the documentation is not very easy to navigate on the jquery site... the information I wanted was there all along, I just couldn't find it. On Tue, Oct 14, 2008 at 2:36 PM, Jörn Zaefferer [EMAIL PROTECTED] wrote: Nevermind, your reply, pointing to toggle, should be what he was looking for. Jörn On Tue, Oct 14, 2008 at 8:56 PM, Eric [EMAIL PROTECTED] wrote: FAIL. :-( On Oct 14, 2:31 pm, Eric [EMAIL PROTECTED] wrote: or at least I tried to change the subject... hrm... second try. On Oct 14, 2:31 pm, Eric [EMAIL PROTECTED] wrote: I'm sorry, I don't have an answer, but I have edited the subject line of the message so that the people that *can* help can better identify the message. I did notice that there's a toggle: callback function. Check out the documentation (click over to the Options tab):http://docs.jquery.com/Plugins/Treeview/treeview Callback when toggling a branch. Arguments: this refers to the UL that was shown or hidden. Works only with speed option set (set speed: 1 to enable callback without animations). documentation example: $(.selector).treeview({ toggle: function() { console.log(this + has been toggled); } }) -E On Oct 14, 1:08 pm, Rainaer [EMAIL PROTECTED] wrote: I would like to be able to dynamically assign aditional functionality to the onclick event within the treeview list structure so that it would not only expand the tree display, but also perform a function which I assign to the list element. Is this possible? Thank you Robert Zumwalt
[jQuery] Re: New to Jquery, have written Validation script...
Understood. The problem is, this will be replacing an existing application that does re-focus the previous field. And the plan is to make the web app work much like the existing app, but with even more functionality. The only way I've found so far to handle the focus is with a setTimeout() to focus the current field. That is kludgy, but it does work. I was just hoping for a better solution. Especially since there will be other areas of the app that I'll need something similar, and I don't think the setTimeout() will really work there. On Oct 14, 2:43 pm, Jörn Zaefferer [EMAIL PROTECTED] wrote: Forcing focus on a field is always a bad idea. Consider other means, like disabling fields. Jörn On Tue, Oct 14, 2008 at 9:23 PM, TimW66 [EMAIL PROTECTED] wrote: Sorry to hijack a topic, but I too am writing some custom validation, and I am running into a problem. I have a table form where after data is entered in the first field on the row, a new blank row will be added to the bottom of the table. I want to keep the user from entering a duplicate value in that first column. I have the check for duplicates working fine, but the focus always moves to the second field in the row. Is there a way to force the user back to the first field? On Oct 14, 9:12 am, Rick Faircloth [EMAIL PROTECTED] wrote: Good to know... and yes, Jorn's work is great and we appreciate his contributions to the community! Rick Kevin Scholl wrote: Yeah, I have to speak very highly of Jorn's plugin. It's quite comprehensive and very solid. When I started on mine (the first simple version was about a year ago) I simply wanted to see what I could do on my own, so I didn't use any of the existing plugins. But I don't think you can go wrong with Jorn's work. On Oct 14, 6:26 am, Jörn Zaefferer [EMAIL PROTECTED] wrote: Yes it does. It even validates on keypress. Details about that are documented here:http://docs.jquery.com/Plugins/Validation/Reference#Validation_event Jörn On Tue, Oct 14, 2008 at 12:23 PM, Rick Faircloth [EMAIL PROTECTED] wrote: Jorn, Does your plug-in offer on-blur validation? Rick Jörn Zaefferer wrote: Have you looked at this validation plugin? http://bassistance.de/jquery-plugins/jquery-plugin-validation/ Jörn On Tue, Oct 14, 2008 at 5:16 AM, Nishan Karassik [EMAIL PROTECTED] wrote: That is really slick. I like the check boxes after it validates. It looks like you are very well versed in jQuery. This is my first script, but I haven't had time to test it yet. It took me two days (well evenings) to research the right strategy to get that far. I am hoping to submit the form for server-side validation, this way I can use this for any form validation, I just have to change the server side validation response. From the server-side validation, I am hoping to send a JSON array then dynamically update the corresponding div with the key name to the key value. Will the following update the div with the id name of variable err_id with the value contained by err_message? $(err_id).val() = err_message; In the past I've wrote my own JS like the following: document.getElementById('err_provcode').innerHTML = err_provcode; I also work in the Health Care industry on the billing side. I need to do multiple validations combining different dependencies based on database queries for Medical Coding Data Entry on the front-end. Thanks, Nishan On Oct 13, 11:43 am, Kevin Scholl [EMAIL PROTECTED] wrote: I've done something similar to this, where validation is may be run at either field level or on form submit, or both (default is both, can be overridden by invocation setting, below). http://beta.ksscholl.com/jquery/formvalidate.html Routine is invoked by the following snippet in the HEAD of the document: $(#myFormSample).jqValidate({ // validateAt : both, // blur | submit | both passMin : 6 }); The validation script itself is the bottom half of the following: http://beta.ksscholl.com/jquery/js/jqforms.js and checks that required fields have data, as well as various specialized fields have proper formatting and such. I'm quite sure that it could be cleaned up considerably by anyone more versed than myself in the intricacies of jQuery, but I'm pretty pleased thus far. Kevin On Oct 13, 10:45 am, Nishan Karassik [EMAIL PROTECTED] wrote: Wouldn't the $(#my-form [EMAIL PROTECTED]'input']).blur(function() { be my trigger? I would like to validate as the user tabs through the form. How would I not run the function if the field just tabbed from is blank? Thanks for your validation of my script. Nishan On Oct 13, 7:30 am, Jörn Zaefferer [EMAIL PROTECTED] wrote: Validation should always hook into the submit event, eg.
[jQuery] Re: jqGrid 3.3 version
Yeah, wow! I'm definitely bookmarking that! Very nicely done! Chris On Tue, Oct 14, 2008 at 2:08 PM, Benjamin Sterling [EMAIL PROTECTED] wrote: Tony, I really must say that that is a beautiful piece of work; I don't have a need for it right now but be sure that I have bookmarked and passed your url on to other devs. On Tue, Oct 14, 2008 at 2:59 PM, Tony [EMAIL PROTECTED] wrote: Hello all, A new version of jqGrid is available. All the new features and bug fixes can be found here http://www.secondpersonplural.ca/jqgriddocs/index.htm Be a sure to visit the demo page for the new features. http://trirand.com/jqgrid/jqgrid.html The jqGrid home page is here http://trirand.com/blog/ Enjoy Tony -- Benjamin Sterling Skype: benjamin.sterling AIM: thekenzoco Web: http://www.KenzoMedia.com http://www.KenzoHosting.com http://www.BenjaminSterling.com -- http://cjordan.us
[jQuery] Re: New to Jquery, have written Validation script...
Have you looked at this validation plugin? http://bassistance.de/jquery-plugins/jquery-plugin-validation/ Jörn On Tue, Oct 14, 2008 at 5:16 AM, Nishan Karassik [EMAIL PROTECTED] wrote: That is really slick. I like the check boxes after it validates. It looks like you are very well versed in jQuery. This is my first script, but I haven't had time to test it yet. It took me two days (well evenings) to research the right strategy to get that far. I am hoping to submit the form for server-side validation, this way I can use this for any form validation, I just have to change the server side validation response. From the server-side validation, I am hoping to send a JSON array then dynamically update the corresponding div with the key name to the key value. Will the following update the div with the id name of variable err_id with the value contained by err_message? $(err_id).val() = err_message; In the past I've wrote my own JS like the following: document.getElementById('err_provcode').innerHTML = err_provcode; I also work in the Health Care industry on the billing side. I need to do multiple validations combining different dependencies based on database queries for Medical Coding Data Entry on the front-end. Thanks, Nishan On Oct 13, 11:43 am, Kevin Scholl [EMAIL PROTECTED] wrote: I've done something similar to this, where validation is may be run at either field level or on form submit, or both (default is both, can be overridden by invocation setting, below). http://beta.ksscholl.com/jquery/formvalidate.html Routine is invoked by the following snippet in the HEAD of the document: $(#myFormSample).jqValidate({ // validateAt : both, // blur | submit | both passMin : 6 }); The validation script itself is the bottom half of the following: http://beta.ksscholl.com/jquery/js/jqforms.js and checks that required fields have data, as well as various specialized fields have proper formatting and such. I'm quite sure that it could be cleaned up considerably by anyone more versed than myself in the intricacies of jQuery, but I'm pretty pleased thus far. Kevin On Oct 13, 10:45 am, Nishan Karassik [EMAIL PROTECTED] wrote: Wouldn't the $(#my-form [EMAIL PROTECTED]'input']).blur(function() { be my trigger? I would like to validate as the user tabs through the form. How would I not run the function if the field just tabbed from is blank? Thanks for your validation of my script. Nishan On Oct 13, 7:30 am, Jörn Zaefferer [EMAIL PROTECTED] wrote: Validation should always hook into the submit event, eg. $(#myform).submit(function() { ... }); That handles both clicking the submit button as well as hitting enter while an input field has focus. Apart from that, the form plugin handles submitting forms via ajax and handling the response quite well, including file uploads:http://malsup.com/jquery/form/ Jörn On Mon, Oct 13, 2008 at 5:57 AM, Nishan Karassik [EMAIL PROTECTED] wrote: Hello, I have never written a Jquery script, but have, over the last few days, compiled the following, but was hoping someone could look over this to see if I had problems. $(document).ready(function () { $(#my-form [EMAIL PROTECTED]'input']).blur(function() { var queryString = $.(#my-form).formSerialize(); $.post(/path/to/your/validation.php, queryString, function(validation_errors) { // do something like changing a css class, disable submit... $.each(validation_errors, function(err_id, err_message) { $(err_id).val() = err_message; } )}; }); )}); Thanks, Nishan
[jQuery] Re: Using multiple selectors
The input needs to have an ID, jQuery can't reference by the name attribute using the style you specified. You might also try: $(#form input['name=Prefix']).val(Testing); Here's more on selecting by attribute: http://docs.jquery.com/Selectors/attributeEquals#attributevalue And for more on selectors: http://docs.jquery.com/Selectors Also, you'll need to use the val() function instead of value. On Oct 14, 2:49 pm, wyo [EMAIL PROTECTED] wrote: I've a form like form id=Test ... fieldset table ... tbody tr tdinput name=Prefix/td Now I try to access it in the following way: $('#Test, Prefix').value = 'Testing; I also tried $('#Test', 'Prefix').value = 'Testing; with no success. Any idea what's wrong? O. Wyss
[jQuery] [Accordion] - documentation
I am playing with the jquery.accordion.js plugin. [1] I did searches in order to discover a resourse explaining the itens: values passed in the code implementation for the various flavors of the plugin documented on the demo page [2] For example: What does means, and which values are allowed for: active: false, navigation: true, fillSpace: false, animated: 'easeslide' ... and all itens possible. Can you please point me out where a found the explanation i am looking for? TIA [1] http://bassistance.de/jquery-plugins/jquery-plugin-accordion/ [2] http://jquery.bassistance.de/accordion/demo/
[jQuery] Re: jQuery help to replace CSS position: fixed;
Why would you replace position fixed with an inferior solution? Fixed positioning behaves much smoother in comparison to a JS solution that reacts on scroll/resize events. There are workarounds for IE 6: http://www.howtocreate.co.uk/fixedPosition.html --Klaus On 14 Okt., 11:10, XeroXer [EMAIL PROTECTED] wrote: Hi! I am making a menu that I place along the left side of the page. I starts with the position: absolute; left: 0; top: 50px; I tried using position: fixed; but that didn't work in IE6. What i want is that when a user scrolls down the page the menu follows. $(window).scroll(function () { var thePageTopVar = ???; $(#menu).css({top: thePageTopVar}); }); How do I get the windows current position on the page? :/
[jQuery] listnav - callback after each button click
hi! i've implemented with great pleasure the listnav plugin for our internal addressbook. However, there is one issue i'm facing: i'm also using the jscrollpane plugin to display a custom scrollbar for the div in which sits the listnav UI. I need to recall the jscrollpane() function after each listnav click. Is this possible as such ? If not could you consider this as a feature request? Thank you! Alexandre LAb[au] _ *lab*oratory for *a*rchitecture and *u*rbanism Alexandre Plennevaux Lakensestraat 104 Rue de Laeken Brussel 1000 Bruxelles België _ Belgique _ Belgium tel: +32 (0)2 2196555 fax: +32 (0)2 4266986 mail: [EMAIL PROTECTED] [EMAIL PROTECTED] http://www.lab-au.com VAT: BE0475.210.720
[jQuery] Re: TreeView plugin
Could you provide some more details on your requirements? Jörn On Mon, Oct 13, 2008 at 6:16 PM, jorgeborgia [EMAIL PROTECTED] wrote: Even considering the TV plugin works nice ,we need some specific features like handling each graph (+,- ) instead of using an unique image.Plus we need to generate them from a Perl CGI ,using our interface.We are advanced on the matter but I think a check with the group would be useful. Comments welcome. R Jorge Borgia Trieste
[jQuery] [Treeview] is there a way to extend the click element?
or at least I tried to change the subject... hrm... second try. On Oct 14, 2:31 pm, Eric [EMAIL PROTECTED] wrote: I'm sorry, I don't have an answer, but I have edited the subject line of the message so that the people that *can* help can better identify the message. I did notice that there's a toggle: callback function. Check out the documentation (click over to the Options tab):http://docs.jquery.com/Plugins/Treeview/treeview Callback when toggling a branch. Arguments: this refers to the UL that was shown or hidden. Works only with speed option set (set speed: 1 to enable callback without animations). documentation example: $(.selector).treeview({ toggle: function() { console.log(this + has been toggled); } }) -E On Oct 14, 1:08 pm, Rainaer [EMAIL PROTECTED] wrote: I would like to be able to dynamically assign aditional functionality to the onclick event within the treeview list structure so that it would not only expand the tree display, but also perform a function which I assign to the list element. Is this possible? Thank you Robert Zumwalt
[jQuery] Re: Using multiple selectors
You could try: script type=text/javascript $(document).ready(function() { $('#Test').find('input[name=Prefix]').css('background- color','yellow'); }); /script but you should consider getting rid of the table as you can style a form's layout using css for tags like form, fieldset, label, input... On 14 Okt., 22:40, TimW66 [EMAIL PROTECTED] wrote: The input needs to have an ID, jQuery can't reference by the name attribute using the style you specified. You might also try: $(#form input['name=Prefix']).val(Testing); Here's more on selecting by attribute:http://docs.jquery.com/Selectors/attributeEquals#attributevalue And for more on selectors:http://docs.jquery.com/Selectors Also, you'll need to use the val() function instead of value. On Oct 14, 2:49 pm, wyo [EMAIL PROTECTED] wrote: I've a form like form id=Test ... fieldset table ... tbody tr tdinput name=Prefix/td Now I try to access it in the following way: $('#Test, Prefix').value = 'Testing; I also tried $('#Test', 'Prefix').value = 'Testing; with no success. Any idea what's wrong? O. Wyss
[jQuery] [validate] Validation code in separate file, fails to work
Hello! I am curious how I can add all the validation code in a separate file. I have put the code in a javascript file then included it. Only it ain't working then. Do I need to do something special for this work? I have like this in the file: $(document).ready(function() { var validator = more_code_here... } and then I include in the normal way in the HTML document Yours, Weyert
[jQuery] Re: New to Jquery, have written Validation script...
Yeah, I have to speak very highly of Jorn's plugin. It's quite comprehensive and very solid. When I started on mine (the first simple version was about a year ago) I simply wanted to see what I could do on my own, so I didn't use any of the existing plugins. But I don't think you can go wrong with Jorn's work. On Oct 14, 6:26 am, Jörn Zaefferer [EMAIL PROTECTED] wrote: Yes it does. It even validates on keypress. Details about that are documented here:http://docs.jquery.com/Plugins/Validation/Reference#Validation_event Jörn On Tue, Oct 14, 2008 at 12:23 PM, Rick Faircloth [EMAIL PROTECTED] wrote: Jorn, Does your plug-in offer on-blur validation? Rick Jörn Zaefferer wrote: Have you looked at this validation plugin? http://bassistance.de/jquery-plugins/jquery-plugin-validation/ Jörn On Tue, Oct 14, 2008 at 5:16 AM, Nishan Karassik [EMAIL PROTECTED] wrote: That is really slick. I like the check boxes after it validates. It looks like you are very well versed in jQuery. This is my first script, but I haven't had time to test it yet. It took me two days (well evenings) to research the right strategy to get that far. I am hoping to submit the form for server-side validation, this way I can use this for any form validation, I just have to change the server side validation response. From the server-side validation, I am hoping to send a JSON array then dynamically update the corresponding div with the key name to the key value. Will the following update the div with the id name of variable err_id with the value contained by err_message? $(err_id).val() = err_message; In the past I've wrote my own JS like the following: document.getElementById('err_provcode').innerHTML = err_provcode; I also work in the Health Care industry on the billing side. I need to do multiple validations combining different dependencies based on database queries for Medical Coding Data Entry on the front-end. Thanks, Nishan On Oct 13, 11:43 am, Kevin Scholl [EMAIL PROTECTED] wrote: I've done something similar to this, where validation is may be run at either field level or on form submit, or both (default is both, can be overridden by invocation setting, below). http://beta.ksscholl.com/jquery/formvalidate.html Routine is invoked by the following snippet in the HEAD of the document: $(#myFormSample).jqValidate({ // validateAt : both, // blur | submit | both passMin : 6 }); The validation script itself is the bottom half of the following: http://beta.ksscholl.com/jquery/js/jqforms.js and checks that required fields have data, as well as various specialized fields have proper formatting and such. I'm quite sure that it could be cleaned up considerably by anyone more versed than myself in the intricacies of jQuery, but I'm pretty pleased thus far. Kevin On Oct 13, 10:45 am, Nishan Karassik [EMAIL PROTECTED] wrote: Wouldn't the $(#my-form [EMAIL PROTECTED]'input']).blur(function() { be my trigger? I would like to validate as the user tabs through the form. How would I not run the function if the field just tabbed from is blank? Thanks for your validation of my script. Nishan On Oct 13, 7:30 am, Jörn Zaefferer [EMAIL PROTECTED] wrote: Validation should always hook into the submit event, eg. $(#myform).submit(function() { ... }); That handles both clicking the submit button as well as hitting enter while an input field has focus. Apart from that, the form plugin handles submitting forms via ajax and handling the response quite well, including file uploads:http://malsup.com/jquery/form/ Jörn On Mon, Oct 13, 2008 at 5:57 AM, Nishan Karassik [EMAIL PROTECTED] wrote: Hello, I have never written a Jquery script, but have, over the last few days, compiled the following, but was hoping someone could look over this to see if I had problems. $(document).ready(function () { $(#my-form [EMAIL PROTECTED]'input']).blur(function() { var queryString = $.(#my-form).formSerialize(); $.post(/path/to/your/validation.php, queryString, function(validation_errors) { // do something like changing a css class, disable submit... $.each(validation_errors, function(err_id, err_message) { $(err_id).val() = err_message; } )}; }); )}); Thanks, Nishan
[jQuery] Re: jquery history_remote IE bug?
Could you post a demo? I suspect a few things but can't really tell. --Klaus On 13 Okt., 18:27, Leanan [EMAIL PROTECTED] wrote: I'm not sure if this is a bug so I thought I'd ask folks and see what they had to say. I have some export links on a page, and despite me not using $.remote or $.history (I use $.click) when a user clicks on these export links in IE, if they use the browser back button afterwards, it tries to re- do the export. I'm not exactly sure what to do about this. I've looked at my code and looked at the plugin code, and nothing jumps out as me as the cause of this issue. Firefox handles it beautifully.
[jQuery] Re: Cross site scripting query
Unfortunately you can't POST a cross-domain JSONP request. Ajax requests can't be cross-domains so internally an add script tag type of approach is used. This means that only GET type parameters (those in the actual URL) can be used. So you either have to go for a local proxy approach (if you really need the POST) or use the GET style of parameters. For an example see: http://docs.jquery.com/Ajax/jQuery.getJSON Karl Rudd On Tue, Oct 14, 2008 at 7:15 PM, .M. [EMAIL PROTECTED] wrote: Hi Is there any additional security restriction on code that is dynamically loaded into a page. Or on .post requests of type json? As per the code below I am trying to create a bookmarklet which references a web service but I'm getting the following error when accessing from a different domain.: uncaught exception: Access to restricted URI denied (NS_ERROR_DOM_BAD_URI) [Break on this error] xhr.open(type, s.url, s.async); The code is var s=document.createElement('script'); s.setAttribute('src', 'http://code.jquery.com/jquery-nightly.js'); document.getElementsByTagName('body')[0].appendChild(s); s.onload=function(){ url = window.location.href; var name='Someone'; var question = 'something'; var details=''; $.post(http://chief:8080/parse_place;, { url: url }, function(data){ if (data.request_dom != '') { console.log('got request'); question = eval(data.request_dom); } if (data.details_dom != '') { console.log('got details'); details = eval(data.details_dom); } if (data.requester_dom != '') { console.log('got requester'); name = eval(data.requester_dom); } }, jsonp); alert(name+ asked ' + question + ''\n\n + details + \n\nURL: + url); }; void(s); Any advice on working around the security issue if possible appreciated. Many thanks .M.
[jQuery] Re: draggable performance issues
Hi, I recently worked on a project that used a lot of draggable items combined with some sorting functionality. There seemed to be major performance issues with FireFox 2 when we tried calculating things on the fly, as the items were dragged. The main culprit of this kind of problem is widths and heights of the elements you are dragging. eg if all the items that could be dragged and sorted were different heights, that couldn't be a fixed value in CSS. jQuery would have to calculate all the heights of the items whilst performing the drag and sort, thus resulting in poor performance. On Oct 14, 6:59 am, chadmichael [EMAIL PROTECTED] wrote: On Firefox 2.0, Linux, I'm seeing horrible performance issues on a draggable div. I thought it might be due to images in the div, but I removed all of that and even a simple div with little content performs poorly. Interestingly enough the demo on the jqueryUI site works great. This makes me think it's something else on my page. My question is: what kinds of things could effect the performance of the draggable?
[jQuery] Re: Tomcat URL encoding problem
ok i've found the problem. we had an old parameter with the character % and it was completely useless On 12 Ott, 21:04, fede [EMAIL PROTECTED] wrote: Hi, i'm calling a Spring controller from jQuery (ajax call) and i have this warning on Tomcat 6: 12-ott-2008 20.50.57 org.apache.tomcat.util.http.Parameters processParameters AVVERTENZA: Parameters: Character decoding failed. Parameter skipped. java.io.CharConversionException: EOF at org.apache.tomcat.util.buf.UDecoder.convert(UDecoder.java:83) at org.apache.tomcat.util.buf.UDecoder.convert(UDecoder.java:49) at org.apache.tomcat.util.http.Parameters.urlDecode(Parameters.java: 412) at org.apache.tomcat.util.http.Parameters.processParameters(Parameters.java: 394) at org.apache.tomcat.util.http.Parameters.processParameters(Parameters.java: 346) at org.apache.catalina.connector.Request.parseParameters(Request.java: 2491) at org.apache.catalina.connector.Request.getParameter(Request.java: 1040) at org.apache.catalina.connector.RequestFacade.getParameter(RequestFacade.java: 355) .. The application works correctly on both oc4j and tomcat, but inthe last i have this problem. I also tried to set tomcat url character encoding to UTF8 but it didn't work. Regards.
[jQuery] Re: How to avoid throbbing Hover actions?
Sounds like a good idea, but according to the Plugin page, this plugin tracks the user's mouse onMouseOver and waits until it slows down before calling the onMouseOver function. That probably won't be useful here: What I need is for stop() to only affect the hover functions. As a work-around, I've wrapped the image set in a wrapper div and applied fadeOut() to that instead of the portImages set. I could dynamically wrap it and hide the returned set, but it's simpler and faster to avoid the DOM node creation for a simple, predictable action. On Oct 14, 9:46 am, Alexandre Plennevaux [EMAIL PROTECTED] wrote: did you try using the hoverIntent plugin ? I find that it makes hover events much easier to work with.http://plugins.jquery.com/project/hoverIntent LAb[au] _ *lab*oratory for *a*rchitecture and *u*rbanism Alexandre Plennevaux Lakensestraat 104 Rue de Laeken Brussel 1000 Bruxelles België _ Belgique _ Belgium tel: +32 (0)2 2196555 fax: +32 (0)2 4266986 mail: [EMAIL PROTECTED] [EMAIL PROTECTED]http://www.lab-au.com VAT: BE0475.210.720 On Tue, Oct 14, 2008 at 3:41 PM, 703designs [EMAIL PROTECTED] wrote: Good call, I didn't know about stop(). I have one more problem though: stop() stops all animations, so the next action (hide all of these boxes if any is clicked) gets halted. I tried using unbind(), but it looks like it's either not working or (more likely) is being terminated by the hover() method before it has a chance to finish. I tried to go a step deeper, separating this into mousedown and mouseup events (unbind on mouse down, fadeOut on mouse up) but the hovered element doesn't hide if it's hovered after the click. Updated:http://703designs.com/jQuery/port.php On Oct 13, 11:32 pm, ricardobeat [EMAIL PROTECTED] wrote: Stop all previous animations before starting a new one: $(.block img).hover(function() { $(this).stop().animate({ width: '120px', height: '120px', marginTop: '5px', }, normal) },function(){ $(this).stop().animate({ width: '80px', height: '80px', marginTop: '25px', }, normal) }); - ricardo On Oct 13, 5:05 pm, 703designs [EMAIL PROTECTED] wrote: Using either $.fn.hover or $.fn.mouse(over|out), I can't figure out how to prevent my animations from firing repeatedly. You'll see what I mean:http://703designs.com/jQuery/port.php(viewsourcehttp://703designs.com/jQuery/port.php%28viewsourceto see what's going on). How would I change this so that the over/hover event can't fire until the element is finished with its current animation? How would I change this so an animation only continues until the mouse leaves rather than taking the full step from 80px h/w to 120px h/w?
[jQuery] Re: jQuery help to replace CSS position: fixed;
you need this? http://plugins.jquery.com/project/scroll-follow the plugin section has more to offer... cu tom On Oct 14, 11:10 am, XeroXer [EMAIL PROTECTED] wrote: Hi! I am making a menu that I place along the left side of the page. I starts with the position: absolute; left: 0; top: 50px; I tried using position: fixed; but that didn't work in IE6. What i want is that when a user scrolls down the page the menu follows. $(window).scroll(function () { var thePageTopVar = ???; $(#menu).css({top: thePageTopVar}); }); How do I get the windows current position on the page? :/
[jQuery] Re: id same as name confuses JQuery?
It seems the problem is that jQuery cannot find elements having an ID with dots in it It can, but you need to read the documentation on how to get around jQuery thinking the dot means has CSS class of http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_select_an_element_that_has_weird_characters_in_its_ID.3F On Oct 14, 11:04 am, Tim Scott [EMAIL PROTECTED] wrote: First sorry for the errors in my example. Braces was a typo. Div with name attribute was an error also. My real issue is with a select tag. Anyway...while creating a sample page I have found that the problem is different than I thought. It seems the problem is that jQuery cannot find elements having an ID with dots in it. For example $ ('#Foo.Bar') will not select div id=Foo.Bar Is this by design? An issue with JS itself? NOTE: I am using jQuery with MS MVC, which has HTML helpers that create tags with IDs with dots in them. WebForms replaces dot with underscores, so I wonder if JS itself has issues with IDs with dots? On Oct 13, 6:46 pm, Dave Methvin [EMAIL PROTECTED] wrote: As Erik says, a sample page would help. I am guessing that you may be using IE6/7, where getElementById returns elements that match the name attribute as well. Also, what doctype are you using? I don't think any of the common ones support a name attribute for the div element.
[jQuery] Re: [Validate] Can I enable custom error message display?
To start with, take a look at the various options related to displaying messages: http://docs.jquery.com/Plugins/Validation/validate Use errorClass, errorElement, wrapper, errorLabelContainer, errorContainer, showErrors, success, errorPlacement, highlight and unhighlight to control how invalid elements and error messages are displayed. showErrors is quite close to what you asked for, though I recomend to first look at the other options available, esepcially errorPlacement, errorContainer and errorLabelContainer. Usually that gets you quite far. Jörn On Tue, Oct 14, 2008 at 3:50 PM, Vish [EMAIL PROTECTED] wrote: Hi all, I am just getting started with the jQuery validation and was wondering if someone can help me out with a question I had with using it. From what I read, the validation plug-in automatically adds and removed the 'label' error tags into the page. For my requirements, I need more customisability of the error message display. I want to be able perform other things when an error is displayed like hide other info messages etc when an error occurs. So, I was wondering if it would be possible for me to just get a list of error messages back from the validation plug-in instead having it inject the error messages into the page for me. I would appreciate any help in this regard. Thank You, Vish
[jQuery] Re: Calling seperate function in each()
Thank you very much, that worked like a charm. On Oct 13, 11:15 pm, Dave Methvin [EMAIL PROTECTED] wrote: How about this? It creates a couple of custom events (showme and hideme) that you trigger to set the state, and the click event just delegates to the right one based on the current state. I just triggered a click on CollapseAll to set the initial state; if you didn't want the coloring to be there you could add some code to remove it at the bottom. $(document).ready(function() { $(a.Category) .bind('showme', function() { $(this).data(hidden, false).parent(li) .css({background: #00ff00}).children(ul).show(); return false; }) .bind('hideme', function() { $(this).data(hidden, true).parent(li) .css({background: #ff}).children(ul).hide(); return false; }) .bind('click', function() { $(this).trigger($(this).data(hidden)? showme : hideme); return false; }); $(#ExpandAll).bind('click', function() { $(a.Category).trigger(showme); return false; }); $(#CollapseAll).bind('click', function() { $(a.Category).trigger(hideme); return false; }).trigger(click); });
[jQuery] New jMaps Release
Hi folks, I'm pleased to announce a new release of jMaps. It's been a while since it has been updated, but I found out it recently features in a chapter in O'Reilly's JavaScript: The Missing Manual so I decided it was probably time to fix it up! The new release has a few major changes which I'll come onto later, but none should affect your existing code too much (just method names, as explained later) This is a branch version with the new Mapifies namespace. The new release is available at: http://www.bitbucket.org/digitalspaghetti/mapifies/ Eventually, this will be merged back into the trunk version, however the reason for the new code structure is as follows. If you can't compile with ant, there is a pre-built version here: http://jmaps.googlegroups.com/web/jquery.jmap.js Within the source folder, you will see the new Google API stuff in files like: Google.Core.js Google.Markers.js The application is now split up into separate files for different functions, to allow more modular code, and it's a hell of a lot easier to read. If you don't need a function in the code (say for example traffic then just don't include it in the build!) The new ant script builds the output file, currently only building google, but eventually it should support other map type too. The API is mostly the same for function, the only exception being functions are now capitalized. So for example seachDirections becomes SearchDirections and addMarker becomes AddMarker. Some options may have changed, check the functions defaults() method, each main function has one of these and contains the default options to be merged with what your passing. The library is missing some of the features in the current release, like streetview. However these were not finished in release, and I need to review them. One of the things to come out the API too is improved callbacks and chainibility. Almost every function has a callback which allows you to access the object you have created. This does put the onus on you as the develop to handle events and errors. Here are a couple of examples: * Create a map and marker manager and add a marker and control visibility with a toggle control. jQuery('#map').jmap('init', { mapCenter:[55.958858,-3.162302] }).jmap('CreateMarkerManager') .jmap('AddMarker', { 'pointLatLng':[55.958858,-3.162302] }, function(marker) { jQuery('.togglemarker').toggle(function(){ marker.hide(); }, function(){ marker.show(); }); }); * Add a feed to the map and control it's visiblity jQuery('#map').jmap('AddFeed', { 'feedUrl':'http://mapgadgets.googlepages.com/cta.kml' }, function(feed){ jQuery('.togglefeed').toggle(function(){ feed.hide(); }, function(){ feed.show(); }); }); Here is an example of better error handling via callbacks, in this example between addresses: jQuery('#map').jmap('SearchDirections', { 'fromAddress':'Edinburgh', 'toAddress':'Nowhere', 'panel':'#directions }, function(directions) { if (!directions.getStatus().code == 200) { jQuery('#directions').html('strongDirections cannot be found/ strong'); return false; } return true; }); Anyway, feel free to poke and prod at the code and feel free to feedback any issues. There is a public tracker on the repo above that you can raise tickets to as well. Thanks, Tane -- Tane Piper http://digitalspaghetti.me.uk twitter: http://twitter.com/tanepiper
[jQuery] Re: Translate standard HREF's into JavaScript expressions -- string manipulation help..
Hi Michael Paul Thanks for your replies - both expressions work ! (plus another I worked on prior to your responses). Just have to say thanks for the great jquery community support offerred here While I have your attention - had another question to ask Since I am translating the standard hrefs with calls to jquery ajax fpr tje entire CMS how does this effect SEO and other bots that 'spider' through the site Will the bots and search engines SEE the original HREF'S and not execute the ajax calls - if so would Paul's approach be better since it amounts to an onClick handler -where the status bar shows original HREF Thanks guys very much appreciated!
[jQuery] Re: New to Jquery, have written Validation script...
Yes it does. It even validates on keypress. Details about that are documented here: http://docs.jquery.com/Plugins/Validation/Reference#Validation_event Jörn On Tue, Oct 14, 2008 at 12:23 PM, Rick Faircloth [EMAIL PROTECTED] wrote: Jorn, Does your plug-in offer on-blur validation? Rick Jörn Zaefferer wrote: Have you looked at this validation plugin? http://bassistance.de/jquery-plugins/jquery-plugin-validation/ Jörn On Tue, Oct 14, 2008 at 5:16 AM, Nishan Karassik [EMAIL PROTECTED] wrote: That is really slick. I like the check boxes after it validates. It looks like you are very well versed in jQuery. This is my first script, but I haven't had time to test it yet. It took me two days (well evenings) to research the right strategy to get that far. I am hoping to submit the form for server-side validation, this way I can use this for any form validation, I just have to change the server side validation response. From the server-side validation, I am hoping to send a JSON array then dynamically update the corresponding div with the key name to the key value. Will the following update the div with the id name of variable err_id with the value contained by err_message? $(err_id).val() = err_message; In the past I've wrote my own JS like the following: document.getElementById('err_provcode').innerHTML = err_provcode; I also work in the Health Care industry on the billing side. I need to do multiple validations combining different dependencies based on database queries for Medical Coding Data Entry on the front-end. Thanks, Nishan On Oct 13, 11:43 am, Kevin Scholl [EMAIL PROTECTED] wrote: I've done something similar to this, where validation is may be run at either field level or on form submit, or both (default is both, can be overridden by invocation setting, below). http://beta.ksscholl.com/jquery/formvalidate.html Routine is invoked by the following snippet in the HEAD of the document: $(#myFormSample).jqValidate({ // validateAt : both, // blur | submit | both passMin : 6 }); The validation script itself is the bottom half of the following: http://beta.ksscholl.com/jquery/js/jqforms.js and checks that required fields have data, as well as various specialized fields have proper formatting and such. I'm quite sure that it could be cleaned up considerably by anyone more versed than myself in the intricacies of jQuery, but I'm pretty pleased thus far. Kevin On Oct 13, 10:45 am, Nishan Karassik [EMAIL PROTECTED] wrote: Wouldn't the $(#my-form [EMAIL PROTECTED]'input']).blur(function() { be my trigger? I would like to validate as the user tabs through the form. How would I not run the function if the field just tabbed from is blank? Thanks for your validation of my script. Nishan On Oct 13, 7:30 am, Jörn Zaefferer [EMAIL PROTECTED] wrote: Validation should always hook into the submit event, eg. $(#myform).submit(function() { ... }); That handles both clicking the submit button as well as hitting enter while an input field has focus. Apart from that, the form plugin handles submitting forms via ajax and handling the response quite well, including file uploads:http://malsup.com/jquery/form/ Jörn On Mon, Oct 13, 2008 at 5:57 AM, Nishan Karassik [EMAIL PROTECTED] wrote: Hello, I have never written a Jquery script, but have, over the last few days, compiled the following, but was hoping someone could look over this to see if I had problems. $(document).ready(function () { $(#my-form [EMAIL PROTECTED]'input']).blur(function() { var queryString = $.(#my-form).formSerialize(); $.post(/path/to/your/validation.php, queryString, function(validation_errors) { // do something like changing a css class, disable submit... $.each(validation_errors, function(err_id, err_message) { $(err_id).val() = err_message; } )}; }); )}); Thanks, Nishan
[jQuery] Re: .html() is rewriting to amp;
That's the correct behaviour, the character has special meaning in HTML so it needs to be escaped. Unless it causes a specific problem I'd suggest ignoring it. On Oct 14, 2:56 am, rmirabelle [EMAIL PROTECTED] wrote: the .html() function is rewriting all instances of to amp; without my permission: example: $('#div').html(http://www.coolsite.com?x=1y=2;); the div then shows: http://www.coolsite.com?x=1y=2 how can I prevent this behavior? Thanks in advance
[jQuery] Re: [treeview] is there a way to extend the click element?
Right. Autoupdated documentation browsers that use the content from the wiki are a high priority! We're slowly getting somewhere. Jörn On Tue, Oct 14, 2008 at 10:12 PM, Rainaer [EMAIL PROTECTED] wrote: Exactly!!! Thank you... I'm finding that the documentation is not very easy to navigate on the jquery site... the information I wanted was there all along, I just couldn't find it. On Tue, Oct 14, 2008 at 2:36 PM, Jörn Zaefferer [EMAIL PROTECTED] wrote: Nevermind, your reply, pointing to toggle, should be what he was looking for. Jörn On Tue, Oct 14, 2008 at 8:56 PM, Eric [EMAIL PROTECTED] wrote: FAIL. :-( On Oct 14, 2:31 pm, Eric [EMAIL PROTECTED] wrote: or at least I tried to change the subject... hrm... second try. On Oct 14, 2:31 pm, Eric [EMAIL PROTECTED] wrote: I'm sorry, I don't have an answer, but I have edited the subject line of the message so that the people that *can* help can better identify the message. I did notice that there's a toggle: callback function. Check out the documentation (click over to the Options tab):http://docs.jquery.com/Plugins/Treeview/treeview Callback when toggling a branch. Arguments: this refers to the UL that was shown or hidden. Works only with speed option set (set speed: 1 to enable callback without animations). documentation example: $(.selector).treeview({ toggle: function() { console.log(this + has been toggled); } }) -E On Oct 14, 1:08 pm, Rainaer [EMAIL PROTECTED] wrote: I would like to be able to dynamically assign aditional functionality to the onclick event within the treeview list structure so that it would not only expand the tree display, but also perform a function which I assign to the list element. Is this possible? Thank you Robert Zumwalt
[jQuery] Problem with jCarousel in Safari.
Im using google.load to fire up jquery and it seems that its causing jCarousel to behave funny in chrome / safari, firstly if the jcarousel call is before the carousel itself then the next / previous buttons stay disabled then if you move the call after the carousel then it lose position and scroll more than it should compared to firefox etc. im using the simple template as a debug as the page i am using this on has allot of other function which i thought to be the problem originally, here is the code i am using. script language=javascript type=text/javascript src=http:// www.google.com/jsapi /script script type=text/javascript google.load(jquery, 1.2.6); google.setOnLoadCallback(function() { $('#mycarousel').jcarousel({ vertical: true, scroll: 2 }); });/script !-- jCarousel library -- script type=text/javascript src=../lib/jquery.jcarousel.pack.js/ script Any ideas how to get safari behave for this?
[jQuery] Re: [Accordion] - documentation
That first link contained a link to the documentation here: http://docs.jquery.com/UI/Accordion Jörn On Tue, Oct 14, 2008 at 10:44 PM, Mauricio (Maujor) Samy Silva [EMAIL PROTECTED] wrote: I am playing with the jquery.accordion.js plugin. [1] I did searches in order to discover a resourse explaining the itens: values passed in the code implementation for the various flavors of the plugin documented on the demo page [2] For example: What does means, and which values are allowed for: active: false, navigation: true, fillSpace: false, animated: 'easeslide' ... and all itens possible. Can you please point me out where a found the explanation i am looking for? TIA [1] http://bassistance.de/jquery-plugins/jquery-plugin-accordion/ [2] http://jquery.bassistance.de/accordion/demo/
[jQuery] Re: [validate] Validation code in separate file, fails to work
There are lot of reasons why the included file didn't work, and its hard to tell without looking at it. I recommend to use Firebug: Check the Net tab to see if the file was actually loaded. Jörn On Tue, Oct 14, 2008 at 11:05 PM, Weyert de Boer [EMAIL PROTECTED] wrote: Hello! I am curious how I can add all the validation code in a separate file. I have put the code in a javascript file then included it. Only it ain't working then. Do I need to do something special for this work? I have like this in the file: $(document).ready(function() { var validator = more_code_here... } and then I include in the normal way in the HTML document Yours, Weyert
[jQuery] Re: jqGrid 3.3 version
Wow Tony! Just WOW! :D Rey... Tony wrote: Hello all, A new version of jqGrid is available. All the new features and bug fixes can be found here http://www.secondpersonplural.ca/jqgriddocs/index.htm Be a sure to visit the demo page for the new features. http://trirand.com/jqgrid/jqgrid.html The jqGrid home page is here http://trirand.com/blog/ Enjoy Tony
[jQuery] Re: New to Jquery, have written Validation script...
Jorn, Does your plug-in offer on-blur validation? Rick Jörn Zaefferer wrote: Have you looked at this validation plugin? http://bassistance.de/jquery-plugins/jquery-plugin-validation/ Jörn On Tue, Oct 14, 2008 at 5:16 AM, Nishan Karassik [EMAIL PROTECTED] wrote: That is really slick. I like the check boxes after it validates. It looks like you are very well versed in jQuery. This is my first script, but I haven't had time to test it yet. It took me two days (well evenings) to research the right strategy to get that far. I am hoping to submit the form for server-side validation, this way I can use this for any form validation, I just have to change the server side validation response. From the server-side validation, I am hoping to send a JSON array then dynamically update the corresponding div with the key name to the key value. Will the following update the div with the id name of variable err_id with the value contained by err_message? $(err_id).val() = err_message; In the past I've wrote my own JS like the following: document.getElementById('err_provcode').innerHTML = err_provcode; I also work in the Health Care industry on the billing side. I need to do multiple validations combining different dependencies based on database queries for Medical Coding Data Entry on the front-end. Thanks, Nishan On Oct 13, 11:43 am, Kevin Scholl [EMAIL PROTECTED] wrote: I've done something similar to this, where validation is may be run at either field level or on form submit, or both (default is both, can be overridden by invocation setting, below). http://beta.ksscholl.com/jquery/formvalidate.html Routine is invoked by the following snippet in the HEAD of the document: $(#myFormSample).jqValidate({ // validateAt : both, // blur | submit | both passMin : 6 }); The validation script itself is the bottom half of the following: http://beta.ksscholl.com/jquery/js/jqforms.js and checks that required fields have data, as well as various specialized fields have proper formatting and such. I'm quite sure that it could be cleaned up considerably by anyone more versed than myself in the intricacies of jQuery, but I'm pretty pleased thus far. Kevin On Oct 13, 10:45 am, Nishan Karassik [EMAIL PROTECTED] wrote: Wouldn't the $(#my-form [EMAIL PROTECTED]'input']).blur(function() { be my trigger? I would like to validate as the user tabs through the form. How would I not run the function if the field just tabbed from is blank? Thanks for your validation of my script. Nishan On Oct 13, 7:30 am, Jörn Zaefferer [EMAIL PROTECTED] wrote: Validation should always hook into the submit event, eg. $(#myform).submit(function() { ... }); That handles both clicking the submit button as well as hitting enter while an input field has focus. Apart from that, the form plugin handles submitting forms via ajax and handling the response quite well, including file uploads:http://malsup.com/jquery/form/ Jörn On Mon, Oct 13, 2008 at 5:57 AM, Nishan Karassik [EMAIL PROTECTED] wrote: Hello, I have never written a Jquery script, but have, over the last few days, compiled the following, but was hoping someone could look over this to see if I had problems. $(document).ready(function () { $(#my-form [EMAIL PROTECTED]'input']).blur(function() { var queryString = $.(#my-form).formSerialize(); $.post(/path/to/your/validation.php, queryString, function(validation_errors) { // do something like changing a css class, disable submit... $.each(validation_errors, function(err_id, err_message) { $(err_id).val() = err_message; } )}; }); )}); Thanks, Nishan
[jQuery] validation works in FF, but not in IE??
Hi, i use the validation plugin form http://docs.jquery.com/Plugins/Validation All works perfect, i thought. With Firefox it works really perfect, but when i change to explorer mode, there is no validation at all? Spent all evening to this problem, but really cant find out why its not working. Please can someone help me a bit? This is the code: $().ready(function() { // validate the form when it is submitted $(#commentForm).validate(); // validate signup form on keyup and submit $(#mailForm).validate({ rules: { naam: required, telnr: required, email: { required: true, email: true }, geslacht:{ required: true }, }, messages: { naam: Graag uw naam nog invullen!, email: Graag nog een geldig email adres invullen!, telnr:Graag nog een telefoonnummer invullen!, geslacht:Aanspreek titel nog aanvinken! } }); }); And this is the form: form class=cmxform id=mailForm method=post action=bedankt.php fieldset legendContact formulier/legend p label for=uwnaamUw naam/label input id=naam name=naam / /p p label for=emailEmail/label input id=email name=email / /p p label for=telnrTelefoon nr:/label input id=tel name=telnr / /p pfieldset id=titelAanspreektitel: label for=aanspreektitelDhr Dhr. input type=checkbox id=dhr name=geslacht value=Dhr. /label label for=aanspreektitelMw Mw. input type=checkbox id=mw name=geslacht value=Mw. /label /fieldset /p pOver welke applicatie wilt u meer informatie?/p select name=info[] size=4 multiple=multiple option Scan /option optionBrandkleppen en brandwerende roosters /option optionBrandwerend bekleden van staalconstructies / option optionBrandwerende doorvoeringen/option /select psmallMet de CTRL toets kunt u meerdere applicaties kiezen / small /P pOverige opmerkingen/p ptextarea name=overig rows=6 cols=60Type hier uw overige vragen of opmerkingen... /textarea/p pinput class=submit type=submit value=Verzend bericht// p /fieldset /form
[jQuery] Using variables with animate()
Hi, I've made a sliding gallery which works well enough, but I'm currently having to use a lot of conditional statements to work out where the images need to be animated. Is there a way to use variable within the animation function? E.g. $(whatever).animate({variable: '200px'}, 200); If I replace the variable with a hard-coded css property then it works fine. Any suggestions would be greatly appreciated. -- View this message in context: http://www.nabble.com/Using-variables-with-animate%28%29-tp19975977s27240p19975977.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Ajax load() problems
Hi guys, I'm having problems with the Ajax load() function. I use it one time and then I'm not able to use it anymore. I know there's a section for this in the FAQ but there it talks about links... I need to use that function with the onload event or in the body inside a javascript tag, so I don't really know how to fix this problem. Please help =(
[jQuery] Re: Using multiple selectors
Try the val function: http://docs.jquery.com/Val - Michael - Original Message From: wyo [EMAIL PROTECTED] To: jQuery (English) jquery-en@googlegroups.com Sent: Tuesday, October 14, 2008 12:49:58 PM Subject: [jQuery] Using multiple selectors I've a form like form id=Test ... fieldset table ... tbody tr tdinput name=Prefix/td Now I try to access it in the following way: $('#Test, Prefix').value = 'Testing; I also tried $('#Test', 'Prefix').value = 'Testing; with no success. Any idea what's wrong? O. Wyss
[jQuery] Re: validation works in FF, but not in IE??
You've got a trailing comma here: geslacht:{ required: true }, Removing it should fix IE (and every other non-FF browser). Jörn 2008/10/15 [EMAIL PROTECTED] [EMAIL PROTECTED]: Hi, i use the validation plugin form http://docs.jquery.com/Plugins/Validation All works perfect, i thought. With Firefox it works really perfect, but when i change to explorer mode, there is no validation at all? Spent all evening to this problem, but really cant find out why its not working. Please can someone help me a bit? This is the code: $().ready(function() { // validate the form when it is submitted $(#commentForm).validate(); // validate signup form on keyup and submit $(#mailForm).validate({ rules: { naam: required, telnr: required, email: { required: true, email: true }, geslacht:{ required: true }, }, messages: { naam: Graag uw naam nog invullen!, email: Graag nog een geldig email adres invullen!, telnr:Graag nog een telefoonnummer invullen!, geslacht:Aanspreek titel nog aanvinken! } }); }); And this is the form: form class=cmxform id=mailForm method=post action=bedankt.php fieldset legendContact formulier/legend p label for=uwnaamUw naam/label input id=naam name=naam / /p p label for=emailEmail/label input id=email name=email / /p p label for=telnrTelefoon nr:/label input id=tel name=telnr / /p pfieldset id=titelAanspreektitel: label for=aanspreektitelDhr Dhr. input type=checkbox id=dhr name=geslacht value=Dhr. /label label for=aanspreektitelMw Mw. input type=checkbox id=mw name=geslacht value=Mw. /label /fieldset /p pOver welke applicatie wilt u meer informatie?/p select name=info[] size=4 multiple=multiple option Scan /option optionBrandkleppen en brandwerende roosters /option optionBrandwerend bekleden van staalconstructies / option optionBrandwerende doorvoeringen/option /select psmallMet de CTRL toets kunt u meerdere applicaties kiezen / small /P pOverige opmerkingen/p ptextarea name=overig rows=6 cols=60Type hier uw overige vragen of opmerkingen... /textarea/p pinput class=submit type=submit value=Verzend bericht// p /fieldset /form
[jQuery] Re: New jMaps Release
As I said, I'd work on the streetview module and here it is! You can grab the latest source, or grab the build from here: http://groups.google.com/group/jmaps/web/jquery.jmap.js To see the streetview in action, here is a snippet to use: $('#map1').jmap('init', {mapCenter: [40.75271883902363,-73.98262023925781]}).jmap('CreateStreetviewPanorama', { 'latlng': [40.75271883902363, -73.98262023925781], 'overideContainer':'#map2' }, function(view) { $('.toggle- streetview').toggle(function(){ view.hide() }, function(){ view.show() }); $('.remove- streetview').click(function(){ view.remove(); }); }); This will let you see the streetview in another port from the map, and with toggle and remove buttons to show you how easy it is all in one chained function! On Oct 14, 10:35 pm, Tane Piper [EMAIL PROTECTED] wrote: Hi folks, I'm pleased to announce a new release of jMaps. It's been a while since it has been updated, but I found out it recently features in a chapter in O'Reilly's JavaScript: The Missing Manual so I decided it was probably time to fix it up! The new release has a few major changes which I'll come onto later, but none should affect your existing code too much (just method names, as explained later) This is a branch version with the new Mapifies namespace. The new release is available at: http://www.bitbucket.org/digitalspaghetti/mapifies/ Eventually, this will be merged back into the trunk version, however the reason for the new code structure is as follows. If you can't compile with ant, there is a pre-built version here: http://jmaps.googlegroups.com/web/jquery.jmap.js Within the source folder, you will see the new Google API stuff in files like: Google.Core.js Google.Markers.js The application is now split up into separate files for different functions, to allow more modular code, and it's a hell of a lot easier to read. If you don't need a function in the code (say for example traffic then just don't include it in the build!) The new ant script builds the output file, currently only building google, but eventually it should support other map type too. The API is mostly the same for function, the only exception being functions are now capitalized. So for example seachDirections becomes SearchDirections and addMarker becomes AddMarker. Some options may have changed, check the functions defaults() method, each main function has one of these and contains the default options to be merged with what your passing. The library is missing some of the features in the current release, like streetview. However these were not finished in release, and I need to review them. One of the things to come out the API too is improved callbacks and chainibility. Almost every function has a callback which allows you to access the object you have created. This does put the onus on you as the develop to handle events and errors. Here are a couple of examples: * Create a map and marker manager and add a marker and control visibility with a toggle control. jQuery('#map').jmap('init', { mapCenter:[55.958858,-3.162302] }).jmap('CreateMarkerManager') .jmap('AddMarker', { 'pointLatLng':[55.958858,-3.162302] }, function(marker) { jQuery('.togglemarker').toggle(function(){ marker.hide(); }, function(){ marker.show(); }); }); * Add a feed to the map and control it's visiblity jQuery('#map').jmap('AddFeed', { 'feedUrl':'http://mapgadgets.googlepages.com/cta.kml' }, function(feed){ jQuery('.togglefeed').toggle(function(){ feed.hide(); }, function(){ feed.show(); }); }); Here is an example of better error handling via callbacks, in this example between addresses: jQuery('#map').jmap('SearchDirections', { 'fromAddress':'Edinburgh', 'toAddress':'Nowhere', 'panel':'#directions }, function(directions) { if (!directions.getStatus().code == 200) { jQuery('#directions').html('strongDirections cannot be found/ strong'); return false; } return true; }); Anyway, feel free to poke and prod at the code and feel free to feedback any issues. There is a public tracker on the repo above that you can raise tickets to as well. Thanks, Tane -- Tane Piperhttp://digitalspaghetti.me.uk twitter:http://twitter.com/tanepiper
[jQuery] Re: listening for dom changes?
Some browsers have DOM change type events but not all. Your best bet is one of the plugins like LiveQuery. Karl Rudd On Wed, Oct 15, 2008 at 5:53 AM, AstroIvan [EMAIL PROTECTED] wrote: I have a set of functions I'd like to reapply if the dom changes. Example being a page section being refreshed and I need to reapply event listeners. I'm aware of the listen/intercept plugins, but it doesn't sound like they're exactly what I need. I typically do event delegation manually with 'is', a document handler, and a simple class- based selector. Does document or JQuery provide an event I can use to re-initialize?
[jQuery] Re: New jMaps Release
Tane Piper wrote: Anyway, feel free to poke and prod at the code and feel free to feedback any issues. There is a public tracker on the repo above that you can raise tickets to as well. Awesome :) I'm not sure when I'll have time to update to this but it looks like excellent progress. Thanks for this. Col -- Colin Guthrie gmane(at)colin.guthr.ie http://colin.guthr.ie/ Day Job: Tribalogic Limited [http://www.tribalogic.net/] Open Source: Mandriva Linux Contributor [http://www.mandriva.com/] PulseAudio Hacker [http://www.pulseaudio.org/] Trac Hacker [http://trac.edgewall.org/]
[jQuery] Re: don't understand this bug _ please review code
hi ricardo, first of all, thank you for your time. Can you tell me which browser you used for the test? preloading the images is necessary because the other alternative would be to not put the img tags in the dom and feed them via ajax, but then it would make the website content unaccessible for non javascript browsers. What i'm thinking is to actually have the img tags, change their src value to a generic placeholder and store their src attribute value in a dummy attribute. Then actually loading the images and when loaded, fill their path back in the src attribute. Don't know if it will work though. as for my bug, it is indeed what happens when clicking on the keywords that produces the hickup, but i can't seem to solve it. Still trying... thanks ! On Mon, Oct 13, 2008 at 3:39 PM, ricardobeat [EMAIL PROTECTED] wrote: Hi, It's not really working here.. when I click experimental or people some bars get added, but depending on the combination the bars added have different widths. Deselecting all of them still leaves most of the bars, but they stop working. The grey box is one (or more) of the bars. When you click one of the keywords to regenerate the barcode, it starts growing in width. The one I looked at went up to 18808px, then shrank back to 33px, restoring the barcode - it's a long running function, took around 10 seconds. I don't have time to look at the code right now, but that should give you a clue of what's going on. Do you really need to preload all the images? It's a huge hit on the server and slows down the browser considerably. - ricardo On Oct 12, 4:40 pm, Alexandre Plennevaux [EMAIL PROTECTED] wrote: hi Friends, i'm about to finish an old project of a specific image viewer for a professional photographer. The whole idea is that her work becomes her identity. Therefore, the pictures are displayed in imagesets one next to each other, each being a line, thin or thick according to the number of images it contain. This generates an ID-related graphic: a barcode. Now, i'm about to be finished, but there is a bug i can't seem to nail down and i would be very grateful if you guys could spend some of your time helping me out. Please first check the live prototype: http://www.pixeline.be/test/lisapram/ (thanks for your patience, 101 images to load !) now, past the rudimentary preloader, you should see a grey barcode. You can hover then click on each line to expand the image set, and see what it does. Above, you get keywords summarizing her main work keywords: professional, experimental, people (portraits), etc. If you click on them, it should activate/disactivates the barcode (not) tagged with these keywords, thus generating a different barcode, according to the current combination of tags selected. Problem is exactly there: the barcode does not quite reinitalise, or i don't know exactly in fact how to describe it: a grey box appears underneath, and i don't find where it comes from. Can somebody check? If you want to peak at the code (js and html) are available in the nice jsbin app of remy: http://jsbin.com/eqime thank you very much for your help ! Alexandre Plennevaux
[jQuery] Re: validation works in FF, but not in IE??
thanks, that was the right solution, i also found this in another thread, after i let the dog out, really:) On 15 okt, 00:44, Jörn Zaefferer [EMAIL PROTECTED] wrote: You've got a trailing comma here: geslacht:{ required: true }, Removing it should fix IE (and every other non-FF browser). Jörn 2008/10/15 [EMAIL PROTECTED] [EMAIL PROTECTED]: Hi, i use the validation plugin formhttp://docs.jquery.com/Plugins/Validation All works perfect, i thought. With Firefox it works really perfect, but when i change to explorer mode, there is no validation at all? Spent all evening to this problem, but really cant find out why its not working. Please can someone help me a bit? This is the code: $().ready(function() { // validate the form when it is submitted $(#commentForm).validate(); // validate signup form on keyup and submit $(#mailForm).validate({ rules: { naam: required, telnr: required, email: { required: true, email: true }, geslacht:{ required: true }, }, messages: { naam: Graag uw naam nog invullen!, email: Graag nog een geldig email adres invullen!, telnr:Graag nog een telefoonnummer invullen!, geslacht:Aanspreek titel nog aanvinken! } }); }); And this is the form: form class=cmxform id=mailForm method=post action=bedankt.php fieldset legendContact formulier/legend p label for=uwnaamUw naam/label input id=naam name=naam / /p p label for=emailEmail/label input id=email name=email / /p p label for=telnrTelefoon nr:/label input id=tel name=telnr / /p pfieldset id=titelAanspreektitel: label for=aanspreektitelDhr Dhr. input type=checkbox id=dhr name=geslacht value=Dhr. /label label for=aanspreektitelMw Mw. input type=checkbox id=mw name=geslacht value=Mw. /label /fieldset /p pOver welke applicatie wilt u meer informatie?/p select name=info[] size=4 multiple=multiple option Scan /option optionBrandkleppen en brandwerende roosters /option optionBrandwerend bekleden van staalconstructies / option optionBrandwerende doorvoeringen/option /select psmallMet de CTRL toets kunt u meerdere applicaties kiezen / small /P pOverige opmerkingen/p ptextarea name=overig rows=6 cols=60Type hier uw overige vragen of opmerkingen... /textarea/p pinput class=submit type=submit value=Verzend bericht// p /fieldset /form
[jQuery] Re: draggable performance issues
I'm not sure i follow you. Are you saying that I just need to style the draggable element to a fixed size? On Oct 14, 3:20 pm, Louis [EMAIL PROTECTED] wrote: Hi, I recently worked on a project that used a lot of draggable items combined with some sorting functionality. There seemed to be major performance issues with FireFox 2 when we tried calculating things on the fly, as the items were dragged. The main culprit of this kind of problem is widths and heights of the elements you are dragging. eg if all the items that could be dragged and sorted were different heights, that couldn't be a fixed value in CSS. jQuery would have to calculate all the heights of the items whilst performing the drag and sort, thus resulting in poor performance. On Oct 14, 6:59 am, chadmichael [EMAIL PROTECTED] wrote: On Firefox 2.0, Linux, I'm seeing horrible performance issues on a draggable div. I thought it might be due to images in the div, but I removed all of that and even a simple div with little content performs poorly. Interestingly enough the demo on the jqueryUI site works great. This makes me think it's something else on my page. My question is: what kinds of things could effect the performance of the draggable?