jQuery UI Dialog: modal overlay problem with page height > 4096px
Hi I'm using a jQuery UI dialog, with modal: true. Works fine in Firefox 3.6.3, Chrome 4.1.249.1064 (45376). jQuery core version is 1.4.2, and UI components are the latest and the ones designed to work with core 1.4 and up. However, in IE8, with a page greater than 4096 pixels in height, the modal overlay starts misbehaving. This was found by crafting a simple page (using the guts of the downloaded demo) with a couple of height-styled divs. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type"
ASP.NET Web Form Submission in Alpha 2 Broken
Forms submission in Alpha 2 seems to be running afoul of ASP.NET forms submission. This didn't occur in Alpha 1. Is there a way to disable the hash navigation when doing a forms submission? Update: I rolled back to Alpha 1 and all is working again. It appears the hash navigation in Alpha 2 is running interference with ASP.NET web forms submits. Not only does the navigation cause issues, but the OnCommand handlers don't fire. I tried using target="blank" in the form tag but that had no affect. Please
Diversity of UI patterns on mobile platforms
As far as I can see from the initial blog post about jQuery mobile, the touch interface library is going to depend on UI patterns of iOS. This is acceptable for iPhone and Android machines, but Blackberry and Symbian users wont be happy to see these UI elements on their mobile phones. The reason is obvious, their wide screens (which are usually 320*240) wont allow them to consume that amount of space for large elements shipping with jQuery Mobile. What are you planning to do with diversity of platforms?
[jQuery] Validation plug-in - how to set russian messages for all
Hi, I'm using validation plug-in in our application for customers from Russia. I need to set russian messages for all customers from all places in the world. How can i do that? Messages are in "localzation/ messages_ru.js". Regards Mateusz Wolsza
jQuery File upload
Hi, Can somebody provide code or suggestions on how to implement single file upload using jQuery or AJAX. It should submit to servlet. Thanks in advance...
backgroundPosition issue in IE8
I need help with an IE8 problem. I apologize for the long post but I want to give as many facts as possible. Please reference: www.banana-digital.com I have already banned less than IE8 from my site but have the following problem with IE8 only (works on Mac and Win in these "allowed" browsers: Safari 5+, Chrome, FF 3.5+ and Opera 10+): var element = $("#whatever"); var showOverClosed = "0px -13800px"; element.css({backgroundPosition: showOverClosed}); I use the backgroundPosition setter / getter
how about a no-frills table plugin with fixed header, vertical scrollbar, and pagination?
There are some good non-jquery table scripts out there, such as TinyTable V3 and others. There are also some impressive jQuery grid plugins, and then a handful of plugins for tables that have one useful feature only. What I'm hoping someone builds is a jquery table plugin that does not exert styling control in the way Flexigrid or jqGrid does, and that offers the following: (1) sorting (2) pagination (3) fixed header (4) vertical scrollbar (horizontal not allowed) TinyTable (non-jQuery) by Michael
Cycle plugin fade reveal
When I use the fade effect, the background comes through slightly during the transition (I assume the new slide is not yet at 100 opacity). You can see this for yourself if you set the background of the slides container to red (you'll see some pink during the transition). I tried setting speedIn:1 (and speedIn:0) and speedOut:1000 but I just see the new slide immediately replace the old slide. After 1ms into the transition, I would have expected the old slide (100 opacity) to be covering the new
Fix Remote Validation in JQuery Validation Plugin
Hi, I found a bug inside the JQuery Validation Plugin this happend when you use remote validation like username validation, once you focus out the field the validation run ok, but if you don't change the username entered and then you click again into the field and again make a focusout you will see [Object object] or the url for the validation. The Fix. 1) into the Remote handler you must add the follow. - Before return previous.valid; - After else if( previous.old === value && previous.valid
Possible Memory Leak in remove() and empty()
Hey all, I believe I have found a leak and have the beginnings of a solution to it. I'm writing an app that preforms ajax searching that returns pretty large result sets. I render them via jQuery into a tbody. once a subsequent search is performed I call tbody.empty() and append the new results. I created a test harness that would perform a predefined search 5000 times in a row with a good amount of time in between. I noticed that IE was allocating quite a bit of memory and never reclaiming it. At
Jquery mobile min.js error
This randomly just started on my site. It's referencing an error message from the jquery mobile cdn source. Thoughts? code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js:90Uncaught TypeError: Object #<an Object> has no method 'attr'
jquery.datatables - server side procesing php
hi, i try thi sample http://www.datatables.net/examples/data_sources/server_side.html, where data is procesed on server. i prepare tables in DB and data. and nothing isn't displayed in datable? Then i crete same server_prcosing php and i checked syntax from php it was OK same as json, but jquery.datable did not process any data on screen. source: style type="text/css" title="currentStyle"> @import "css/demo_page.css"; @import "css/demo_table_jui.css"; @import
Invalid JSON issue with malsup Form plugin
I'm having troubles with an existing J2EE application (which uses Dojo) and in which I'm gradually introducing jQuery. The specific issue is with the malsup Form plugin and the JSON returned from a form submission: the error callback is always called, regardless of what happens on the server side, and the error is always "parsererror". I'm using jQuery 1.4.2 and the 2.45 version of the malsup Form plugin. For example, given the following code: $(document).ready(function() { var options = { dataType:
ajax:beforeSend for jsonp requests don't fire
Hi all, I'm using jQuery to send jsonp request to flickr. My main issue is that I need to sign the url with all its params before sending the request. But at the moment I construct the url, I do not know the random callback function name. So i tempted to use the beforeSend event, which allow me to handle and modify the url with the second param. My idea is - just before sending the request - to modify on the fly the url in order to add the hashed signature with the right parameters. The problem is
Suggestion: Separate overlay plugin
I've been playing with the 1.5 release candidate and am really pleased that dialogs now have an optional modal operation state and can generate an overlay layer. I do have a suggestion, though. The overlay seems to be integral to the dialog plugin, but there are circumstances where you might want the overlay functionality in things other than dialogs. Likewise, if you're not using the modal and overlay functionality then having the overlay in the dialog code is a waste of bandwidth. I'd suggest moving
Mask last 4 digits
I am trying to hide the last 4 digits of an account number. The account number lengths vary. The code I am trying to develop is not working correctly. Does anyone have any suggestions? Thanks Code is below: $('input:text[name=accountNumber]').change(function(e) { var lastFourDigit = ""; var mask = ""; var oldlength = "" ; var newlength = ""; if($('#accountNumber')){ $('#hdnAccountNumber').val($('#accountNumber').val()); if($('#accountNumber').val().length
jquery click commands on dynamic html
hi. i am dynamically adding html to my page using the .html(...) function which is triggered based on some user action. i have also defined a click function specific to some id tags that is in the dynamic html. when i generate the dynamic html and call the click function, nothing happens (aka, the click function is not getting called...) what could be the problem? i have attached the code below: following html code called upon a user action, which adds a button on the page with id = addTask: .html("<input
datepicker on own img button
Hi everyone I'm using the jQuery UI datepicker and it's absolutely brilliant. But is there a way to attach it to my own button? Here's my datepicker code at the moment // UI DATEPICKER $("#due_date").datepicker({buttonImage: '/img/calendar.gif', buttonImageOnly: true, constrainInput: true, dateFormat: 'dd/mm/y', duration: 'fast', firstDay: 1, maxDate: '+5Y', minDate: '-0D', showButtonPanel: true, showOn: 'button'}); And it generates a button with calendar.gif next to the input, which is almost fine.
'tap' event parameters
Hi. Is there a way to get the location (like pageX, pageY) where the "tap" was happened? I don't see any documentation on any parameter that the listener for this event can take. Many thanks Ali.
:focus selector filter?
Since querySelectorAll has native support for :focus to find the focused element, does it make sense to add support for the older browsers? I can tell you that this is a common request on #jquery. $.expr[':'].focus = function(a){ return (a == document.activeElement); } This works in ie6+, ff3+, chrome2+, saf4+, opera9+, both with and without qSA. So the question is: is adding this worth the non-compatibility with FF2, Chrome1, and Safari 3? Something that can be resolved through proper documentation,
[jQuery] [cluetip] dynamic content (JSON) rendering
Hi all, I am trying to use the cluetip plugin to display some information I'm pulling from a $.getJSON call. Perhaps it's obvious to someone what the best way to do this is. Right now, I'm having some difficulty getting the content to display. Here's what I have: There's a hidden div, let's call it "#content", that I am using as the rel attribute of my anchor - this is the div from which the cluetip will get its contents. #content is initially empty, but in the cluetip options, I am populating the
JQuery.get - Support "binary" type
Hello, For a WebGL application, I need to be able to parse a binary encoded file. The basic Ajax request response is a Unicode string with data loss (multiple byte combinations can produce the same non-valid unicode character). An option is available to the XMLHttpRequest component to allow this binary transfer. We just need to add this line: req.overrideMimeType('text/plain; charset=x-user-defined'); You can read more about this technique at the Mozilla Developer Center: https://developer.mozilla.org/En/Using_XMLHttpRequest#Receiving_binary_data
Permission Denied Error in jquery-1.3.2.min.js
Hi everyone, I'm using an an autosuggest plugin for jQuery (plugin can be seen here: http://code.drewwilson.com/entry/autosuggest-jquery-plugin) and I keep getting a permission denied error in IE. The code works fine in Firefox, Safari, and Opera. Using the debugging tool in IE8, I've found the first line it complains on is: J.open(G,M.url,M.async) The plugin uses AJAX, calling a script located in same directory as form page, to process data as you type. I use an absolute link to the script (http://quotemyprofessor.com/_beta/process.php).
[datepicker] Change color of date cell ?
Hi, I try to change the color of some date cells. I have set the class "blocked" for some dates with the help of beforeShowDay callback function, the classes are added correctly. The problem is that when I add some CSS to the class "blocked", the jquery ui css override my class, here some code : $('#datepicker').datepicker({ beforeShowDay: formatBlockedDates, [...] function formatBlockedDates(date) { [...] return [false,"blocked"]; .blocked, .blocked span { background-color:#F30; } Firebug
UI Slider support for date ranges
Can the UI slider be updated to support date ranges?
Official jQuery templates plugin - how to check if template is already compiled
Is it possible to check if template is already compiled and in the stack? For example i need a boolean check, to decide to make ajax call for template or pick it from compiled stack. var callback = fucntion(template){do stuff...} var template = $.tmpl('thumbnail',data); if(!template) {do ajax and get template, then use callback} else{ callback(template); } This would be great, but it doesn't work. $.tmpl doesn't return false if template isn't compiled and in stack. Thanks ;)
Latest releases - incorrect sort
My most used feature on the jquery site is the "latest releases", this is sorted by "changed", but it seems this is sorted by day, instead of day+time. The same plugin remains to stay on the 1st page, while updated weeks ago.
.click fails in alpha2 / a.attr is not a function
hi all, i am working with jquery mobile alpha2 and jquery1.4.3. i try to write data to a server using ajax without page refresh. with alpha1 this worked fine, with alpha2 it's not working anymore. firebug returns: "k.attr is not a function". i also tried with action="index.html" in the <form> tag. the page reloads but the click function still isn't working... any ideas what i'm doing wrong? thanks in advance. $(document).ready(function() { $(".Out1_On").click(function() { var
Weird Question : jQuery Validation without Submit via Ajax
Hi friends, i wanna ask something a simple question, how to configure jQuery Validation, so when i click submit, it post without ajax SubmitHandler. jQuery Validation only have one work : just validate my form . Thanks
"Le Moulin Rouge" mobile website powered by jQuery Mobile !
Hey guys, This is my first post here. I just want to show you the new Moulin Rouge mobile website, it's a beta version done in a couple of hours with jQuery Mobile. Thank you jQuery team ! Here is the result : http://m.moulinrouge.fr (only on smartphone) Next version coming in 2011 with more informations and more interactions ;) Bug reports and opinions are welcome ! See you around
[jQuery] jTip reload issue
Hello all. I am new to jQuery, and I must say it is FANTASTIC!!!!! I am using jTips and it is working very well, but with one exception. When my page is intially loaded, everything works great. However, when I reload a DIV using AJAX, the jtips in that div do not work. I have verified the code I am using to reload the div is exactly the same (for testing, but once this is fixed it will not be). So for example, when the page is initially loaded I have: Area description goes here<br /> In this area
Cancel drag move to background of browser
On iOS, I can drag move down and up to background area of Safari. Any way to cancel drag move like native fixed size application?
uitablefilter
I have copied the great example on hot to filter a html table using the uitablefilter add-in. (http://projects.gregweber.info/demo/flavorzoom.html) My table is very large however, and I am looking for a way to add a button before the the filter is run on the table. What is the best way of doing this? Can anyone help ... I am trying to make a simple website ... learning the basics of java. Thanks, Paul $(function() { var theTable = $('table.chart_list') theTable.find("tbody > tr").find("td:eq(1)").mousedown(function(){
[Superfish] How do I set hoverIntent options for Superfish?
How do I change the sensitivity, etc.?
Examples on documentation doesn't work
Try this http://docs.jquery.com/UI/Effects/Explode The example aren't working, the jquery library is not loaded correctly. And like this there are more examples in the documentation wich doesn't work. Please fix it! Thanks
Sortable adding height to Draggable Helper
I have a draggable list connected to a sortable list. When I drag list items from the draggable to the sortable the helper has height added on to the element. Dependent on the amount of copy that is in the helper the helper grows more. How do I prevent the sortable adding any height to my helper?
Div height and IE problem
Hello I am trying to adjust the height of a div using $("#mydiv").height(1000); In every browser works ok but not in IE Any ideas Thanks Ioannis
[jQuery] Zoom animation jerky not smooth
Hi all, I've got boxes with images in that I need to zoom in (i.e. expand) on mouse over. I achieve this by animating some css properties of said box, it looks a little something like this; // Magnify on mouse over. $(".thumbBox").hover(function () { var box = parseInt($(this).attr("id").substring(5, 6)) - 1; $(this).queue("fx", []); $(this).animate({ "left": x[box] - 15, "top": y[box] - 15, "width": 120, "height": 120 }, {duration: 100, easing: "easeOutCirc"}); $(this).fadeTo("fast", 1); }, function()
GetJSON Method Not working
Hello Everyone, my $.getJSON method is not working, although $.get method works correctly. I have posted my code here http://jsbin.com/ageda/edit Can you please have a look and tell me what I am doing wrong? I find jQuery very hard ..... if things don't work they just don't work quietly... why doesn't it tell me what is wrong with my code? To a newbie is there some advice on where/how to start debugging the code? how to get some error messages from jquery?
scriptloader/moduleloader for jQuery 1.5
Is a scriptloader planned for jQuery 1.5? I think a scriptloader in jQuery core or at least an official plugin would be quite usefull. I have written a scriptloader to start a new discussion about the required features. Here some features/options: everything is loaded async and simultaneous (performance) beside a simple callback-function you can also register "loaded"-events and if the eventhandler is bound after the script has loaded, the event handler is called immediatley global but simple FOUC
Next Page