[jQuery] Re: what is call()
On Oct 3, 2009, at 1:21 AM, runrunforest wrote: I see it is used in many plugins. I try to find document about it but no help. It's a JavaScript function: https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Function/call --Karl Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] what is call()
I see it is used in many plugins. I try to find document about it but no help.
[jQuery] Re: Form Plugin issue with multiple submit buttons
Sure, here it is. Thank you! http://test.nmrwiki.org/wiki/index.php?title=Special:People&command=/people/moderate/ there are many identical forms with different data. javascript submission goes to a different url -> to wsgi application, which is set in the script /pywiki/media/scripts/people.js my server side wsgi app receives form data, but is missing the clicked button. non-js submission goes through the original url so I've omitted form action, that part works fine. I've looked at the jquery.forms.js - there seem to be two submit handlers chained - second one accepts the clicked element, and it's never called in my case. Thanks again. Evgeny. On Oct 2, 8:02 pm, Mike Alsup wrote: > > I've used $(#myform).ajaxForm(options) > > method to make the form submittable with ajax. > > > the problem is that no matter what button I click the > > form data is the same and element is not > > included > > into the form data, as if it were not a "successul control". > > > so at this point form doesn't work as expected. > > > is there a way to convey information of which button was clicked > > with the form plugin? > > Please post a link to your page. There is likely something wrong with > the markup.
[jQuery] [jcarousellite] stopping and restarting the auto scrolling
Hello guys, Is there a way to stop a carousel (created with jcarosellite 1.0.1) when it has ben set up with auto-scrolling? I need to be able to stop it and restart it when a button is pressed. If I can't can you please suggest me a plugin that have infinite scrolling, auto-scrolling and I can stop/restart? Thanks and have a nice day. Sig
[jQuery] Re: why plugin function need 2 parameter sometimes
> I don't see how maxentries as parameter is need in this code > > jQuery.fn.pagination = function(maxentries, opts) > > in some plugins, i see everything works fine with just something like > this > > jQuery.fn.pluginname = function(opts) It all depends on how the author wrote the plugin. If the function requires two params then you need to provide two params.
[jQuery] Re: ajax submit upload file firebug... no answer
> Effectively after uploading file we can't see any response in firebug. > (You can see an example in the official website of jquery form > pluginhttp://malsup.com/jquery/form/#code-samples) You won't see the response from a file upload displayed on the Firebug console tab because that request does not use ajax. You will see the request/response on Firebug's "Net" tab however. > And in the response i call a script with > > My page get this file well but i have a javascript error on the "$" of > $(document).ready(function() {... This is due to the nature of how the file upload is performed. As I said, it does not use ajax, however it simulates ajax by performing a native form submit and pointing the response to a dynamic iframe. So the response is actually received in a different document, and then the form plugin extracts it and passes the response data to your success handler. That dynamic iframe document does not have direct access to the jQuery $ fn. One way around this, as is noted in the documentation, is to return this response data inside a element (which the plugin knows how to handle). Another way to handle this is to embed you logic in the main document.
[jQuery] Re: Pick different effects with jquery
> Try taking a look at the wonderful cycle plugin of Mike Alsup: >http://malsup.com/jquery/cycle/options.html Thanks for the comment. Here's another page to look at that shows the variety of effects available: http://www.malsup.com/jquery/cycle/multi.html
[jQuery] Re: .ajax() with dataType: 'jsonp' will not use error callback if request fails
> I think this is a known limitation of jsonp as a technique, not a bug > with jquery itself. Jsonp works by appending a script tag to the DOM, > whose "src" attribute points to the URL you specify. The URL is > expected to wrap a json object in a function call to the function you > specify, and the returned text is evaluated using eval().. Just like > script tags that are returned in the sorce HTML, if the server doesn't > respond (or throws a 404), I don't think there is a way to determine > that through JavaScript. > > $.ajax() can determine other error scenarios by inspecting the XHR > object, but jsonp doesn't use XHR. Hope that helps. Here's a jsonp function that handles errors and timeouts: http://gist.github.com/82181
[jQuery] Re: Passing arguments to an ajax call that returns automagically
> I have a bunch of ajax events that are fired one after an other to fill > different spots on the page. Hence it's important that I know which dom > element each on of the resulting data is supposed to belong to. > > I was wondering if there is a way I can pass the id of each element into the > call so that it gets returned automagically without any intervention by the > server? > > In YUI I can pass any number of arguments to an axax call and these > areguments are available as part of the response. You can achieve this sort of thing using closures. For example: function getData(id, url) { $.ajax({ url: url, success: function(data) { $(id).html(data); } }); }
[jQuery] Re: Form Plugin issue with multiple submit buttons
> I've used $(#myform).ajaxForm(options) > method to make the form submittable with ajax. > > the problem is that no matter what button I click the > form data is the same and element is not > included > into the form data, as if it were not a "successul control". > > so at this point form doesn't work as expected. > > is there a way to convey information of which button was clicked > with the form plugin? Please post a link to your page. There is likely something wrong with the markup.
[jQuery] Passing arguments to an ajax call that returns automagically
I have a bunch of ajax events that are fired one after an other to fill different spots on the page. Hence it's important that I know which dom element each on of the resulting data is supposed to belong to. I was wondering if there is a way I can pass the id of each element into the call so that it gets returned automagically without any intervention by the server? In YUI I can pass any number of arguments to an axax call and these areguments are available as part of the response. Can this or perhaps something similar be done with jQuery? I tried to search for this, but didn't find much (not quite certain what to search for in the first place). thanks...martin
[jQuery] Re: animation only when mouseover
Any ideas? THANKS On Sep 21, 12:47 pm, Macsig wrote: > Thanks, > it stops the animation but now there is an other issue. > Is there a way to keep the same speed for thescrolling? I mean if I > set the duration up and down and I go down just, let us say, for 1/3 > of the div when I scroll back up the animation is 3 times slower since > the duration is hardcoded. > The first idea I had is to determine where I'm in the div in order to > define a constant speed but I can find anything about that on scrollTo > documentation. > For instance, let us say I want to have 5000 as a duration for the > entirescrolling, when I'm 20% down I want to set the up speed = > 5000x0.2 and down speed =5000x0.8. In this way the speed is constant. > > THANKS > > On Sep 21, 8:01 am, Robin Abony wrote: > > > > > Hello macsig! > > > I haven't really had time to look into your problem, but after a quick > > look through the documentation i found > > thishttp://docs.jquery.com/Effects/stop#clearQueuegotoEnd > > > Perhaps that could work for you? I imagine something along the lines > > of : > > > $('#down_button').mouseover(function(){ > > $('#text').scrollTo('100%', {axis:'y', > > duration: 5000}); > > }).mouseout(function(){ > > $('#text').stop(); > > }); > > > Give that a try! > > > On 21 Sep, 03:49, macsig wrote: > > > > Hi there, > > > I'm trying to use scrollTo in oder to scroll vertically a div. I want > > > to use 2 anchors, one to go up and the other to go down and I need > > > that the effect works ONLY when the mouse is over the anchor (when I > > > move it out the animation has to stop). > > > > How can I achieve so? > > > > For instance the code below scrolls correctly down but it doesn't stop > > > until the end even if I move out the mouse. > > > > $('#down_button').mouseover(function(){ > > > $('#text').scrollTo('100%', {axis:'y', > > > duration: 5000}); > > > }).mouseout(function(){ }); > > > > THANKS > > > > Sig
[jQuery] Form Plugin issue with multiple submit buttons
Hi I have a form with several submit buttons. I've used $(#myform).ajaxForm(options) method to make the form submittable with ajax. the problem is that no matter what button I click the form data is the same and element is not included into the form data, as if it were not a "successul control". so at this point form doesn't work as expected. is there a way to convey information of which button was clicked with the form plugin? Thanks. Evgeny.
[jQuery] Re: .ajax() with dataType: 'jsonp' will not use error callback if request fails
I think this is a known limitation of jsonp as a technique, not a bug with jquery itself. Jsonp works by appending a script tag to the DOM, whose "src" attribute points to the URL you specify. The URL is expected to wrap a json object in a function call to the function you specify, and the returned text is evaluated using eval().. Just like script tags that are returned in the sorce HTML, if the server doesn't respond (or throws a 404), I don't think there is a way to determine that through JavaScript. $.ajax() can determine other error scenarios by inspecting the XHR object, but jsonp doesn't use XHR. Hope that helps. On Oct 1, 12:18 pm, mrandall wrote: > I'm using an .ajax() call to do a jsonp request to another domain. > When the user is not logged in, however, the server will return a 401 > error. Unfortunately, this causes my .ajax() call to fail _without_ > calling the error callback. Is this a known bug? Here is my code: > > $.ajax({ > url: appData.API.workout.get, > data: {date: App.formatDate(date)}, > dataType: 'jsonp', > success: function(json) { > Data = json; > model.buildOrderedWorkout(); > myCP.Workout.View.initialize(); > }, > error: function(xOptions, error) { > > Controller.requestError(xOptions, error); > } > }); > > Is there a way to get this request to not fail? I also looked at the > jquery-jsonp plugin, but that didn't really work and did not return > the http status codes. > > Thanks for your help, > Mike
[jQuery] Re: keeping table header fix
On Sep 16, 2:16 am, macsig wrote: > Hello guys, > I'd like to know if there is a way to keep a table header fixed on top > of a div while I scroll the table rows. > I have a div high 200px and the table itself is around 300px so when I > scroll down I'd like to always see the header on top. > I already use for the table tablesorter so the solution must be > compatible with that plug-in. There is a very discouraging discussion on this topic going on at comp.lang.javascript: http://groups.google.com/group/comp.lang.javascript/browse_thread/thread/61f3829aaec3bb0a?hl=en# In the most recent post, the guy is telling me (imperiously) to use position:fixed. Now I'm going to tell him why I can't. It'll be interesting to see what happens next. I'm positive there are folks who have faced this problem. Will they appear? We shall see. -- ben -- ben
[jQuery] Re: tooltip - how do i remove an existing tooltip
How about giving the tooltip an identifier, such as a class name, and remove the class once the validation is satisfied. -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of cgipson Sent: Friday, October 02, 2009 1:51 PM To: jQuery (English) Subject: [jQuery] tooltip - how do i remove an existing tooltip Hi, I am using tooltip in my application as a way to notify the user as to what kind of error was found in thier input field. My question is, once that error is resolved and validated correctly, is there a way i can remove the tooltip?
[jQuery] Re: Ajax results?
Thanks guys Michael, that link is very helpful. I got the numbers a bit mixed up, it should be around 25 result items each made up of 12 elements with around 12 pieces of information from db/json. - so yes, 300 elements total. If you don't mind me asking, I'd like you guys to give me your opinion on what I'm doing at the moment. I'm making a search page that has filters and the way I have it set up, I use jQuery to retrieve filter values and pass them along via AJAX to the server. The server takes these values, stores them in a session then outputs the results, which then is html()'ed to my results DIV. (I'll be switching to JSON) What do you guys think? Currently the whole search page is a bit javascript dependent (both the actual input/manipulation of filters and the instant update of the results). Should I be really worried about people who have javascript disabled? Thanks! On Sep 30, 4:34 pm, Michael Geary wrote: > 25 x 12 sounds closer to 300 elements? Either way, it's easy to generate > that much stuff in JavaScript and get good performance, if you're careful > about how you write the code. Here's a post with some tips and optimized > code for a similar task: > > http://groups.google.com/group/jquery-en/msg/121203c4216c34ee > > If you follow the basic pattern in that code it should be plenty fast. > > You could post the specific HTML you want to generate along with the JSON > format you plan to use if you have any questions about how to make it go > fast. > > -Mike > > On Wed, Sep 30, 2009 at 9:01 AM, Toaster wrote: > > > Thank you for your reply James > > > In regards to the JSON vs HTML, would the browser have any problems > > creating 25 results items each with 12 pieces of information from > > JSON? (it'd be more of less 120 elements being appended)
[jQuery] JQuery Thickbox help
Does anyone know how to manipulate the speed/transition time for both the FadeIn and FadeOut animations for ThickBox?
[jQuery] tooltip - how do i remove an existing tooltip
Hi, I am using tooltip in my application as a way to notify the user as to what kind of error was found in thier input field. My question is, once that error is resolved and validated correctly, is there a way i can remove the tooltip?
[jQuery] Re: iframe accesing main document functions?
Hi ximo, You want to call a function in the parent window? Are the main window and the iframe loaded from the same domain? If so, did you try calling window.parent.yourFunc(); from within your iframe? If the main window is not on the same domain as the iframe - try using the pmrpc library (http://code.google.com/p/pmrpc/). "Pmrpc is a HTML5 inter-window cross-domain JSON-RPC based remote procedure call JavaScript library. The library provides a simple API for exposing and calling procedures from windows or iFrames on different domains, without being subject to the same-origin policy." You can use pmrpc even if the iframe and main window are on the same domain. Cheers, Ivan On Sep 14, 9:15 pm, ximo wallas wrote: > Is this possible? Been trying but doesn't seem to work...
[jQuery] Re: how to get post data from a page loaded in iframe in parent page
Hi Nils, I must say that I didn't quite understand what you want - do you want to access data in another iframe? If so - are the iframes (or windows) which are communicating loaded from the same domain or from different domains? I suggest you check out http://www.jibbering.com/faq/#frameRef and the pmrpc library (http://code.google.com/p/pmrpc/). Pmrpc is a library that enables calling procedures in other iframes/windows even if those iframes/windows are loaded from different domains. Hope that helps, Ivan On Sep 25, 6:17 am, Nils wrote: > how to get post data from a page loaded iniframein parent page
[jQuery] Re: something missing from my code?
si it would be $('#project1').hide(); $('#project2').show() instead of doing it via css? On Oct 2, 9:15 am, MorningZ wrote: > also > > instead of > > $('#project1').css('display','none'); > $('#project2').css('display',''); > > it's better habit to use ".hide()" and ".show()", which gives you more > options (like animation effects if you want) as well as automatically > handles different show/hide code needed for different types of DOM > objects > > On Oct 2, 9:00 am, Glen_H wrote: > > > Hey guys, Im new to Javascript and JQuery, I am trying to have a > > "featured" area on the front page to my site, basically there is a > > right div area which holds the picture, on the left there is a menu > > with 4 buttons. here is the html: > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Here is the way im setting up the JQuery to try and make the active > > div change when I choose a button: > > > $(function() { > > $('a projTwo').click(function() { > > > > $('#project1').css('display','none'); > > $('#project2').css > > ('display',''); > > > > > }); > > }); > > > does anyone see where I am going wrong? when I get into the CSS > > portion will it have to go all the way back like how css is written? > > meaning in order to identify it, would it have to be #container > > #project1 or will just #project1 work? > > > thank you in advance
[jQuery] Re: How to disable text inputs lying near checkboxes ?
On Oct 2, 2009, at 3:02 PM, Julien wrote: Here the way to enable/disable several text inputs depending on the state of checkboxes located just after each one. $(':text~:checkbox').change( function(){ $(this).prev()[0].disabled = !(this.checked); } ); Hope this can help others. ah, that's quite elegant. nice work! --Karl
[jQuery] Re: keeping table header fix
On Oct 2, 2009, at 12:11 PM, Jack Killpatrick wrote: Hmm, I gave this a try. Setting height stretches the table rows out vertically if there are less records than the height. I tried putting a fixed height div around the table and not setting a height on the tbody, but then the tbody overflow-y never kicks in. Hmm. you could use max-height: 799px; instead of height: 799px; Also, if I set the height of the tbody and the overflow-y does kick in, then the scrollbar eats horizontal space in the rightmost col, which means that I need to style that col to allow for it. Either way: if the scrollbar were to show outside the table I'd need to allow room for it, but just bringing it up as a caveat. try overflow-y: scroll; rather than overflow-y: auto; you'll get the scrollbar area whether it's needed or not, but at least it will be consistent. --Karl
[jQuery] Re: Validation help needed
You should not be calling submit() first. You only call it after everything is validated. This can be as easy as a if-statement. Here's a simple example. Modify it to work with your scenrio. $(function() { $('#testForm').bind('submit', function() { $(this).validate(validation_options); var valid = $(this).valid(); if (valid) { // do your ajax } }); }); var validation_options = { // set your options here }; On Oct 2, 9:13 am, coachz wrote: > when i run "this.submit();" i submit my ajax request, so how can i > get the validate to fire on invalidHandler and submitHandler so I will > only run this.submit(); when it passes validation ? Currently the > validator does not validate the form at all on submit, I need it to > cancel the submit if there are validation issues and submit if there > are none. > > function submitForm(form) { > > this.submit(); > > $("#frmAddTask").validate({ > errorPlacement: function(error, element) { > error.insertAfter > (element); }, > invalidHandler: function(form, validator) { > alert("validation > failed"); }, > submitHandler: function(form, validator) { > alert("validation > passed"); }, > rules: { title: { required: true, minlength: 5 } > } > }); > > } > > // Build Add a New Task pop up dialog > // Instantiate the Add a New Task pop up dialog > YAHOO.util.Dom.removeClass('dlgAddTask', 'hideForm'); > YAHOO.techdocs.dlgAddTask = new YAHOO.widget.Dialog("dlgAddTask", > { width : "50em", height: "32em", fixedcenter : true, visible : > false, constraintoviewport : true, close: false, > buttons : [ { text:"Submit", handler:submitForm, > isDefault:true }, > { text:"Cancel", handler:function() > {this.cancel();} } ] > });
[jQuery] Validation help needed
when i run "this.submit();" i submit my ajax request, so how can i get the validate to fire on invalidHandler and submitHandler so I will only run this.submit(); when it passes validation ? Currently the validator does not validate the form at all on submit, I need it to cancel the submit if there are validation issues and submit if there are none. function submitForm(form) { this.submit(); $("#frmAddTask").validate({ errorPlacement: function(error, element) { error.insertAfter (element); }, invalidHandler: function(form, validator) { alert("validation failed"); }, submitHandler: function(form, validator) { alert("validation passed"); }, rules: { title: { required: true, minlength: 5 } } }); } // Build Add a New Task pop up dialog // Instantiate the Add a New Task pop up dialog YAHOO.util.Dom.removeClass('dlgAddTask', 'hideForm'); YAHOO.techdocs.dlgAddTask = new YAHOO.widget.Dialog("dlgAddTask", { width : "50em", height: "32em", fixedcenter : true, visible : false, constraintoviewport : true, close: false, buttons : [ { text:"Submit", handler:submitForm, isDefault:true }, { text:"Cancel", handler:function() {this.cancel();} } ] });
[jQuery] Re: How to disable text inputs lying near checkboxes ?
Here the way to enable/disable several text inputs depending on the state of checkboxes located just after each one. $(':text~:checkbox').change( function(){ $(this).prev()[0].disabled = !(this.checked); } ); Hope this can help others.
[jQuery] Re: Problem with URL formatting with $.ajax
Also note that setting the "cache:false" option will create that additional parameter with a random value. That way the browser will not find a cache with the same resource name and always requests a new page. On Oct 2, 5:42 am, acedanger wrote: > I believe it was because I originally had "global: false". Once I > changed that, the URL formatted as I expected it to. > > On Oct 2, 11:31 am, acedanger wrote: > > > Here is my code: > > > $.ajax({ > > url: lUrl, > > global: true, > > async: false, > > data:{"none":"none"}, > > type: "GET", > > dataType: "text", > > success: function(result){ > > alert("result is "+result); > > parsedJSON = JSON.parse(data); > > }, > > error: function (XMLHttpRequest, textStatus, errorThrown) { > > alert(textStatus); > > } > > > }); > > > All of my urls that are sent to the server have "?_=(some random > > number)". In the specific case of the above code, the generated URL is > > "http://url/script.php?_=1254497109001&none=none";. How can I prevent > > this from happening? Why is it happening? > >
[jQuery] Re: ajax submit upload file firebug... no answer
Could you post some relevant code on how you're doing all of this? It's hard to help from only reading what you've described. On Oct 2, 5:48 am, Harold Martin wrote: > Hi, > > I've a technical problem, i use jQuery Form Plugin and it's working > well except for upload file. > Effectively after uploading file we can't see any response in firebug. > (You can see an example in the official website of jquery form > pluginhttp://malsup.com/jquery/form/#code-samples) > > And in the response i call a script with > > My page get this file well but i have a javascript error on the "$" of > $(document).ready(function() {... > I think it's because why don't have the first answer... > Do you have a idea? > > Thanx > > Harold
[jQuery] Re: Switch image source during toggle
Could you post your relevant HTML also with some kind of sample image src and what you would like it to look like after it's been toggled? On Oct 2, 6:26 am, Gremlyn1 wrote: > I have some divs I am toggling and there is a little + sign image I > want to change to a - sign image when the toggle event occurs, but > can't quite figure it out. Here is the toggle code I have (taken from > a helpful post on here): > > $j(document).ready(function() { > $j('#answerbox').hide(); > > $j('a.faq').click(function() { > var faq_id = $j(this).attr('id'); > $j('#faq' + faq_id).slideToggle("fast"); > return false; > }); > > }); > > The image is not contained within the tag, so I guess I need a > separate function to callback.
[jQuery] Re: Ajax / Form Validation
Try putting: var validation_options = {...}; outside of $(document).ready(); On Oct 1, 5:13 pm, "Dave Maharaj :: WidePixels.com" wrote: > This is my script now. > > > $(document).ready(function() { > > $('#testForm').bind('submit', function() { > $(this).validate(validation_options); > > var valid = $(this).valid(); > > if (valid) { > > var queryString = $('#testForm').formSerialize(); > //alert(queryString); > $(this).ajaxSubmit({ > type: 'post', > url: > '/manage/experiences/edit/123', > data: queryString, > target: '#testUpdate', > success: afterEffects > }); > > return false; > } > > }); > > function afterEffects () > { > $.fn.colorbox.close(); > } > var validation_options = { > // set your options here > rules: { > field: "required" > } > > }; > }); > > > > When I hit submit it tries to access the url by the browser. > > Check the net activity and see > > _method PUT > data[Experience][city] LosAngeles > data[Experience][country_id] 38 > data[Experience][finished] 2007 > data[Experience][position] Customer Service Rep > data[Experience][respons] sweet sf > data[Experience][start] 1975 > data[Experience][state_id] 15 > field > > Nothing is working. > > Ideas? > > Dave > > -Original Message- > From: James [mailto:james.gp@gmail.com] > Sent: October-02-09 12:19 AM > To: jQuery (English) > Subject: [jQuery] Re: Ajax / Form Validation > > Here's a simplified version of what you want to do: > > $('#testForm').bind('submit', function() { > $(this).validate(validation_options); > var valid = $(this).valid(); > if (valid) { > // do your ajax > } > }); > > var validation_options = { > // set your options here > }; > > On Oct 1, 10:52 am, "Dave Maharaj :: WidePixels.com" > wrote: > > I have a form that gets submitted via AJAX, now i want to add the > > validation but cant make sense of it. > > Using malsup form script to submit, > > > Now I would like to incorporate the jQuery Validation Plug-in found > > onhttp://jquery.bassistance.de/validate/demo/index.html > > > I currently have this so submit: > > > > > $(document).ready(function() { > > $('#testForm').live("click", function(){ > > $('#testForm').bind('submit', function() { > > var queryString = $('#testForm').formSerialize(); > > var id = ''; > > > $(this).ajaxSubmit({ > > type: 'post', > > url: '/manage/experiences/edit/123', > > data: queryString, > > target: '#updateMe', > > success: afterEffects > > }); > > > return false; > > }); > > }); > > > function afterEffects () > > { > > $.fn.colorbox.close(); > > } > > > }) > > > > > > But how do I add in the validation script into this? Any help would be > > greatly appreciated. > > > Thanks > > > Dave > >
[jQuery] Re: load() confusion
What exactly are you trying to do? If you're trying to load HTML into a div, you can kind of imitate it with a setInterval function that periodically checks whether the content has changed or not. If the div is not empty, first you check the content and store it (or a checksum of it) somewhere. Then run a setInterval to check whether the content (or its checksum) has changed every so often. If so, run a callback function. (This wouldn't work on checking whether an image is loaded, only HTML content. You'd have to directly check the fire the load callback for that.) You can bundle this all into a custom jQuery event. Who knows, there's probably a plug-in or something out there for it already... On Oct 1, 5:30 pm, Michael Rowe wrote: > Ok, so is there a way with javascript to fire a function when a div is > finished loading it's contents? > > On Thu, Oct 1, 2009 at 8:38 PM, MorningZ wrote: > > > James: there is also a JavaScript event called "load" for certain DOM > > objects.. and consequently the ability to wire jQuery onto that > > (http://docs.jquery.com/Events/load#fn) > > > to original poster: > > > "if I target the IMG, then it works fine, but how come it doesn't work > > with the div? " > > > because 's don't fire a "load" event, and as you found out, > > images do > > > On Oct 1, 5:31 pm, James wrote: > > > load() is suppose to take a url as the first parameter. > >http://docs.jquery.com/Ajax/load > > > > On Oct 1, 8:47 am, flyagaricus wrote: > > > > > I'm new to JQuery > > > > > I can't get load() to work with a div class: > > > > > > > > > jQuery(document).ready(function($) { > > > > $(".Loader").load(function(){ > > > > alert("bang"); > > > > }); > > > > }); > > > > > > > > > > > > http://home.arcor.de/poesenau/Witness-Tree.JPG"; > > > > width="1200" height="1600" /> > > > > > > > > > if I target the IMG, then it works fine, but how come it doesn't work > > > > with the div? > >
[jQuery] Re: autocomplete click send focus back to input
I figured it out $("#myinput").autocomplete(_url,{ onItemSelect: function(){ $('#myinput').focus(); } }); although i couldnt find onItemSelect anywhere in the documentation On Oct 1, 8:46 pm, travisjbeck wrote: > are there any callbacks for me to hook into in order to send the "focus > ();" back to my input box when someone selects or clicks and > autocomplete item?
[jQuery] Validation: Form with multiple submit buttons having different validation rules
Hi all, I tried searching for similar issues but couldn't find a satisfying answer. So posting it here. I have a form with multiple fieldsets which are visible conditionally. There are three submit buttons "Abandon", "Save" and "Save & Continue". Each button should validate specific controls of the form and submit it. I tried setting "onsubmit: false" and checking for "$('#myForm').valid ()" on click of these buttons., but that validates all controls of the form. Can someone suggest me what I should do?
[jQuery] Switch image source during toggle
I have some divs I am toggling and there is a little + sign image I want to change to a - sign image when the toggle event occurs, but can't quite figure it out. Here is the toggle code I have (taken from a helpful post on here): $j(document).ready(function() { $j('#answerbox').hide(); $j('a.faq').click(function() { var faq_id = $j(this).attr('id'); $j('#faq' + faq_id).slideToggle("fast"); return false; }); }); The image is not contained within the tag, so I guess I need a separate function to callback.
[jQuery] ajax submit upload file firebug... no answer
Hi, I've a technical problem, i use jQuery Form Plugin and it's working well except for upload file. Effectively after uploading file we can't see any response in firebug. (You can see an example in the official website of jquery form plugin http://malsup.com/jquery/form/#code-samples) And in the response i call a script with My page get this file well but i have a javascript error on the "$" of $(document).ready(function() {... I think it's because why don't have the first answer... Do you have a idea? Thanx Harold
[jQuery] LI.offset and LI.position() gives erratic results
I am getting erratic results when trying to get the position of a LI element. Every browser gives different results - only IE7 seems to get it right... I have a navbar UL element nested a few levels deep within DIVs that provide page structure. The UL is also nested within a SPAN (inline- block) so the UL element can be centered within DIV#Nav1. A stripped- down version of the HTML is shown at bottom. The LI elements trigger a custom drop-down menu onHover. I use simple math to calculate the positioning of the DIV that acts as a menu... var $LI = $(this) // LI element , tabOffset = $LI.offset() , menuTop = tabOffset.top + $LI.outerHeight() , menuLeft = Math.floor(tabOffset.left) ; In IE7, this works perfectly - exactly as you would expect. But every other browser has one or more issues... Internet Explorer 7 $LI.offset().left = CORRECT $LI.offset().top = CORRECT $LI.position().top = 0 - CORRECT Chrome 3.0.195.21 $LI.offset().left = the Left-edge of the parent UL element! $LI.offset().top = CORRECT $LI.position().top = 0 - CORRECT FireFox 3.5 $LI.offset().left = the Right-edge of the parent UL element $LI.offset().top = too small by 15px $LI.position().top = -15 -- wrong, the LI has NO top-margin Opera 9.64 $LI.offset().left = the Right-edge of the parent UL element $LI.offset().top = CORRECT $LI.position().top = -19, even though offset().top is correct Only IE gets $LI.offset().left correct. Only IE and Chrome get $LI.position().top right (0), but IE, Chrome and Opera all get $LI.offset().top correct, even though Opera gets $LI.position().top wrong (-19). Only FireFox gets everything wrong! Can anyone shed any light on these discrepancies? I will spend the time to create and post a test page if no one can offer any clues, but I have not done so yet. Thanks in advance. /Kevin http://www.w3.org/TR/html4/strict.dtd";> Rentals Linens Services Planner Gallery Community About Us
[jQuery] Re: Problem with submit button of an inserted form
2009/10/2 Giovanni Battista Lenoci : >>> Yes, fadeOut accept a callback function that is called after the effect >>> end, >>> take a look here: >>> >>> http://docs.jquery.com/Effects/fadeOut#speedcallback >>> >> >> That I allready found. I tried the folowing: >> $(placeInDOM).replaceWith(header + fields + footer); >> $('.submit_' + formID).click(function() { >> var fadeOutReady = false; >> var fadeSpeed = 1500; >> var form = $('#' + formID); >> >> form.fadeOut(fadeSpeed, function() { >> fadeOutReady = true; >> }); >> while( !fadeOutReady ) { >> // wait untill fadeOut is ready >> } >> jQuery.post(cgiURL, >> form.serialize(), >> function(xml) { >> alert($(xml).find('status').text() + '\n' + >> $(xml).find('duration').text()); >> form.fadeIn(fadeSpeed); >> }, >> "xml" >> ); >> return false; >> }); >> >> But when I use this code, my processor is very busy and the fadeOut >> does not happen. >> > > Yes, because fadeOut is asinc, then after calling it you stop the javascript > execution with the while, and the fadeOutReady will be always false, you > have to do this (not tested, but should work): > > form.fadeOut(fadeSpeed, function() { > jQuery.post(cgiURL, > form.serialize(), > function(xml) { > alert($(xml).find('status').text() + > '\n' + > $(xml).find('duration').text()); > form.fadeIn(fadeSpeed); > }, > "xml" > ); > }); I should have thought about it myself. :-[ It work likes a charm. Thanks. > You're right, the :submit selector is better... i did a fast copy and paste > :-) That is more as good enough. When you put me on the right track, I can clean up the code myself. :-] > "I now use", not "I know use"... I was to fast again. I am just to impatient. I like to get things done. > and please if you find any error on my > posts please correct me, I have to learn a lot about english (and jquery > too) :-) Is a deal. :-D -- Cecil Westerhof
[jQuery] Re: Pick different effects with jquery
Thavipa ha scritto: Hello everyone, Currently i'm working on a website which needs an auto play photo gallery. The admins of the website are allowed to upload 10 or more images, which will be displayed in the gallery. I am able to show those images one by one, with 1 effect (for example fade-in from left), but what i need is different effects which will be called random. So image 1 will be fade in from the right, and image 2 will be fade in with a zoom effect and so on. How can i realize this? Try taking a look at the wonderful cycle plugin of Mike Alsup: http://malsup.com/jquery/cycle/options.html Bye -- gianiaz.net - web solutions via piedo, 58 - 23020 tresivio (so) - italy +39 347 7196482
[jQuery] Re: how to get at jquery elements when i'm looping through a jquery select list with 'each'
buildlackey ha scritto: $("div.disabled label").each ( function() { alert("got a label" + this); alert("got a label" + this.html()); // THIS FAILS. }); Inside each "this" rappresents the html object and not a jquery or javascript (not java! :-)) object. If you want to use jquery methods inside the function you have to use this code: $("div.disabled label").each(function() { alert("got a label (html object):" + this); alert("got a label" + $(this).html()); // THIS FAILS. }); $(this) returns the jquery object of the html object this. If you want to better explore your object use the console.log method (you have to install firebug for firefox or companion.js for the internet explorer debug bar). bye -- gianiaz.net - web solutions via piedo, 58 - 23020 tresivio (so) - italy +39 347 7196482
[jQuery] Re: how to get at jquery elements when i'm looping through a jquery select list with 'each'
A colleague helped me with a solution: This does what I want ->alert("got a label " + $(this).parent().html()); seems you have to wrap the raw java script element before calling jquery functions on it. makes sense. buildlackey wrote: > > > > Hi. > >I’m doing something dumb with jquery, but I can’t put my finger on what > is causing my problem. > > I’m trying to debug some jquery code and I wanted to list the html of > each element that I’m picking up from my select list. > > > > > I have a shrunken down sample of what I’m doing below.. > the first alert shows something that looks like a java object, the second > alert bombs and the loop exits. > > > Can any of you offer any tips or guidance ? Thanks very much in > advance ! > > > > > >Chris > > > > > > > > > > > > > > > > > >href="http://jqueryui.com/latest/themes/base/ui.all.css"; rel="stylesheet" > /> > >src="http://jqueryui.com/latest/jquery-1.3.2.js";> > >src="http://jqueryui.com/latest/ui/ui.core.js";> > >src="http://jqueryui.com/latest/ui/ui.draggable.js";> > >src="http://jqueryui.com/latest/ui/ui.resizable.js";> > >src="http://jqueryui.com/latest/ui/ui.dialog.js";> > > > > $(document).ready(function(){ > > > > alert('hello box'); > > > > > > $("div.disabled label").each ( > > function() { > > alert("got a label" + this); > > alert("got a label" + this.html()); // THIS > FAILS. > > }); > > > > > > > > > > > > }); > > > > > > > > ^M > > ^M > >page_files/spinner.gif ^M > > ^M > > ^M > > ^M > > ^M > > ^M > > ^M > > > > > > ^M > > Utility > Status^M > > > > id="utility-status">^M > > ^M > > foo^M > > bar^M > > big^M > > small^M > > Closed^M > > Cancelled^M > > On Hold^M > > ^M > > ^M > > > > ^M > > > > > > ^M > > > > > > -- View this message in context: http://www.nabble.com/how-to-get-at--jquery-elements-when-i%27m-looping-through-a-jquery-select-list-with-%27each%27-tp25716736s27240p25716744.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Problem with submit button of an inserted form
Cecil Westerhof ha scritto: 2009/10/2 Giovanni Battista Lenoci : first the easy thing: Is there a way to let the fadeOut be finished before continuing? Yes, fadeOut accept a callback function that is called after the effect end, take a look here: http://docs.jquery.com/Effects/fadeOut#speedcallback That I allready found. I tried the folowing: $(placeInDOM).replaceWith(header + fields + footer); $('.submit_' + formID).click(function() { var fadeOutReady = false; var fadeSpeed= 1500; var form = $('#' + formID); form.fadeOut(fadeSpeed, function() { fadeOutReady = true; }); while( !fadeOutReady ) { // wait untill fadeOut is ready } jQuery.post(cgiURL, form.serialize(), function(xml) { alert($(xml).find('status').text() + '\n' + $(xml).find('duration').text()); form.fadeIn(fadeSpeed); }, "xml" ); return false; }); But when I use this code, my processor is very busy and the fadeOut does not happen. Yes, because fadeOut is asinc, then after calling it you stop the javascript execution with the while, and the fadeOutReady will be always false, you have to do this (not tested, but should work): form.fadeOut(fadeSpeed, function() { jQuery.post(cgiURL, form.serialize(), function(xml) { alert($(xml).find('status').text() + '\n' + $(xml).find('duration').text()); form.fadeIn(fadeSpeed); }, "xml" ); }); I know use: $(placeInDOM).replaceWith(header + fields + footer); $thisForm = $('#' + formID); $(':submit', $thisForm).click(function() { I do not need a class anymore. I want to change the click event for all the submit buttons of the form and no other submit buttons. The above code does this. I prefer the way I do it know. In this way the HTML-page or the function can change the way the id's are made, without breaking anything. In the above way the HTML and function has to be synchronized. I prefer to minimize the possibilities to break things. You're right, the :submit selector is better... i did a fast copy and paste :-) p.s. "I now use", not "I know use"... and please if you find any error on my posts please correct me, I have to learn a lot about english (and jquery too) :-) Bye -- gianiaz.net - web solutions via piedo, 58 - 23020 tresivio (so) - italy +39 347 7196482
[jQuery] how to get at jquery elements when i'm looping through a jquery select list with 'each'
Hi. I’m doing something dumb with jquery, but I can’t put my finger on what is causing my problem. I’m trying to debug some jquery code and I wanted to list the html of each element that I’m picking up from my select list. I have a shrunken down sample of what I’m doing below.. the first alert shows something that looks like a java object, the second alert bombs and the loop exits. Can any of you offer any tips or guidance ? Thanks very much in advance ! Chris http://jqueryui.com/latest/themes/base/ui.all.css"; rel="stylesheet" /> http://jqueryui.com/latest/jquery-1.3.2.js";> http://jqueryui.com/latest/ui/ui.core.js";> http://jqueryui.com/latest/ui/ui.draggable.js";> http://jqueryui.com/latest/ui/ui.resizable.js";> http://jqueryui.com/latest/ui/ui.dialog.js";> $(document).ready(function(){ alert('hello box'); $("div.disabled label").each ( function() { alert("got a label" + this); alert("got a label" + this.html()); // THIS FAILS. }); }); ^M ^M page_files/spinner.gif ^M ^M ^M ^M ^M ^M ^M ^M Utility Status^M ^M ^M foo^M bar^M big^M small^M Closed^M Cancelled^M On Hold^M ^M ^M ^M ^M -- View this message in context: http://www.nabble.com/how-to-get-at--jquery-elements-when-i%27m-looping-through-a-jquery-select-list-with-%27each%27-tp25716736s27240p25716736.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Problem with submit button of an inserted form
2009/10/2 Giovanni Battista Lenoci : > first the easy thing: > >> Is there a way to let the fadeOut be finished before continuing? >> > > Yes, fadeOut accept a callback function that is called after the effect end, > take a look here: > > http://docs.jquery.com/Effects/fadeOut#speedcallback That I allready found. I tried the folowing: $(placeInDOM).replaceWith(header + fields + footer); $('.submit_' + formID).click(function() { var fadeOutReady = false; var fadeSpeed= 1500; var form = $('#' + formID); form.fadeOut(fadeSpeed, function() { fadeOutReady = true; }); while( !fadeOutReady ) { // wait untill fadeOut is ready } jQuery.post(cgiURL, form.serialize(), function(xml) { alert($(xml).find('status').text() + '\n' + $(xml).find('duration').text()); form.fadeIn(fadeSpeed); }, "xml" ); return false; }); But when I use this code, my processor is very busy and the fadeOut does not happen. > >>> A question, what placeInDOM contains? is an id? the html you're replacing >>> contains the id? >>> >> >> div#contact_form > > it is a string? the markup you've pasted shows a form that has an id > "contact_form", not a div, maybe the problem is here? My html contains: Hier zou een contact formulier moeten staan!!! So the div is replaced by a form. And this works without a problem. And there is also my stupid mistake. The div is replaced, so I should not search for it anymore. That happens when you want to make something 'fast'. I know use: $(placeInDOM).replaceWith(header + fields + footer); $thisForm = $('#' + formID); $(':submit', $thisForm).click(function() { I do not need a class anymore. I want to change the click event for all the submit buttons of the form and no other submit buttons. The above code does this. > if you solve your first problem you don't need to do this, only for > aknowledgment you can use your selector also in this way: > > $form = $('#' + formID); > $('.submit_' + formID, $form).click(function() { > > $form is the context in which jquery looks for the element with class > '.submit_' + formID, but if I haven't misunderstood, if you change > "placeInDOM" from "div#contact_form" to "#contact_form" you solve your > problem and you can use the first version of the code you've posted before. I prefer the way I do it know. In this way the HTML-page or the function can change the way the id's are made, without breaking anything. In the above way the HTML and function has to be synchronized. I prefer to minimize the possibilities to break things. Thanks for the help. -- Cecil Westerhof
[jQuery] Re: Show/hide effect div on mouseover
Normally the hover function will cause the menu div to disappear in this scenario, as the mouse moves over the child elements. But if you use the hoverIntent plugin, it'll do the trick for you. Liam Mface wrote: Hi, I have a CSS menu that I created using div that current appears using the hover function in the CSS. What I would like to do is incorporate javascript to utilise the effect of fading in when the mouse moves over the 'menu' text and then with a delay fades out when the mouse moves out of the menu area. Is this possible? Please advise... Thanks No virus found in this incoming message. Checked by AVG - www.avg.com Version: 8.5.409 / Virus Database: 270.14.3/2409 - Release Date: 10/02/09 06:46:00
[jQuery] why plugin function need 2 parameter sometimes
I don't see how maxentries as parameter is need in this code jQuery.fn.pagination = function(maxentries, opts) in some plugins, i see everything works fine with just something like this jQuery.fn.pluginname = function(opts)
[jQuery] Re: keeping table header fix
Hmm, I gave this a try. Setting height stretches the table rows out vertically if there are less records than the height. I tried putting a fixed height div around the table and not setting a height on the tbody, but then the tbody overflow-y never kicks in. Hmm. Also, if I set the height of the tbody and the overflow-y does kick in, then the scrollbar eats horizontal space in the rightmost col, which means that I need to style that col to allow for it. Either way: if the scrollbar were to show outside the table I'd need to allow room for it, but just bringing it up as a caveat. I know this issue has been tackled various ways in table plugins, but I don't think I've seen a plugin made specifically just for show/hiding a scrollbar and working around some of these issues. Anyone? Thanks, Jack Matt Zagrabelny wrote: On Thu, 2009-10-01 at 22:25 -0400, Karl Swedberg wrote: have you tried overflow-y: auto; ? This works... (to some degree) table tbody { height: 799px; overflow-y: auto; overflow-x: hidden; } Cheers,
[jQuery] Re: jQuery Navigation problems
alright I figured it out, by putting my removeClass after my addClasses it works great function nav_label() { $(".nav_label").children("ul").addClass("lev1").children ("li").addClass("lev1").children("a").addClass("lev1").parent ().children("ul").addClass("lev2").children("li").addClass ("lev2").children("a").addClass("lev2"); $(".nav_label").children("ul").removeClass("hideNav"); On Oct 2, 10:19 am, Zach Schneider wrote: > well I hide the DIV with CSS > visibility: hidden; > > and with jQuery I want to change the stylesheet and remove the > visibility to visible, the problem I am having I am not that familiar > with jQuery to know how to do that > > On Oct 1, 10:41 pm, Scooby wrote: > > > How are you hiding your UL's? From my experience, hiding them with css > > is faster than jQuery.. I just hide them using both.. Seems to work > > fine for me.. > > > On Oct 1, 8:41 pm, ZKM wrote: > > > > I have a website that has very large UL navigation created with jQuery > > > and every time you goto the page it flashes the entire UL for a split > > > of a second. So what I want to do is find a way to make it to do I > > > think is hide the UL until the CSS and jQuery is loaded than display > > > the menu. If anyone has a better idea I am all ears and I am also new > > > to jQuery but catching on fast.
[jQuery] Re: Problem with submit button of an inserted form
first the easy thing: Is there a way to let the fadeOut be finished before continuing? Yes, fadeOut accept a callback function that is called after the effect end, take a look here: http://docs.jquery.com/Effects/fadeOut#speedcallback A question, what placeInDOM contains? is an id? the html you're replacing contains the id? div#contact_form it is a string? the markup you've pasted shows a form that has an id "contact_form", not a div, maybe the problem is here? I solved my problem. I know use: $(placeInDOM).replaceWith(header + fields + footer); $('.submit_' + formID).click(function() { form = $('#' + formID); form.fadeOut('normal'); jQuery.post(cgiURL, form.serialize(), function(xml) { alert($(xml).find('status').text()); form.fadeIn('normal'); }, "xml" ); return false; }); This does what it should do. The only 'problem' is that the whole DOM is traversed instead of only placeInDOM. If someone knows how to optimize this ... if you solve your first problem you don't need to do this, only for aknowledgment you can use your selector also in this way: $form = $('#' + formID); $('.submit_' + formID, $form).click(function() { $form is the context in which jquery looks for the element with class '.submit_' + formID, but if I haven't misunderstood, if you change "placeInDOM" from "div#contact_form" to "#contact_form" you solve your problem and you can use the first version of the code you've posted before. Bye -- gianiaz.net - web solutions via piedo, 58 - 23020 tresivio (so) - italy +39 347 7196482
[jQuery] Pick different effects with jquery
Hello everyone, Currently i'm working on a website which needs an auto play photo gallery. The admins of the website are allowed to upload 10 or more images, which will be displayed in the gallery. I am able to show those images one by one, with 1 effect (for example fade-in from left), but what i need is different effects which will be called random. So image 1 will be fade in from the right, and image 2 will be fade in with a zoom effect and so on. How can i realize this? Kind regards, Thavipa
[jQuery] Re: Problem with URL formatting with $.ajax
I believe it was because I originally had "global: false". Once I changed that, the URL formatted as I expected it to. On Oct 2, 11:31 am, acedanger wrote: > Here is my code: > > $.ajax({ > url: lUrl, > global: true, > async: false, > data:{"none":"none"}, > type: "GET", > dataType: "text", > success: function(result){ > alert("result is "+result); > parsedJSON = JSON.parse(data); > }, > error: function (XMLHttpRequest, textStatus, errorThrown) { > alert(textStatus); > } > > }); > > All of my urls that are sent to the server have "?_=(some random > number)". In the specific case of the above code, the generated URL is > "http://url/script.php?_=1254497109001&none=none";. How can I prevent > this from happening? Why is it happening?
[jQuery] Re: Problem with submit button of an inserted form
2009/10/2 Giovanni Battista Lenoci : >> I have the following code: >> $(placeInDOM).replaceWith(header + fields + footer); >> $(placeInDOM).find(':submit').click(function() { >> alert("clicked the submit button"); >> return false; >> }); >> The first statement places a form with a submit button in my page. >> This works as it should. >> With the second I want to give an alert instead of a submit when >> clicking on the submit button. But it does not work. >> >> When I after the first statement execute: >> alert($(placeInDOM).find(':submit').html()); >> I get >> null >> > > This is right, cause a subimit button doesn't have html in it... >> >> If I execute: >> alert($(placeInDOM).find(':submit')); >> I get: >> [object Object] >> >> What am I doing wrong? >> > > Try using console.log of firebug to see if the returned object contains what > you're expecting. That is a good tip. I'll use that next time. I solved my problem. I know use: $(placeInDOM).replaceWith(header + fields + footer); $('.submit_' + formID).click(function() { form = $('#' + formID); form.fadeOut('normal'); jQuery.post(cgiURL, form.serialize(), function(xml) { alert($(xml).find('status').text()); form.fadeIn('normal'); }, "xml" ); return false; }); This does what it should do. The only 'problem' is that the whole DOM is traversed instead of only placeInDOM. If someone knows how to optimize this ... Is there a way to let the fadeOut be finished before continuing? > A question, what placeInDOM contains? is an id? the html you're replacing > contains the id? div#contact_form What is inserted starts with: Organisatie Soort Organisatie geen Non Profit ZZP MKB Anders and ends with: Omschrijving -- Cecil Westerhof
[jQuery] Re: jQuery UI Portlets & Cookies
On Fri, Oct 2, 2009 at 11:06 AM, craigeves wrote: > > Thanks for the tip (pastebin). Another really great site for sharing code is jsbin.com http://jsbin.com/ It's got a drop-down for including jQuery and jQuery UI, live preview of full page code samples, and an editor so someone can edit a link you send, test it, and send a new link back. - Richard
[jQuery] Problem with URL formatting with $.ajax
Here is my code: $.ajax({ url: lUrl, global: true, async: false, data:{"none":"none"}, type: "GET", dataType: "text", success: function(result){ alert("result is "+result); parsedJSON = JSON.parse(data); }, error: function (XMLHttpRequest, textStatus, errorThrown) { alert(textStatus); } }); All of my urls that are sent to the server have "?_=(some random number)". In the specific case of the above code, the generated URL is "http://url/script.php?_=1254497109001&none=none";. How can I prevent this from happening? Why is it happening?
[jQuery] Re: jQuery UI Portlets & Cookies
Thanks so much for this - i'll compare the script that you just submitted to the one i submitted to see where i went wrong. Thanks again Craig On Oct 2, 4:21 pm, Nalum wrote: > I've updated the javascript here.http://pastebin.com/m4caef476 > > If you need any help in understanding whats happening here let me know > and I'll try to explain it, I'm not the best at explaining things > though. > > Nalum > > On Oct 2, 4:06 pm, craigeves wrote: > > > Hi Nalum > > > I have tried and amended the code as you suggested - but still no > > luck? > > > Thanks for the tip (pastebin). Here is my full code now. Please would > > you take a quick look and let me know where im going wrong? > > >http://pastebin.com/m4dab8bb2 > > > Thanks for your help in this - it's really appreciated! > > > Craig > > > On Oct 2, 3:40 pm, Nalum wrote: > > > > Hello Craig, > > > When you need to show code you should try using a site > > > likehttp://pastebin.com > > > as it'll make it easier to read and your post wont be so long. > > > > You'll need to be able to work with cookies, I would suggest this > > > jquery pluginhttp://plugins.jquery.com/project/cookie. > > > > I've explained how it works in this code > > > herehttp://pastebin.com/m2c0e0bde. > > > > Hope this helps you out. > > > > Nalum > > > > On Oct 2, 3:15 pm, craigeves wrote: > > > > > Here it is - thanks for your help again > > > > > > > > > > > > > > > > > jQuery UI Sortable - Portlets > > > > > > > > > > > > > > > > > > > > .column { > > > > width: 300px; > > > > float: left; > > > > background-color: #ee; > > > > margin-right: 25px; > > > > padding-top: 10px; > > > > padding-right: 10px; > > > > padding-bottom: 0px; > > > > padding-left: 10px; > > > > height: 700px;} > > > > > .portlet { > > > > background-color: #FFF; > > > > margin-top: 0; > > > > margin-right: 0; > > > > margin-bottom: 10; > > > > margin-left: 0;} > > > > > .portlet-header { > > > > margin: 0px; > > > > font-family: Arial, Helvetica, sans-serif; > > > > font-size: 18px; > > > > background-color: #333; > > > > padding: 10px; > > > > color: #FFF;} > > > > > .portlet-header .ui-icon { float: right; } > > > > .portlet-content { > > > > padding: 10px; > > > > font-family: Arial, Helvetica, sans-serif; > > > > font-size: 12px; > > > > line-height: 18px; > > > > color: #333; > > > > margin-bottom: 10px;} > > > > > .ui-sortable-placeholder { border: 1px dotted black; visibility: > > > > visible} > > > > .ui-sortable-placeholder * { visibility: hidden; } > > > > > > > > > > > > > $(function() { > > > > $(".column").sortable({ > > > > handle: > > > > '.portlet-header', > > > > connectWith: '.column' > > > > }); > > > > > $(".column").disableSelection(); > > > > }); > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Feeds > > > > Lorem ipsum dolor sit amet, > > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > > elit. > > > > > > > > > > > > > News > > > > Lorem ipsum dolor sit amet, > > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > > elit. > > > > > > > > > > > > > > > > > > > > > > > Shopping > > > > Lorem ipsum dolor sit amet, > > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > > elit. > > > > > > > > sddfds > > > > > > > > > > > > > > > > > > Links > > > > Lorem ipsum dolor sit amet, > > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > > elit. > > > > > > > > > > > > > Images > > > > Lorem ipsum dolor sit amet, > > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > > elit. > > > > > > > > > > > > > > > > > > > > > > > > > > > On Oct 2, 3:09 pm, Nalum wrote: > > > > > > Is the code in the original post all the code you have? > > > > > > On Oct 2, 3:03 pm, craigeves wrote: > > > > > > > Thanks for this - but I don't understand where it wou
[jQuery] Re: Block access to the page but unblock certains divs
I think you'll have to do it in such a way that it blocks the different elements individually and then unblock the ones that have errors. e.g. $('.blockMe').blockUI({message: null}); $('.error').unblock(); On Oct 2, 3:51 pm, samh12 wrote: > Hi Nalum, > Idon't think that answers my question. I know I can block at page and > element level however I want a mixture. I want to block the page but > leave the element that's in error alone i.e. > > $(document).ready(function() { > $('#btnSubmit').click(function() { > $.blockUI({ message: null }); > > $('#form_surname').unblock(); //now unblock the > surname field as this needs correcting > > $('.blockOverlay').attr('title','Click to > unblock').click($.unblockUI); > }); > }); > > Thanks.
[jQuery] Re: jQuery UI Portlets & Cookies
I've updated the javascript here. http://pastebin.com/m4caef476 If you need any help in understanding whats happening here let me know and I'll try to explain it, I'm not the best at explaining things though. Nalum On Oct 2, 4:06 pm, craigeves wrote: > Hi Nalum > > I have tried and amended the code as you suggested - but still no > luck? > > Thanks for the tip (pastebin). Here is my full code now. Please would > you take a quick look and let me know where im going wrong? > > http://pastebin.com/m4dab8bb2 > > Thanks for your help in this - it's really appreciated! > > Craig > > On Oct 2, 3:40 pm, Nalum wrote: > > > > > Hello Craig, > > When you need to show code you should try using a site > > likehttp://pastebin.com > > as it'll make it easier to read and your post wont be so long. > > > You'll need to be able to work with cookies, I would suggest this > > jquery pluginhttp://plugins.jquery.com/project/cookie. > > > I've explained how it works in this code herehttp://pastebin.com/m2c0e0bde. > > > Hope this helps you out. > > > Nalum > > > On Oct 2, 3:15 pm, craigeves wrote: > > > > Here it is - thanks for your help again > > > > > > > > > > > > > jQuery UI Sortable - Portlets > > > > > > > > > > > > > > > .column { > > > width: 300px; > > > float: left; > > > background-color: #ee; > > > margin-right: 25px; > > > padding-top: 10px; > > > padding-right: 10px; > > > padding-bottom: 0px; > > > padding-left: 10px; > > > height: 700px;} > > > > .portlet { > > > background-color: #FFF; > > > margin-top: 0; > > > margin-right: 0; > > > margin-bottom: 10; > > > margin-left: 0;} > > > > .portlet-header { > > > margin: 0px; > > > font-family: Arial, Helvetica, sans-serif; > > > font-size: 18px; > > > background-color: #333; > > > padding: 10px; > > > color: #FFF;} > > > > .portlet-header .ui-icon { float: right; } > > > .portlet-content { > > > padding: 10px; > > > font-family: Arial, Helvetica, sans-serif; > > > font-size: 12px; > > > line-height: 18px; > > > color: #333; > > > margin-bottom: 10px;} > > > > .ui-sortable-placeholder { border: 1px dotted black; visibility: > > > visible} > > > .ui-sortable-placeholder * { visibility: hidden; } > > > > > > > > > > $(function() { > > > $(".column").sortable({ > > > handle: '.portlet-header', > > > connectWith: '.column' > > > }); > > > > $(".column").disableSelection(); > > > }); > > > > > > > > > > > > > > > > > > > > > > > Feeds > > > Lorem ipsum dolor sit amet, > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > elit. > > > > > > > > > > News > > > Lorem ipsum dolor sit amet, > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > elit. > > > > > > > > > > > > > > > > > > Shopping > > > Lorem ipsum dolor sit amet, > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > elit. > > > > > > sddfds > > > > > > > > > > > > > > Links > > > Lorem ipsum dolor sit amet, > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > elit. > > > > > > > > > > Images > > > Lorem ipsum dolor sit amet, > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > elit. > > > > > > > > > > > > > > > > > > > > > On Oct 2, 3:09 pm, Nalum wrote: > > > > > Is the code in the original post all the code you have? > > > > > On Oct 2, 3:03 pm, craigeves wrote: > > > > > > Thanks for this - but I don't understand where it would fit into my > > > > > script? I'm only just starting in jQuery... > > > > > > Also, will this save the position of the portlet no matter which > > > > > column it's in? It's just that it looks like it's related to a closed > > > > > and expanded portlet state. > > > > > > Thanks for your time. > > > > > > Craig > > > > > > On Oct 2, 2:58 pm, Nalum wrote: > > > > > > > Hello Craig, > > > > > > I've done this before by building up a string e.g. box
[jQuery] Re: jQuery Navigation problems
well I hide the DIV with CSS visibility: hidden; and with jQuery I want to change the stylesheet and remove the visibility to visible, the problem I am having I am not that familiar with jQuery to know how to do that On Oct 1, 10:41 pm, Scooby wrote: > How are you hiding your UL's? From my experience, hiding them with css > is faster than jQuery.. I just hide them using both.. Seems to work > fine for me.. > > On Oct 1, 8:41 pm, ZKM wrote: > > > I have a website that has very large UL navigation created with jQuery > > and every time you goto the page it flashes the entire UL for a split > > of a second. So what I want to do is find a way to make it to do I > > think is hide the UL until the CSS and jQuery is loaded than display > > the menu. If anyone has a better idea I am all ears and I am also new > > to jQuery but catching on fast.
[jQuery] Re: How to disable text inputs lying near checkboxes ?
Karl, Your explanation and also you code helped me make a big step forward in my understanding of how jQuery "thinks". Your code works fine; I tested both solutions. Thanks a lot. Julien
[jQuery] Re: How to disable a form
2009/10/2 Nalum : > > If you look at the examples you can set it to block just a specified > element. I did not look good enough then. Thanks. At the moment I am working with hide and show. But when the functionality I want is 'ready' I'll implement it. -- Cecil Westerhof
[jQuery] Re: jQuery UI Portlets & Cookies
Hi Nalum I have tried and amended the code as you suggested - but still no luck? Thanks for the tip (pastebin). Here is my full code now. Please would you take a quick look and let me know where im going wrong? http://pastebin.com/m4dab8bb2 Thanks for your help in this - it's really appreciated! Craig On Oct 2, 3:40 pm, Nalum wrote: > Hello Craig, > When you need to show code you should try using a site likehttp://pastebin.com > as it'll make it easier to read and your post wont be so long. > > You'll need to be able to work with cookies, I would suggest this > jquery pluginhttp://plugins.jquery.com/project/cookie. > > I've explained how it works in this code herehttp://pastebin.com/m2c0e0bde. > > Hope this helps you out. > > Nalum > > On Oct 2, 3:15 pm, craigeves wrote: > > > Here it is - thanks for your help again > > > > > > > > > jQuery UI Sortable - Portlets > > > > > > > > > > .column { > > width: 300px; > > float: left; > > background-color: #ee; > > margin-right: 25px; > > padding-top: 10px; > > padding-right: 10px; > > padding-bottom: 0px; > > padding-left: 10px; > > height: 700px;} > > > .portlet { > > background-color: #FFF; > > margin-top: 0; > > margin-right: 0; > > margin-bottom: 10; > > margin-left: 0;} > > > .portlet-header { > > margin: 0px; > > font-family: Arial, Helvetica, sans-serif; > > font-size: 18px; > > background-color: #333; > > padding: 10px; > > color: #FFF;} > > > .portlet-header .ui-icon { float: right; } > > .portlet-content { > > padding: 10px; > > font-family: Arial, Helvetica, sans-serif; > > font-size: 12px; > > line-height: 18px; > > color: #333; > > margin-bottom: 10px;} > > > .ui-sortable-placeholder { border: 1px dotted black; visibility: > > visible} > > .ui-sortable-placeholder * { visibility: hidden; } > > > > > > > $(function() { > > $(".column").sortable({ > > handle: '.portlet-header', > > connectWith: '.column' > > }); > > > $(".column").disableSelection(); > > }); > > > > > > > > > > > > > > > > Feeds > > Lorem ipsum dolor sit amet, > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > elit. > > > > > > > News > > Lorem ipsum dolor sit amet, > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > elit. > > > > > > > > > > > > > Shopping > > Lorem ipsum dolor sit amet, > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > elit. > > > > sddfds > > > > > > > > > > Links > > Lorem ipsum dolor sit amet, > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > elit. > > > > > > > Images > > Lorem ipsum dolor sit amet, > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > elit. > > > > > > > > > > > > > > > On Oct 2, 3:09 pm, Nalum wrote: > > > > Is the code in the original post all the code you have? > > > > On Oct 2, 3:03 pm, craigeves wrote: > > > > > Thanks for this - but I don't understand where it would fit into my > > > > script? I'm only just starting in jQuery... > > > > > Also, will this save the position of the portlet no matter which > > > > column it's in? It's just that it looks like it's related to a closed > > > > and expanded portlet state. > > > > > Thanks for your time. > > > > > Craig > > > > > On Oct 2, 2:58 pm, Nalum wrote: > > > > > > Hello Craig, > > > > > I've done this before by building up a string e.g. box- > > > > > id1,collapsed;box-id5,not-collapsed;box-id3,collapsed|box- > > > > > id4,collapsed;box-id2,not-collapsed;box-id6,collapsed; > > > > > > In the javascript do something like thishttp://pastebin.com/m90a2af6 > > > > > > Hope this helps, > > > > > Nalum > > > > > > On Oct 2, 2:35 pm, craigeves wrote: > > > > > > > anyone? > > > > > > > On Oct 2, 12:08 am, craigeves wrote: > > > > > > > > Please can someone help? > > > > > > > > I am using the jQuery UI (sortable) Portlets code - but I want to > > > > > > > use > > > > >
[jQuery] Re: Problem with submit button of an inserted form
Cecil Westerhof ha scritto: I have the following code: $(placeInDOM).replaceWith(header + fields + footer); $(placeInDOM).find(':submit').click(function() { alert("clicked the submit button"); return false; }); The first statement places a form with a submit button in my page. This works as it should. With the second I want to give an alert instead of a submit when clicking on the submit button. But it does not work. When I after the first statement execute: alert($(placeInDOM).find(':submit').html()); I get null This is right, cause a subimit button doesn't have html in it... If I execute: alert($(placeInDOM).find(':submit')); I get: [object Object] What am I doing wrong? Try using console.log of firebug to see if the returned object contains what you're expecting. A question, what placeInDOM contains? is an id? the html you're replacing contains the id? Bye -- gianiaz.net - web solutions via piedo, 58 - 23020 tresivio (so) - italy +39 347 7196482
[jQuery] Re: Troubles altering dropdown menu code..
Here is the code that I'm thinking needs to be altered: var timer; $("#menu > li > a").hover(function(){ $(this).parent().children("ul").slideDown(); }, function(){ var list = $("#menu ul:visible"); timer = setTimeout(function(){ list.slideUp(); },200); }); $("#menu > li > ul > li").hover(function(){ clearTimeout(timer); }, function(){ var list = $("#menu ul:visible"); timer = setTimeout(function(){ list.slideUp(); },200); });
[jQuery] Re: Block access to the page but unblock certains divs
Hi Nalum, Idon't think that answers my question. I know I can block at page and element level however I want a mixture. I want to block the page but leave the element that's in error alone i.e. $(document).ready(function() { $('#btnSubmit').click(function() { $.blockUI({ message: null }); $('#form_surname').unblock(); //now unblock the surname field as this needs correcting $('.blockOverlay').attr('title','Click to unblock').click($.unblockUI); }); }); Thanks.
[jQuery] Re: Block access to the page but unblock certains divs
Have a look at he last posts in this thread. http://groups.google.com/group/jquery-en/browse_thread/thread/a174d8c1fdebad65 On Oct 2, 3:32 pm, samh12 wrote: > Hi, > > Is it possible to block the entire page but then override certain divs > with an unblock command? Basically, I want to implement the block > function when someone clicks the submit button on a form but if they > have missed a question then unblock just this question div so it's > nice and clear that's the one they need to correct? > > Thanks.
[jQuery] validate
I am having a problem getting the error container to clear out after I have fixed invalid inputs. I am using the invalidHandler option. When my form is invalid it shows a message of the number of errors (taken from the sample code) and shows the invalid messages. After I correct each error the corresponding message goes away but I am still left with the message of the number of errors. Here is my setup. Can you tell me what might be wrong? Thanks $("#aspnetForm").validate({ focusCleanup: true, onfocusout: false, onkeyup: false, submitHandler: function(form) { saveAnnouncement(); return false; }, invalidHandler: function(form, validator) { var errors = validator.numberOfInvalids(); if (errors) { var message = errors == 1 ? 'You missed 1 field. It has been highlighted.' : 'You missed ' + errors + ' fields. They have been highlighted.'; $("div.error span").html(message); $("div.error").show(); } else { $("div.error").hide(); } }, errorContainer: "div.error", errorLabelContainer: "div.error div", wrapper: "p", rules: { txtStartDate: { required: true, date: true, isDate: true }, txtEndDate: { required: true, date: true, isDate: true, endDateCheck: true }, txtHeading: { required: true }, txtMessage: { required: true } }, messages: { txtStartDate: { required: "* The start date is required.", date: "* The start date is not a valid date format.", isDate: "* The start date is not a valid date." }, txtEndDate: { required: "* The end date is required.", date: "* The end date is not a valid date format.", isDate: "* The end date is not a valid date.", endDateCheck: "* The end date must be greater than or equal to the start date." }, txtHeading: { required: "* The heading is required." }, txtMessage: { required: "* The message is required." } } });
[jQuery] Block access to the page but unblock certains divs
Hi, Is it possible to block the entire page but then override certain divs with an unblock command? Basically, I want to implement the block function when someone clicks the submit button on a form but if they have missed a question then unblock just this question div so it's nice and clear that's the one they need to correct? Thanks.
[jQuery] Re: How to disable a form
If you look at the examples you can set it to block just a specified element. On Oct 2, 3:19 pm, Cecil Westerhof wrote: > 2009/10/2 Nalum : > > > This is a nice plugin that I've come across that I think would be able > > to do exactly what you want. > > >http://malsup.com/jquery/block/ > > I think that that is what I need. The only 'problem' is that it blocks > the whole page and not only the form. But I can live with that. > > -- > Cecil Westerhof
[jQuery] Re: jQuery UI Portlets & Cookies
Hello Craig, When you need to show code you should try using a site like http://pastebin.com as it'll make it easier to read and your post wont be so long. You'll need to be able to work with cookies, I would suggest this jquery plugin http://plugins.jquery.com/project/cookie. I've explained how it works in this code here http://pastebin.com/m2c0e0bde. Hope this helps you out. Nalum On Oct 2, 3:15 pm, craigeves wrote: > Here it is - thanks for your help again > > > > > jQuery UI Sortable - Portlets > > > > > .column { > width: 300px; > float: left; > background-color: #ee; > margin-right: 25px; > padding-top: 10px; > padding-right: 10px; > padding-bottom: 0px; > padding-left: 10px; > height: 700px;} > > .portlet { > background-color: #FFF; > margin-top: 0; > margin-right: 0; > margin-bottom: 10; > margin-left: 0;} > > .portlet-header { > margin: 0px; > font-family: Arial, Helvetica, sans-serif; > font-size: 18px; > background-color: #333; > padding: 10px; > color: #FFF;} > > .portlet-header .ui-icon { float: right; } > .portlet-content { > padding: 10px; > font-family: Arial, Helvetica, sans-serif; > font-size: 12px; > line-height: 18px; > color: #333; > margin-bottom: 10px;} > > .ui-sortable-placeholder { border: 1px dotted black; visibility: > visible} > .ui-sortable-placeholder * { visibility: hidden; } > > > > $(function() { > $(".column").sortable({ > handle: '.portlet-header', > connectWith: '.column' > }); > > $(".column").disableSelection(); > }); > > > > > > > > > Feeds > Lorem ipsum dolor sit amet, > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > elit. > > > > News > Lorem ipsum dolor sit amet, > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > elit. > > > > > > > > Shopping > Lorem ipsum dolor sit amet, > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > elit. > > sddfds > > > > > > Links > Lorem ipsum dolor sit amet, > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > elit. > > > > Images > Lorem ipsum dolor sit amet, > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > elit. > > > > > > > > > On Oct 2, 3:09 pm, Nalum wrote: > > > > > Is the code in the original post all the code you have? > > > On Oct 2, 3:03 pm, craigeves wrote: > > > > Thanks for this - but I don't understand where it would fit into my > > > script? I'm only just starting in jQuery... > > > > Also, will this save the position of the portlet no matter which > > > column it's in? It's just that it looks like it's related to a closed > > > and expanded portlet state. > > > > Thanks for your time. > > > > Craig > > > > On Oct 2, 2:58 pm, Nalum wrote: > > > > > Hello Craig, > > > > I've done this before by building up a string e.g. box- > > > > id1,collapsed;box-id5,not-collapsed;box-id3,collapsed|box- > > > > id4,collapsed;box-id2,not-collapsed;box-id6,collapsed; > > > > > In the javascript do something like thishttp://pastebin.com/m90a2af6 > > > > > Hope this helps, > > > > Nalum > > > > > On Oct 2, 2:35 pm, craigeves wrote: > > > > > > anyone? > > > > > > On Oct 2, 12:08 am, craigeves wrote: > > > > > > > Please can someone help? > > > > > > > I am using the jQuery UI (sortable) Portlets code - but I want to > > > > > > use > > > > > > the jQuery cookies plugin to remember the order of the portlets. I > > > > > > don't know where to start - and searching the net for an answer only > > > > > > brings up sortable ul and li. > > > > > > > Please help. > > > > > > > Code: > > > > > > > > > > > > $(function() { > > > > > > $(".column").sortable({ > > > > > > connectWith: '.column' > > > > > > }); > > > > > > > $(".column").disableSelection(); > > > > > > }); > > > > > > > > > > > > > HTML: > > > > > > > > > > > > > > > > > > Feeds >
[jQuery] Re: IE7 does not play nice with $.load
On Fri, Oct 2, 2009 at 10:23 AM, Nick Fitzsimons wrote: > > 2009/10/2 brian : >> >> On Fri, Oct 2, 2009 at 5:00 AM, Nick Fitzsimons wrote: >>> >>> 2009/10/2 Dave Methvin : > Is there some easy way of forcing IE to make ajax > calls? You can use the old trick of adding a random number to the end of the url. >>> >>> That's what the { cache: false } option does; see jQuery 1.3.2 line >>> 3448 onwards: >>> >>> if ( s.cache === false && type == "GET" ) { >>> var ts = now(); >>> // try replacing _= if it is there >>> var ret = s.url.replace(/(\?|&)_=.*?(&|$)/, "$1_=" + ts + "$2"); >>> // if nothing was replaced, add timestamp to the end >>> s.url = ret + ((ret == s.url) ? (s.url.match(/\?/) ? "&" : "?") + >>> "_=" + ts : ""); >>> } >>> >> >> Could someone please explain to me the significance of "_=" in the URL? >> > > It doesn't really have any significance as such, it's just a throwaway > name. In order to break browser caching, something needs to be added > to the query string which wasn't present on any previous request from > the same browser, and jQuery uses the current time in milliseconds > since the epoch date. A query string might already be present, with > various name-value pairs representing form elements (e.g. > http://example.com/foo?id=1&bar=baz). However, there is very little > chance somebody has a form element named "_", so that is used as the > name for the otherwise-irrelevant timestamp used to break caching; in > the previous example, the URL would change to something like > http://example.com/foo?id=1&bar=baz&_=987654321. > > The only circumstances in which this could break is if somebody > already has a form element named "_", in which case the behaviour of > the server when faced with two values for the same field is > implementation-dependent (it's best if it makes an array of them, but > PHP for example is broken in this regard); or if an over-eager > server-side developer throws a validation error on encountering a > field they weren't expecting, in which case said developer should be > sent off to grow turnips for a living instead. > Thanks, Nick. Yes, that seems like a very good approach.
[jQuery] Re: is(':checked') always returns false
On Oct 1, 1:16 pm, "bob.nel...@gmail.com" wrote: > I have a bunch of checkboxes that I want to have checked when the user > checks a master checkbox. You are writing too much unnecessary jQuery code! > HTML for master checkbox (within a container with id 'msgsInbox'): > type="checkbox" value="" onclick="checkAllMsgsIn()" tabindex="-1" /> Try: onclick="checkAllMsgsIn(this)" Then: > function checkAllMsgsIn() { > alert($('#msgCheckAllInbox').is(":checked")); //Used to debug this > $('#msgsInbox input.messageCheckbox').attr('checked', $ > ('#msgCheckAllInbox').is(':checked')); function checkAllMsgsIn(cb) { $('#msgsInbox input.messageCheckbox').attr('checked', cb.checked); } Much simpler. Matt Kruse
[jQuery] Show/hide effect div on mouseover
Hi, I have a CSS menu that I created using div that current appears using the hover function in the CSS. What I would like to do is incorporate javascript to utilise the effect of fading in when the mouse moves over the 'menu' text and then with a delay fades out when the mouse moves out of the menu area. Is this possible? Please advise... Thanks
[jQuery] Re: IE7 does not play nice with $.load
2009/10/2 brian : > > On Fri, Oct 2, 2009 at 5:00 AM, Nick Fitzsimons wrote: >> >> 2009/10/2 Dave Methvin : >>> Is there some easy way of forcing IE to make ajax calls? >>> >>> You can use the old trick of adding a random number to the end of the >>> url. >> >> That's what the { cache: false } option does; see jQuery 1.3.2 line >> 3448 onwards: >> >> if ( s.cache === false && type == "GET" ) { >> var ts = now(); >> // try replacing _= if it is there >> var ret = s.url.replace(/(\?|&)_=.*?(&|$)/, "$1_=" + ts + "$2"); >> // if nothing was replaced, add timestamp to the end >> s.url = ret + ((ret == s.url) ? (s.url.match(/\?/) ? "&" : "?") + >> "_=" + ts : ""); >> } >> > > Could someone please explain to me the significance of "_=" in the URL? > It doesn't really have any significance as such, it's just a throwaway name. In order to break browser caching, something needs to be added to the query string which wasn't present on any previous request from the same browser, and jQuery uses the current time in milliseconds since the epoch date. A query string might already be present, with various name-value pairs representing form elements (e.g. http://example.com/foo?id=1&bar=baz). However, there is very little chance somebody has a form element named "_", so that is used as the name for the otherwise-irrelevant timestamp used to break caching; in the previous example, the URL would change to something like http://example.com/foo?id=1&bar=baz&_=987654321. The only circumstances in which this could break is if somebody already has a form element named "_", in which case the behaviour of the server when faced with two values for the same field is implementation-dependent (it's best if it makes an array of them, but PHP for example is broken in this regard); or if an over-eager server-side developer throws a validation error on encountering a field they weren't expecting, in which case said developer should be sent off to grow turnips for a living instead. Regards, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/
[jQuery] Re: How to disable a form
2009/10/2 Nalum : > This is a nice plugin that I've come across that I think would be able > to do exactly what you want. > > http://malsup.com/jquery/block/ I think that that is what I need. The only 'problem' is that it blocks the whole page and not only the form. But I can live with that. -- Cecil Westerhof
[jQuery] Re: jQuery UI Portlets & Cookies
Here it is - thanks for your help again jQuery UI Sortable - Portlets .column { width: 300px; float: left; background-color: #ee; margin-right: 25px; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; height: 700px; } .portlet { background-color: #FFF; margin-top: 0; margin-right: 0; margin-bottom: 10; margin-left: 0; } .portlet-header { margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; background-color: #333; padding: 10px; color: #FFF; } .portlet-header .ui-icon { float: right; } .portlet-content { padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #333; margin-bottom: 10px; } .ui-sortable-placeholder { border: 1px dotted black; visibility: visible} .ui-sortable-placeholder * { visibility: hidden; } $(function() { $(".column").sortable({ handle: '.portlet-header', connectWith: '.column' }); $(".column").disableSelection(); }); Feeds Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. News Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Shopping Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. sddfds Links Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Images Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. On Oct 2, 3:09 pm, Nalum wrote: > Is the code in the original post all the code you have? > > On Oct 2, 3:03 pm, craigeves wrote: > > > Thanks for this - but I don't understand where it would fit into my > > script? I'm only just starting in jQuery... > > > Also, will this save the position of the portlet no matter which > > column it's in? It's just that it looks like it's related to a closed > > and expanded portlet state. > > > Thanks for your time. > > > Craig > > > On Oct 2, 2:58 pm, Nalum wrote: > > > > Hello Craig, > > > I've done this before by building up a string e.g. box- > > > id1,collapsed;box-id5,not-collapsed;box-id3,collapsed|box- > > > id4,collapsed;box-id2,not-collapsed;box-id6,collapsed; > > > > In the javascript do something like thishttp://pastebin.com/m90a2af6 > > > > Hope this helps, > > > Nalum > > > > On Oct 2, 2:35 pm, craigeves wrote: > > > > > anyone? > > > > > On Oct 2, 12:08 am, craigeves wrote: > > > > > > Please can someone help? > > > > > > I am using the jQuery UI (sortable) Portlets code - but I want to use > > > > > the jQuery cookies plugin to remember the order of the portlets. I > > > > > don't know where to start - and searching the net for an answer only > > > > > brings up sortable ul and li. > > > > > > Please help. > > > > > > Code: > > > > > > > > > > $(function() { > > > > > $(".column").sortable({ > > > > > connectWith: '.column' > > > > > }); > > > > > > $(".column").disableSelection(); > > > > > }); > > > > > > > > > > > HTML: > > > > > > > > > > > > > > > Feeds > > > > > Lorem ipsum dolor sit amet, > > > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > > > elit. > > > > > > > > > > > > > > > News > > > > > Lorem ipsum dolor sit amet, > > > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > > > elit. > > > > > > > > > > > > > > > > > > > > > > > > > Shopping > > > > > Lorem ipsum dolor sit amet, > > > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > > > adipiscing elit. Lorem ipsum dolor si
[jQuery] Re: jQuery UI Portlets & Cookies
Is the code in the original post all the code you have? On Oct 2, 3:03 pm, craigeves wrote: > Thanks for this - but I don't understand where it would fit into my > script? I'm only just starting in jQuery... > > Also, will this save the position of the portlet no matter which > column it's in? It's just that it looks like it's related to a closed > and expanded portlet state. > > Thanks for your time. > > Craig > > On Oct 2, 2:58 pm, Nalum wrote: > > > > > Hello Craig, > > I've done this before by building up a string e.g. box- > > id1,collapsed;box-id5,not-collapsed;box-id3,collapsed|box- > > id4,collapsed;box-id2,not-collapsed;box-id6,collapsed; > > > In the javascript do something like thishttp://pastebin.com/m90a2af6 > > > Hope this helps, > > Nalum > > > On Oct 2, 2:35 pm, craigeves wrote: > > > > anyone? > > > > On Oct 2, 12:08 am, craigeves wrote: > > > > > Please can someone help? > > > > > I am using the jQuery UI (sortable) Portlets code - but I want to use > > > > the jQuery cookies plugin to remember the order of the portlets. I > > > > don't know where to start - and searching the net for an answer only > > > > brings up sortable ul and li. > > > > > Please help. > > > > > Code: > > > > > > > > $(function() { > > > > $(".column").sortable({ > > > > connectWith: '.column' > > > > }); > > > > > $(".column").disableSelection(); > > > > }); > > > > > > > > > HTML: > > > > > > > > > > > > Feeds > > > > Lorem ipsum dolor sit amet, > > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > > elit. > > > > > > > > > > > > News > > > > Lorem ipsum dolor sit amet, > > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > > elit. > > > > > > > > > > > > > > > > > > > > Shopping > > > > Lorem ipsum dolor sit amet, > > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > > elit. > > > > > > > > > > > > > > > > > > > > Links > > > > Lorem ipsum dolor sit amet, > > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > > elit. > > > > > > > > > > > > Images > > > > Lorem ipsum dolor sit amet, > > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > > elit. > > > > > > > >
[jQuery] Re: How to disable a form
This is a nice plugin that I've come across that I think would be able to do exactly what you want. http://malsup.com/jquery/block/ Nalum On Oct 2, 2:35 pm, Cecil Westerhof wrote: > 2009/10/2 brian : > > > > > > > > > On Fri, Oct 2, 2009 at 9:11 AM, Cecil Westerhof > > wrote: > > >> 2009/10/2 brian : > > >>> I like that idea but another might be to (after the form has > >>> submitted) add a new submit handler for the form that simply returned > >>> false. > > >> The problem with that is that the fields still can be changed. I > >> prefer that this is not possible. A simple method would be to hide the > >> form. But that is not very pleasing to the eyes I am afraid. > > > I suppose it depends on the interface you're working with. Perhaps you > > could fade the form out and display, in its place, a "thank you" (or > > whatever) message. If "something goes wrong" you could re-display the > > form. > > That was what I am thinking about for lack of something better. > I would prefer to hide it only after a succesfull submit. But I expect > it to be mostly succesfull. So it is acceptable. > > -- > Cecil Westerhof
[jQuery] Re: jQuery UI Portlets & Cookies
Thanks for this - but I don't understand where it would fit into my script? I'm only just starting in jQuery... Also, will this save the position of the portlet no matter which column it's in? It's just that it looks like it's related to a closed and expanded portlet state. Thanks for your time. Craig On Oct 2, 2:58 pm, Nalum wrote: > Hello Craig, > I've done this before by building up a string e.g. box- > id1,collapsed;box-id5,not-collapsed;box-id3,collapsed|box- > id4,collapsed;box-id2,not-collapsed;box-id6,collapsed; > > In the javascript do something like thishttp://pastebin.com/m90a2af6 > > Hope this helps, > Nalum > > On Oct 2, 2:35 pm, craigeves wrote: > > > anyone? > > > On Oct 2, 12:08 am, craigeves wrote: > > > > Please can someone help? > > > > I am using the jQuery UI (sortable) Portlets code - but I want to use > > > the jQuery cookies plugin to remember the order of the portlets. I > > > don't know where to start - and searching the net for an answer only > > > brings up sortable ul and li. > > > > Please help. > > > > Code: > > > > > > $(function() { > > > $(".column").sortable({ > > > connectWith: '.column' > > > }); > > > > $(".column").disableSelection(); > > > }); > > > > > > > HTML: > > > > > > > > > Feeds > > > Lorem ipsum dolor sit amet, > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > elit. > > > > > > > > > News > > > Lorem ipsum dolor sit amet, > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > elit. > > > > > > > > > > > > > > > Shopping > > > Lorem ipsum dolor sit amet, > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > elit. > > > > > > > > > > > > > > > Links > > > Lorem ipsum dolor sit amet, > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > elit. > > > > > > > > > Images > > > Lorem ipsum dolor sit amet, > > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > > elit. > > > > > >
[jQuery] Re: jQuery UI Portlets & Cookies
Hello Craig, I've done this before by building up a string e.g. box- id1,collapsed;box-id5,not-collapsed;box-id3,collapsed|box- id4,collapsed;box-id2,not-collapsed;box-id6,collapsed; In the javascript do something like this http://pastebin.com/m90a2af6 Hope this helps, Nalum On Oct 2, 2:35 pm, craigeves wrote: > anyone? > > On Oct 2, 12:08 am, craigeves wrote: > > > > > Please can someone help? > > > I am using the jQuery UI (sortable) Portlets code - but I want to use > > the jQuery cookies plugin to remember the order of the portlets. I > > don't know where to start - and searching the net for an answer only > > brings up sortable ul and li. > > > Please help. > > > Code: > > > > $(function() { > > $(".column").sortable({ > > connectWith: '.column' > > }); > > > $(".column").disableSelection(); > > }); > > > > > HTML: > > > > > > Feeds > > Lorem ipsum dolor sit amet, > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > elit. > > > > > > News > > Lorem ipsum dolor sit amet, > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > elit. > > > > > > > > > > Shopping > > Lorem ipsum dolor sit amet, > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > elit. > > > > > > > > > > Links > > Lorem ipsum dolor sit amet, > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > elit. > > > > > > Images > > Lorem ipsum dolor sit amet, > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > elit. > > > >
[jQuery] Re: Stumped. 1.3.2 breaks this script
Let me clarify. This example is working, using the older version of jQuery. When I plug in jQuery 1.3.2, the first two books no longer show and it breaks the script a bit. I am trying to figure out what changed. Near the end of the script (browse.js) you will find: .filter(":gt(" + parseInt(curPos - 1) + ")") I believe this is where the issue lies, but cannot seem to figure it out from there. Thanks for looking into it!! On Oct 2, 9:31 am, brian wrote: > On Fri, Oct 2, 2009 at 9:29 AM, brian wrote: > > You say it's not displaying "the first few books" but you don't say > > which those are. The first one I'm seeing is "Plum Lovin'". Is that > > correct or not? > > > FF3.5.3/Linux, btw. > > Never mind,I just found the XML source. Plum Lovin' is, indeed, the > first book on the list. > > http://blog.reindel.com/src/jquery_browse/books.xml
[jQuery] Re: How to disable a form
2009/10/2 brian : > > On Fri, Oct 2, 2009 at 9:11 AM, Cecil Westerhof > wrote: >> >> 2009/10/2 brian : >>> >>> I like that idea but another might be to (after the form has >>> submitted) add a new submit handler for the form that simply returned >>> false. >> >> The problem with that is that the fields still can be changed. I >> prefer that this is not possible. A simple method would be to hide the >> form. But that is not very pleasing to the eyes I am afraid. >> > > I suppose it depends on the interface you're working with. Perhaps you > could fade the form out and display, in its place, a "thank you" (or > whatever) message. If "something goes wrong" you could re-display the > form. That was what I am thinking about for lack of something better. I would prefer to hide it only after a succesfull submit. But I expect it to be mostly succesfull. So it is acceptable. -- Cecil Westerhof
[jQuery] Re: jQuery UI Portlets & Cookies
anyone? On Oct 2, 12:08 am, craigeves wrote: > Please can someone help? > > I am using the jQuery UI (sortable) Portlets code - but I want to use > the jQuery cookies plugin to remember the order of the portlets. I > don't know where to start - and searching the net for an answer only > brings up sortable ul and li. > > Please help. > > Code: > > $(function() { > $(".column").sortable({ > connectWith: '.column' > }); > > $(".column").disableSelection(); > }); > > > HTML: > > > Feeds > Lorem ipsum dolor sit amet, > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > elit. > > > News > Lorem ipsum dolor sit amet, > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > elit. > > > > > Shopping > Lorem ipsum dolor sit amet, > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > elit. > > > > > Links > Lorem ipsum dolor sit amet, > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > elit. > > > Images > Lorem ipsum dolor sit amet, > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > elit. > >
[jQuery] Re: Stumped. 1.3.2 breaks this script
On Fri, Oct 2, 2009 at 9:29 AM, brian wrote: > You say it's not displaying "the first few books" but you don't say > which those are. The first one I'm seeing is "Plum Lovin'". Is that > correct or not? > > FF3.5.3/Linux, btw. > Never mind,I just found the XML source. Plum Lovin' is, indeed, the first book on the list. http://blog.reindel.com/src/jquery_browse/books.xml
[jQuery] Re: Stumped. 1.3.2 breaks this script
You say it's not displaying "the first few books" but you don't say which those are. The first one I'm seeing is "Plum Lovin'". Is that correct or not? FF3.5.3/Linux, btw. On Fri, Oct 2, 2009 at 9:04 AM, stilfx wrote: > > Article: > http://blog.reindel.com/2007/02/02/use-jquery-expressions-and-ajax-to-browse-an-xml-file/ > Example: http://blog.reindel.com/src/jquery_browse > Script: http://blog.reindel.com/src/jquery_browse/browse.js > > I've also emailed the author with no response. > A quick peek, anyone? Bueller? Bueller?? > > > > On Oct 1, 7:53 pm, stilfx wrote: >> I was reviewing this >> post..http://blog.reindel.com/2007/02/02/use-jquery-expressions-and-ajax-to... >> ..on browsing an XML file with jQuery (a great learn, btw). I'm >> trying to use the same script, except updated to jQuery 1.3.2 - but >> it's not initially showing the first few books. >> >> I'm not sure what version of jQuery the example was written with, but >> its older, and works. Example:http://blog.reindel.com/src/jquery_browse/ >> >> I think I have it narrowed down to an issue with this filter: >> .filter(":gt(" + parseInt(curPos - 1) + ")") >> >> Give a shout if you have any insite as to the issue. I'm trying to fig >> it out but am stuck..
[jQuery] Re: keeping table header fix
On Thu, 2009-10-01 at 22:25 -0400, Karl Swedberg wrote: > have you tried overflow-y: auto; ? This works... (to some degree) table tbody { height: 799px; overflow-y: auto; overflow-x: hidden; } Cheers, -- Matt Zagrabelny - mzagr...@d.umn.edu - (218) 726 8844 University of Minnesota Duluth Information Technology Systems & Services PGP key 1024D/84E22DA2 2005-11-07 Fingerprint: 78F9 18B3 EF58 56F5 FC85 C5CA 53E7 887F 84E2 2DA2 He is not a fool who gives up what he cannot keep to gain what he cannot lose. -Jim Elliot
[jQuery] Re: IE7 does not play nice with $.load
On Fri, Oct 2, 2009 at 5:00 AM, Nick Fitzsimons wrote: > > 2009/10/2 Dave Methvin : >> >>> Is there some easy way of forcing IE to make ajax >>> calls? >> >> You can use the old trick of adding a random number to the end of the >> url. > > That's what the { cache: false } option does; see jQuery 1.3.2 line > 3448 onwards: > > if ( s.cache === false && type == "GET" ) { > var ts = now(); > // try replacing _= if it is there > var ret = s.url.replace(/(\?|&)_=.*?(&|$)/, "$1_=" + ts + "$2"); > // if nothing was replaced, add timestamp to the end > s.url = ret + ((ret == s.url) ? (s.url.match(/\?/) ? "&" : "?") + > "_=" + ts : ""); > } > Could someone please explain to me the significance of "_=" in the URL?
[jQuery] Re: something missing from my code?
When you write: $('a projTwo').click(function() { You want to identify the correct a by its class name (projTwo). So you would want to write it as: $('a.projTwo').click(function() { Notice the difference? On 2 Okt, 15:00, Glen_H wrote: > Hey guys, Im new to Javascript and JQuery, I am trying to have a > "featured" area on the front page to my site, basically there is a > right div area which holds the picture, on the left there is a menu > with 4 buttons. here is the html: > > > > > > > > > > > > > > > > > > > Here is the way im setting up the JQuery to try and make the active > div change when I choose a button: > > $(function() { > $('a projTwo').click(function() { > $('#project1').css('display','none'); > $('#project2').css > ('display',''); > > > }); > }); > > does anyone see where I am going wrong? when I get into the CSS > portion will it have to go all the way back like how css is written? > meaning in order to identify it, would it have to be #container > #project1 or will just #project1 work? > > thank you in advance
[jQuery] Re: something missing from my code?
also instead of $('#project1').css('display','none'); $('#project2').css('display',''); it's better habit to use ".hide()" and ".show()", which gives you more options (like animation effects if you want) as well as automatically handles different show/hide code needed for different types of DOM objects On Oct 2, 9:00 am, Glen_H wrote: > Hey guys, Im new to Javascript and JQuery, I am trying to have a > "featured" area on the front page to my site, basically there is a > right div area which holds the picture, on the left there is a menu > with 4 buttons. here is the html: > > > > > > > > > > > > > > > > > > > Here is the way im setting up the JQuery to try and make the active > div change when I choose a button: > > $(function() { > $('a projTwo').click(function() { > $('#project1').css('display','none'); > $('#project2').css > ('display',''); > > > }); > }); > > does anyone see where I am going wrong? when I get into the CSS > portion will it have to go all the way back like how css is written? > meaning in order to identify it, would it have to be #container > #project1 or will just #project1 work? > > thank you in advance
[jQuery] Re: How to disable a form
On Fri, Oct 2, 2009 at 9:11 AM, Cecil Westerhof wrote: > > 2009/10/2 brian : >> >> I like that idea but another might be to (after the form has >> submitted) add a new submit handler for the form that simply returned >> false. > > The problem with that is that the fields still can be changed. I > prefer that this is not possible. A simple method would be to hide the > form. But that is not very pleasing to the eyes I am afraid. > I suppose it depends on the interface you're working with. Perhaps you could fade the form out and display, in its place, a "thank you" (or whatever) message. If "something goes wrong" you could re-display the form.
[jQuery] Re: something missing from my code?
$('a projTwo') you need a period before "projTwo" to tell jQuery "with this class name" so $('a.projTwo'). On Oct 2, 9:00 am, Glen_H wrote: > Hey guys, Im new to Javascript and JQuery, I am trying to have a > "featured" area on the front page to my site, basically there is a > right div area which holds the picture, on the left there is a menu > with 4 buttons. here is the html: > > > > > > > > > > > > > > > > > > > Here is the way im setting up the JQuery to try and make the active > div change when I choose a button: > > $(function() { > $('a projTwo').click(function() { > $('#project1').css('display','none'); > $('#project2').css > ('display',''); > > > }); > }); > > does anyone see where I am going wrong? when I get into the CSS > portion will it have to go all the way back like how css is written? > meaning in order to identify it, would it have to be #container > #project1 or will just #project1 work? > > thank you in advance
[jQuery] Re: How to disable a form
2009/10/2 brian : > > On Fri, Oct 2, 2009 at 8:32 AM, Giovanni Battista Lenoci > wrote: >> >> Cecil Westerhof ha scritto: >>> >>> I want to disable a form when I submit it. The first reason is because >>> I do not want the form submitted more as once. For this I could >>> disable the submit button(s). But I also want the values not be >>> changed during the submit. Is this possible? >>> >> >> On the beforesubmit event add the readonly attribute to every field. >> >> Should work.. :-) >> > > I like that idea but another might be to (after the form has > submitted) add a new submit handler for the form that simply returned > false. The problem with that is that the fields still can be changed. I prefer that this is not possible. A simple method would be to hide the form. But that is not very pleasing to the eyes I am afraid. -- Cecil Westerhof
[jQuery] Re: Stumped. 1.3.2 breaks this script
Article: http://blog.reindel.com/2007/02/02/use-jquery-expressions-and-ajax-to-browse-an-xml-file/ Example: http://blog.reindel.com/src/jquery_browse Script: http://blog.reindel.com/src/jquery_browse/browse.js I've also emailed the author with no response. A quick peek, anyone? Bueller? Bueller?? On Oct 1, 7:53 pm, stilfx wrote: > I was reviewing this > post..http://blog.reindel.com/2007/02/02/use-jquery-expressions-and-ajax-to... > ..on browsing an XML file with jQuery (a great learn, btw). I'm > trying to use the same script, except updated to jQuery 1.3.2 - but > it's not initially showing the first few books. > > I'm not sure what version of jQuery the example was written with, but > its older, and works. Example:http://blog.reindel.com/src/jquery_browse/ > > I think I have it narrowed down to an issue with this filter: > .filter(":gt(" + parseInt(curPos - 1) + ")") > > Give a shout if you have any insite as to the issue. I'm trying to fig > it out but am stuck..
[jQuery] Re: How to disable a form
On Fri, Oct 2, 2009 at 8:32 AM, Giovanni Battista Lenoci wrote: > > Cecil Westerhof ha scritto: >> >> I want to disable a form when I submit it. The first reason is because >> I do not want the form submitted more as once. For this I could >> disable the submit button(s). But I also want the values not be >> changed during the submit. Is this possible? >> > > On the beforesubmit event add the readonly attribute to every field. > > Should work.. :-) > I like that idea but another might be to (after the form has submitted) add a new submit handler for the form that simply returned false.
[jQuery] Re: How to disable a form
2009/10/2 Giovanni Battista Lenoci : >> I want to disable a form when I submit it. The first reason is because >> I do not want the form submitted more as once. For this I could >> disable the submit button(s). But I also want the values not be >> changed during the submit. Is this possible? >> > > On the beforesubmit event add the readonly attribute to every field. > > Should work.. :-) There is not a better way? When something goes wrong, I want to enable the form again. When there allready are readonly fields, this could complicate matters. -- Cecil Westerhof
[jQuery] something missing from my code?
Hey guys, Im new to Javascript and JQuery, I am trying to have a "featured" area on the front page to my site, basically there is a right div area which holds the picture, on the left there is a menu with 4 buttons. here is the html: Here is the way im setting up the JQuery to try and make the active div change when I choose a button: $(function() { $('a projTwo').click(function() { $('#project1').css('display','none'); $('#project2').css ('display',''); }); }); does anyone see where I am going wrong? when I get into the CSS portion will it have to go all the way back like how css is written? meaning in order to identify it, would it have to be #container #project1 or will just #project1 work? thank you in advance
[jQuery] Problem with submit button of an inserted form
I have the following code: $(placeInDOM).replaceWith(header + fields + footer); $(placeInDOM).find(':submit').click(function() { alert("clicked the submit button"); return false; }); The first statement places a form with a submit button in my page. This works as it should. With the second I want to give an alert instead of a submit when clicking on the submit button. But it does not work. When I after the first statement execute: alert($(placeInDOM).find(':submit').html()); I get null If I execute: alert($(placeInDOM).find(':submit')); I get: [object Object] What am I doing wrong? I found a workaround by using: $('.submit').click(function() { But this only works when my form is the only form on the page. So it is not very satisfactory. -- Cecil Westerhof
[jQuery] Re: How to disable a form
Cecil Westerhof ha scritto: I want to disable a form when I submit it. The first reason is because I do not want the form submitted more as once. For this I could disable the submit button(s). But I also want the values not be changed during the submit. Is this possible? On the beforesubmit event add the readonly attribute to every field. Should work.. :-) -- gianiaz.net - web solutions via piedo, 58 - 23020 tresivio (so) - italy +39 347 7196482
[jQuery] Re: How To use getJSON?
Many Thanks @ All. Now it works and i have understood it! :) And the JSON validator is now in the favs. ;) On 2 Okt., 01:02, Colossus wrote: > h...@all. > > I have a little problem with JQuery and JSON, because it's my first > JSON testing Project. > > In the documentation i found this:http://docs.jquery.com/Ajax/jQuery.getJSON > But i do not understand how it works with an JSON array. :( It's an > other JSON structure then mine. > I simply want to play around with it. And trying to load some images > in a img src tag. ;) > > My jQuery Function is: > $.getJSON("index.php?action=JSON_directory", > function(data){ > // and this is my prob, see my php result. > }); > }); > > php JSON (encoded) Result: > ["\/uploads\/Argentina.gif","\/uploads\/Australia.gif","\/uploads\/ > Brazil.gif","\/uploads\/Cameroon.gif"] > > Hope anyone can help a lame dog over a stile. ;) > > Many THX. :)
[jQuery] Re: keeping table header fix
On Sep 16, 2:16 am, macsig wrote: > Hello guys, > I'd like to know if there is a way to keep a table header fixed on top > of a div while I scroll the table rows. I am trying to do the same thing, but I'm debugging something else and I haven't succeeded yet. My approach has been that of the C coder that I am: -- give the header an id; make it display:none (works for me) -- at onload time, copy that header into another object that is displayable (the content shows up for me but I'm not so sure that the horizontal spacing -- between s -- works right). Some things I found out: -- I cannot make /only/ the header behave the way I (and you) want -- and I cannot make work the way it's advertised: it wants to stay fixed vertically, but does not in FF3.5.3, IE7, or Safari. -- I do not make the displayable header position:fixed because the displayable header stays fixed /horizontally/ too: can't scroll the table left and right and expect that header to follow the body.. -- because no position:fixed, I have to handle vertical scrolling in JS code, which is what I'm working on right now. If I were a respectable JS coder, I believe I'd have these issues fixe^h^h^h^h corrected by now. But I'm just a JS beginner so taking baby steps. I would very much like to know how you approaching this problem. To see my developing solution: http://sellmycalls.com/cgi-bin/chain I hope this helps us both! -- Ben
[jQuery] How to disable a form
I want to disable a form when I submit it. The first reason is because I do not want the form submitted more as once. For this I could disable the submit button(s). But I also want the values not be changed during the submit. Is this possible? -- Cecil Westerhof