performance issue - long response time on checkboxes in several layers of embedded ui widget (e.g. tabs)
Hi all, I've one page having 4 layers of embedding tabbedpanel. In the inner most panel I've more than 30 checkboxes. In this case, clicking on the checkboxes take long time to change there states. When there are more DOM elements in the panel, it becomes worse. More tests showed that the issue occurs for any input control in the panel and seems true for all ui widgets that can be embedded. In addition, the issue only occurs in FireFox. It works fine in IE and Google Chrome. Below is the screenshot
Good rich text editor
Hello everyone, Where can I find a good rich text editor such as the one on this site when you create a new post? It's simple, clean and the 'insert image' function is exactly what I want. I did search on the web and tried out a couple of examples but did not like what I saw. Thanks,
jquery-ui-1.7.3.custom.zip, missing file "ui.selectable.css"?
Hello everyone, I'm new with jQuery UI, I have downloaded the "jquery-ui-1.7.3.custom.zip" from here "http://jqueryui.com/download", selecting all components and "UI lightness" as theme. But it seems that the file " development-bundle/themes/base/ui.selectable.css " is missing. Actually the file "ui.selectable.css" is invoked by the file "development-bundle/themes/base/ui.base.css", at line 3: @import url("ui.selectable.css"); . But, unfortunately, the file "ui.selectable.css" doesn't exist in the
Datepicker Initialise with UK date format?
Hi, I've been struggling to get the Date Picker plugin to work with the UK Date format of dd/mm/yy. I have tried setting dateFormat, but whatever I put in, it reads the initial date as mm/dd/yy, thus changing the initial month, causing the user to re select the current month. This is very annoying, but I can't find a way to fix it. Has anyone come across this problem? Or knows of a way to fix it. Thanks --
Sortable helper clone does not work
Hello: I tried to add a clone helper (wich clones the item during a drag, like a firefox functionallty: http://jqueryui.com/demos/draggable/#visual-feedback (the second one in the first row)), but it does not work. I tried this on the default sample given on the download library but with no help. this is my code: $(function() { $("#sortable").sortable({ helper: 'clone' }); $("#sortable").disableSelection(); }); any suggestion how to make it work?
how to conditional datepicker on Opera browser
So I read that we should not do browser detection but rather feature detection. Well how do you go about this one: I use the jquery-ui datepicker on some input fields; I have php browser detection which determines whether my doctype is html5 or xhtml11, and determines whether my input type is going to be text or date. Even when doctype is html5 and input's are type=date, I still use the datepicker widget seeing that most browsers still don't have one built in. The Opera browser now has its own datepicker
themeswitcher onSelect triggers continuously
Since the recent hotlinking policy updates on the jquery / jquery-ui domains, I have downloaded a local copy of the themeswitcher code, and I have thus discovered the event handlers. I thought I'd try implementing the "onSelect" handler by popping up a div similar to a dialog every time the theme is changed with a message: "The new theme has been applied!". It works fine, the problem is it works too much. Even when not selecting anything from the themeswitcher. On every page refresh, or every time
Dragging from droppable to droppable
So I have two distinct TD tags, and each one is designated droppable. Inside one of the TDs I have a DIV tag that is draggable. Both droppables will accept that draggable. The dragging and dropping works, but *both* droppables call their "drop()" methods when I drag the DIV from one TD to the other. The ui object of first (erroneous) drop() reports that the DIV was dropped into the TD from which it came. The ui of the second drop() says that DIV was dropped into the other TD (which is accurate).
Half Datepicker in an iframe (Browser: IE)
Hello guys, I am using the jquery datepicker successfully in all kinds of pages. But I have noticed an problem in the internet explorer. I am using IE 8.0.7600. When I have a datepicker in an iframe on the right side near the edge of the iframe and I will show the datepicker, than the datepicker is in the iframe shown half and not shown outside of the iframe. What's a pretty solution for that ? Greetings, Kelturio
[jQuery UI Autocomplete] accent folding and "associative array"
I'm not very good in JS, but usually I am able to solve my problems by searching and trial&erroring, but this time I can't do it. Please help. I have a problem with Autocomplete's Accent folding function. I can't get the standard code to work with my "associative array" of values. This is how my autocomplete data look like: var availableDestination = [ {label: "Írsko", id: "149", supreg: "724"}, ... ...]; MY GOAL: Check value of the "label" element and return "Írsko" when people start typing both
jQuery UI Tabs failing on dynamic creation
I am using jQuery UI Tabs in 3 separate places of a web page. The second tab bar needs to be different, depending on what is selected (in an input radio), and then have the tabs working. When I create the replacement tab bar, I call .tabs() on the new bar, but it does not seem to generate tabs. I also tried using .tabs('destroy'); on the main tab bar and its individual tabs. When I click on a tab, I see an error with Firebug that says, "uncaught exception: jQuery UI Tabs: Mismatching fragment
Setting date datepicker
Hello all. I have an input text binded with datepicker. When i try to set a date in the input text (datepicker.text = "12-12-2012") the input text stays empty Any idea? Kind regards Rvlune
Dialog question
Is there a way to have multiple dialogs on one page opening and re-opening without having to repost the form? Right now I just call a reLoad() function inside the close so that the same Dialog can be re-opened. The reason I need this is I have several dialogs with videos embedded in them and users want to be able to open them more than once. Here is my code: jQuery(document).ready(function () { jQuery("#bn").dialog({ bgiframe: true, autoOpen: false, height:
Datepicker Blocking Off Picked Date '+X'?
Newbie here to jQueryUI and javascript, but have a quick question: Is there a way to use jQueryUI to block off the picked date (not today's date) +10 days? I know how to limit to a a choice to a '+X' date from today's date; but not sure how to do the same thing with a selected date, so that as the dates progress, the maxDate doesn't. Also, to color the selected range in a particular color, would that be by utilizing the .css. An example of what I'm looking for is if my son is grounded for 10 days,
Problem with datepicker and tooltip
Hi I m getting some trouble with datepicker and tooltips : everything is okay if i don't click. once i click on a date or i click on the next month, the tooltips css and animations are disabled. here is the script : <script type="text/javascript"> $(function(){ var specialDays = { '2011': { '3': { '10': {tooltip: "Some event", className: "holiday"} }, '4': { '15': {tooltip: "Some another event", className: "holiday"} ,
Q: AutoComplete - example using JSON backend data from mysqli via PHP
I am having trouble getting AutoComplete to work with the back end data, is there a sample of AutoComplete in action, getting it choice list from mysql data via PHP?
element onblur event doesn't fire when jquery slider handle is clicked instead of anywhere else on the page
Hi there, I have a page with a select box followed by a jquery slider. I have a simple alert that fires onblur of the select box. What I've found in practice is that the alert only fires when the html page is clicked after the select box NOT when the slider handle is used. Oddly, when I run this at jsfiddle, everything works as I would expect: http://jsfiddle.net/BxY99/2/ When I run it on a test page you can see this failure in action. http://test-psi-alpha.appspot.com/jquery I'm at a loss to explain
Adding additional functionality to an object that is already acting as an 'accordion' header
This is probably a pretty basic question, but I'm still just learning the Ui plugin. I have a navigation frame using expanding accordions and it works fine, but when I attached my own click events to the header elements to do some other things on the site, the accordion stopped working. So I'm just trying to understand the correct way to add functionality when clicking an accordion header. Here's a sample of the code I'm using that appears to conflict. Here's roughly how the JQuery code is setup:
updating jquery ui custom theme
Hi everybody, I've just update to latest jquery ui (now version 1.8.12) and I was wondering: since all the "base" themes are updated from a version to another, is there a way for me to automatically update a custom theme I created for a website, or should I make it all anew? Thanks.
Download not working
Is it just me or is the download not working correctly? I can't open the zip file no matter what components I choose. I'm on Windows 7 64-bit and tried to unpack using the default Windows unpacker and 7-Zip.
CSS incomplete when downloading unchanged and custom themes
The CSS files downloaded from http://jqueryui.com/themeroller/ are sometimes incomplete, leading to a faulty display of the datepicker widget. Basically everything after "/* Misc visuals ----------------------------------*/" ---> "/* Overlays */" is missing. Could anyone please confirm ?
JQuery tabs lead to about:blank when used in a new embedded chrome window
Using embedded chrome in MFC project, tabs worked fine until began working on custom http-esque requests, at which point popup windows stopped loading tabs correctly. Any known issues with relative paths and CefClient? or with MFC windows? Any leads on this would be great! thanks in advance
how to set accordion width in percentage
I only can set a fixed width to a wrapper div or any internal component of the accordion, but I would like to use 100% width.... any ideas? Thanks m
Problem using animation on a tab
I have a jQuery UI tab control. It contains blocks that can be sorted. They can also be dropped on other tabs. When a block is dropped on another tab, I want to use the slide effect to hide the block from the current tab before displaying it on the new tab. jsfiddle The jsFiddle demo initially shows a working state for the problem. It uses the standard .hide() method to hide a block. But when using the "slide" effect with hide(), unexpected results occur. The block is not animated. Instead, after
jQuery Tabs in Chrome not loading
I have implemented the jQuery Tabs UI component into a website im working on. The tabs appear fine Internet Explorer (see screenshot), however in Chrome, the tabs arent tabs. They are a list. Here are the tabs in Internet Explorer Here are the tabs in Chrome What could this be? CSS, Javascript files not being referenced in Chrome? <script src="js/jquery-1.4.2.min.js"></script> <script src="js/jquery-ui-1.8.6.custom.min.js"></script> <script src="js/jquery.ui.core.js"></script> <script src="js/jquery.ui.widget.js"></script>
ThemeRoller Zip file export corrupt
I've been trying to download a custom ThemeRoller theme but everytime I try windows says the file is corrupt. I've tried different browsers and different PC's but always the same.. I have downloaded before today so am not sure what the issue is. I've also tried downloading the basic theme but that fails as well... Is anyone else having a similar problem? Custom theme I'm trying to download Many thanks Justin
Autocomplete with remote JSON: how to handle a wrong selection
Hi, Im using a remote-cache method for autocomplete and then i change a hidden field that contais the ID field: <script> $(function() { var cache = {}, lastXhr; $( "#txt_birds" ).autocomplete({ minLength: 1, select: function(event, ui){ $("#sel_birds").val(ui.item.id); }, source: function( request, response ) { var term = request.term;
Question about dialog width
I found dialog option width: auto option has been removed in ver1.8 . Is there any workarround to do that?
replace span with new data but new jquery call is not working
I have a big problem with this situation. I've been looking for this problem for a week and I don't find the answer. If someone knows how can I solve it, I really appreciate. I'm a newby in jQuery. My problem is simple: I find and replace what I need to replace but the new data link doesn't call the jQuery function ej like for unlike the first like works but when it is replaced for unlike you click unlike and doesn't call the function jquerry. /// like $('.like').livequery("click",function(e){
Fixed size Sortable with overflow:auto does not scroll
I have a Draggable list of items that get cloned into a Sortable. The Sortable is a fixed size, after which it scrolls. I have not been able to get the Sortable to scroll down if someone wants to drop an item from the Draggable into the Sortable. I have tweaked and played with all sorts of options in various combinations (scroll*, attachTo, refreshPositions, containment) and had no luck. Here is an example: http://jsfiddle.net/PsFT8/ Is this possible at present? I came across this bug which sounds
Datepicker does not load on asp.net page referencing a MasterPage
Below on Block 2 is a simple Asp.net page and the code works. But when i use the code on a page referencing a MasterPage with ContentPlaceHolder it does not work. The Only way it will work is by using the Live (Click) method, see BLOCK 1. The only problem with BLOCK 1 's code is that the calendar ONLY displays after you first click on the text field, and I want it to display when the page the load, thats the problem im having. Any help? ----------------------------------------------------------------------------------------------------BLOCK
More ZIP problems with downloaded themeroller files
Created a custom theme and now can't open the zip file. Message from Archive Utility App: "Unable to unarchive "jquery-ui-1.8.12.custom.zip. Error 1 - Operation not permitted" or from Stuffit Expander: "The archive may be damaged (Error #17537)" Using Mac OS10.6.7, Safari 5.0.5 - file attached. Thanks.
Tabs applying styling to content panels
Hi We are currently seeing an issue where our content inside tab content panels is picking up CSS styling from jquery ui, as the top level element that is having tabs applied gets given the ui-widget class, which overrides font sizes, faces etc etc. I have worked around this by removing the ui-widget class from the top level element and applying it to the <ul> which holds the tab <li> elements, and all seems well. Is there a better way to do this? The current behaviour seems like a bug. As an aside,
jQuery UI zip file can't open in Windows7 -- it's empty!
I don't remember how many times I downloaded today jquery-ui-1.8.12.custom.zip each time with a different theme to find out a popup "file empty" under Win7. Comparing a file jquery-ui-1.8.11.custom.zip downloaded a few days ago and today's file which is only 64KB, I can see the reason. Any idea what's going on today with download? thanks
z-index and jQuery UI
I am using jQuery UI and the accordian widget (jQuery UI 1.8.12) and it works wonderfully! However, I am adding this to a app that alread has a left-side expanding navigation menu. The <UL> and <LI> elements in the menu are covered by the Accordian widget and even after setting the z-index on the <UL> and <LI> elements in IE6 (we are forced to use this per company policy). Any suggestions as to why this is happening and what I need to do to fix it?
accordion not keyboard accessible?
I could have sworn that the accordion widget was keyboard accessible, but right now, only the active header and it's contents is accessible. I'm not able to tab to an inactive header and expand it - any ideas? here's the code: <script type="text/javascript"> $(document).ready(function(){ // Accordion $("#accordion").accordion({ header: "h3"}); }); </script> //.... <div id="accordion"> <div> <h3><a href="#">Administration</a></h3>
Can I get styling on the button in a 'file' input control?
<input type='file' ... /> has a button on it. Applying the 'button' function to it does not style that button. Is there some way to style that button?
jQuery val() problem
I have a problem with the val function it is unable to get the value of a field once I have type text into it, this only occurs when the form is in a jQuery popup box that has a form. According to my inspector, it says that the element does have a value however the value is not being picked up. Here is the setup, if anyone has any idea or possible problem then please let me know test.html <form ....> <table> <tr><td colspan="2"><strong>Account Information</strong></td></tr> <tr> <td>Name:</td>
Need help creating jQuery application.
Hello, I'm new here and looking forward to learn a lot from you all. I've been making this jQuery app lately for a friend and I'm facing some issues for which I haven't found a solution yet. Let me add a picture here so things are clear, This is how it looks. The functions it should be able to do is, 1. Dragging containers to canvas multiple times. As soon as the container is dropped, it forms a small icon inside it and expands to be able to place an item into it. 2. Items can be dragged and dropped
JQuery UI Themes don't download properly
Okay, I'm new to this forum so please forgive the redundant question... I've tried to download JQuery UI for the first time and each of the themes I've attempted to download yields only a tiny .zip file containing only a zipped index.html file... and nothing else. Is the theme-roller known to be nonfunctional at the moment or am I just too lame to understand how to use it properly?
Next Page