Accordion problem
Hello, I'm newbie, and have problem with jQueryUI 1.10. I have accordion and underneath it table which is dinamically built from C# and sql data however, when accordion active it overlaps my table instead of pushing it down. How can I fix it? Thank you in advance
Autocomplete broken in Firefox
I upgraded to the new UI and I am having a problem that is only happening in Firefox but not IE 10 or Chrome. I am using the Autocomplete in ASP.NET and during the select I call this: select: function (event, ui) { var submitpostaback = $('#hidSubmitPostback_PemitMain').val(); $('#hidSelectedValue_PemitMain').val(ui.item.value); $('#txtQuickSearch_PemitMain').val(ui.item.value); if (submitpostaback == 'TRUE') { if (ui.item) {
Dynamic tabs on Bottom
I'm trying to dynamically create tabs on the Bottom of a tab widget. I've looked at the "Tabs on Bottom" sample and have set up my static tabs fine. I've also looked at the "Simple Manipulation" demo to see how tabs are dynamically added and removed. However, when I try to do the same for the bottom it doesn't work. Obviously the order of the elements in the html is different for the bottom. I've tried a few different changes but I'm missing something. In doing the "refresh", it doesn't seem to assign
conflicting scripts.... but where? and why?
Hi there. I have one page on my website that uses jquery lightbox. I have a DIFFERENT page that uses jquery sliders. Both pages work brilliantly. BUT... when i try to make a page that uses BOTH features, the lightbox works but the sliders don't appear. I've tried to troubleshoot the issue, and I've narrowed it down to the scriptaculous script that the jquery lightbox uses. if i comment that out, the sliders return. Is anyone aware of a conflict that causes the two scripts to be incompatible on the
The official demo of jqueryui datepicker l18n IS NOT WORKING
probably i'm crazy, but when I go to jquery ui date picker demo, I clicked on 'localization' , on the left But for each language i selected, no changes were made. It's an example's bug ? See: http://jqueryui.com/datepicker/#localization
jquery datepicker
Hi everyone, How do I edit the following line to automatically format the date to yy-mm-dd ?: $( "#format" ).change(function() { $( "#datepicker" ).datepicker( "option", "dateFormat", $( this ).val() );
Creating an autocomplete field within a dialog
Greetings all, Currently I'm working on creating a dialog window that has an autocomplete field within it. I've done autocomplete fields before, along with dialog windows, but never the two together and am finding an issue. Currently, this is what my code looks like. View (parent) ... <div id="divPOExistingProduct"> </div> $("#divPOExistingProduct").dialog({ height: 500, width: 700, modal: true, autoOpen: false, draggable: false, resizable: false, open: function () { }, close: function () {
Embedded datepicker behaves different
Hi, please have a look at the following configuration: http://codepen.io/anon/pen/Kmrex I would like to know why the datepicker component selects a date when it is embedded in the site? Is that the desired behaviour when using the component with the option minDate: 1 ? If it is the desired behaviour, any ideas how to avoid this? I would like my users to choose a date from a "clean" datepicker. Thanks, Markus
page vibration while dragging on IE7
Hi guys, i have the problem in the title in this page fanta. It perfectly works in chrome, FF, IE9 and IE9 in compatibiity mode....but in IE7 the page shakes during dragging the elements on the left. Can someone give me a suggestion? thanks in advance
jQuery UI dialog box fontsize
I am using jQuery UI - v1.8.23 with jQuery v1.8.1 (with ThemeRoller UI-Lightness ) My button sizes were huge. I found that the button are rendered big because of the huge fonts. So I have overridden the font size in my project specific css file like below. .ui-widget { font-family: Arial,Verdana,sans-serif; font-size: 0.7em; } Now buttons looks great. But my jQuery UI dialog text are also small as 'ui-widget' class affects in other places as well. Is there some way to make the dialog box
Resizable Inside Resizable frame border issues
Hi everyone! I would like to report an issue (I think it is one) about jQuery.UI.resizable. If you use a resizable(son) inside a resizable (parent) , If you resize the son to the border of the parent, you cannot resize it anymore. The parent container receive the event and not the child. You can test it here : http://jsfiddle.net/Br5HM/1/ Thanks for reading!
Problem with autocomplete.
Hi everybody, I have a problem with autocomplete. The source data are stored in database. Ajax calls citta.php, that should give the name of the town when I start writing. <script> $( "#campo" ).autocomplete({ minLength: 2, source: "citta.php" }); </script> Instead if I use an array where I write some towns it works good. citta.php: $return_arr = array(); include("../Registrazione/config.php"); //connect to database if (isset($_GET) && isset($_GET['term']) && !empty($_GET['term']))
3 vertical divs
what i am trying to do is 3 vertical divs with categories, grid of images (pagination i will do next step) and messages i try following way, but grid and accordion are screwed up. request wisemen to advise, i am kinda stuck here ____________________________________________________ <html> <head> <script type='text/javascript' src='http://code.jquery.com/jquery-latest.js'></script> <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> <style> #mainContainer {
Tabs Widget: I can't reload ajax tab content on IE
The webpage (.aspx) shown below should refresh the contents of the second tab every time it is accessed, reloading anothercontent.aspx page on that tab . This works well in all browsers except IE (9 & 10 tested). Why? Thanks! <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="jscripts/jquery/jquery-1.9.0.js" type="text/javascript"></script> <script src="jscripts/jquery/jquery-ui-1.10.0.custom.min.js" type="text/javascript"></script> <link
Tooltip 1.10.0 with HTML?
Hello. In 1.9.x I have use it like: title="<img src="image.jpg">" in 1.10.0 this is not working anymore. What is now the right way to show HTML inside of a tooltip? EDIT: Is this the best way for display HTML?: http://jsfiddle.net/NzWTW/
Better way to position hidden menu?
Hi. I've written a small plugin for a popup menu. The menu html gets sent with the original page load, when my plugin is called it's positioned relative to the trigger via the JQuery position arguments (my, at, of) and hidden until the trigger is clicked. Now, the trigger element may be replaced via an AJAX call and it's position may change. So I have bound the trigger with 'on()' and the menu positioned in the click handler instead of at setup, no problems. However since JQuery UI position doesn't
Autocomplete multiple values remote, strictly select/enter from suggested value
Hi, I am using Autocomplete, with multiple values, remote. It's working fine for me, but now I want to add one change in it. The change is: I want to add condition that, user must select/enter value from suggested values in autocomplete. e.g. Suppose my autocomplete suggesting following values on typing letter A : A003 A004 A005 Now user must select value from these suggested things, and if he enters wrong input (like A321 in above case), then, I would like to prompt user for correct
rotate text with jquery
i add rotate functionality to one of my application but it is not working right i want to add it only to active div onclick of other div rotate fuction get removed here is the code: $("#rotate").click(function () { // Your original element var ele = $("li.active"); // Create handle dynamically $('<div></div>').appendTo(ele).attr('id','handle').css({ 'position': 'absolute', 'bottom': 0, 'right': 0, 'height': 10, 'width': 10, 'background-color': 'red' }); ele.css('position', 'relative'); $('#handle').draggable({
editing accordion css
Is it possible to edit the css of jQuery UI accordion to change bg colours etc? I have selected the Mint Choc theme but would like to match more closely the colour palette in the site I am building in DW. Can't edit css in DW and since the jquery-ui.css files are remote this seems impossible or am I missing something...? Am new to this forum so please be kind
Selectables issue
Hi, i have two selectables with two textboxs in a table (The first selectable contain the category and the second the sub-category). The textboxs are used for search in the Selectables. If i select a list item from the first selectable and execute a search, is also selected the list item of second selectable with the same ID of selected item of first selectable. This is my Javascript code: function Category() { $( "#selectableCat").selectable( "destroy" ); $("#selectableCat").bind("mousedown",
Effect with slide will stop at the undesired location
I am trying to use jQuery UI to produce a dropdown menu. When mouse over the box, the inner div will slide down using jQuery slide(). However, I found that, when the div is sliding down, it is started from the parent div. And finally, it will produce a "jump" to the destination. Furthermore, if my mouse is move away before the animation ended, the box will stopped at the undesired location, and become unrecoverable. If moving the mouse in and out too fast, the div will be missing. Is there any way
another IE9 Problem
i noticed this post: https://forum.jquery.com/topic/problem-with-jquery-ui-layout-working-along-with-jquery-plugin I am having the same problem in IE9. firefox works perfectly once again but IE9 will not move the tooltip down with the accordion. Is there a css fix to this or something.
Suggestion on which widgets (and how) to light up a map and a list, based on some selection criterion
(UI novice here) I need to light up locations on a map of some kind, and short list items on a list, based on some selection criterion (implemented by a combination of radio buttons, drop downs etc.). Any suggestions on which widgets I could leverage, and how?
Multiple button colors?
I've downloaded a couple of themes with different sets of colors since I want to have the option of having different colored buttons (e.g. red, green, and gray) on the same page. I'm not clear how to apply multiple themes to the same page - I've been using a statement like this to link to the stylesheet for a particular theme: < link href="../Styles/gray_theme/jquery-ui-1.9.2.custom.css" rel="stylesheet"/> . If I want some buttons to use the gray_theme, some to use the red_theme, and some to use
BUG? IE9 jQuery UI 1.10 .position()
I'm having a terrible time trying to position a DIV using jQueryUI 1.10 in IE9. You can see in the screenshot that IE9 does the opposite of what I'm asking for. Chrome displays as expected <div id="personPopupContainer" style="position: absolute; z-index: 255; display: block;"> <div id="personPopupContent"> </div> </div> $("#personPopupContainer").position( { my: "left top", at:
jquery1.9.2and IE9
<script> // increase the default animation speed to exaggerate the effect $.fx.speeds._default = 1000; $(function() { $( "#dialog" ).dialog({ autoOpen: false, show: "blind", hide: "explode", modal: true, resizable: false, title: "Dialog Title", position: { my: "center top-400", at: "center", of: window } }); $( "#opener" ).click(function() { $( "#dialog" ).dialog( "open" ); return false;] }); }); </script> does position not work in IE9?
http://jqueryui.com/tabs/#manipulation doesn't work with jquery-1.9.0.js
Try the http://jqueryui.com/tabs/#manipulation sources (So far so good) Replace the <script src="http://code.jquery.com/jquery-1.8.3.js"></script> with <script src="http://code.jquery.com/jquery-1.9.0.js"></script> Try the sample again. ACTUAL BEHAVIOR: the close ('X') buttons don't work. EXPECTED: the tab should be closed on 'X' button click
Autocomplete and custom _renderItem 1.10.0 rc and b
There is an error in the actual demo... view console to see. so you can reproduce using the demo's The custom autocomplete demo is rather simple...! please try with something which isn't default and see that it does not work. nothing in the custom section is rendered.... error "Uncaught TypeError: Cannot set property '_renderItem' of undefined" no modifications to my code and this works fine in 1.8.3 and 1.9.2 with backward comp disabled. trying to up to 1.10.0 rc and i can not.
Help with Autocomplete
Hi, I have a autocomplete dropdown that lists a bunch of contact names that someone can choose from in a form that allows them to post an information set. Now it may occur sometimes where the name that the person is typing in does not yet exist so I have a popup that asks them if they want to continue searching for a contact, or if they want to add a new contact. This works great when adding a new Information set, but if you go back to edit one and want to change the Contact name I am having some
Drag and Drop Sortable Tabs only works once
Hi, I'm trying to set up two sets of sortable tabs where the tabs can be dragged and dropped between the sets. The tab <li> is draggable, the tab container <ul> is droppable and sortable. I have it so that it works for each tab when dragging to the other set, and the tab is still sortable, but when I try and drag back, the drop area won't accept the tab. The methods within the drop callback within droppable still progress though. I have set up a jsfiddle using jquery 1.9 and UI 1.9.2: http://jsfiddle.net/paulbarrett/ET4xq/19/
Menu show/hide example (can't even replicate jQueryUI documentation)
Sorry folks but I find the jQueryUI documentation examples clear as mud. (I really have searched all extant examples and online questions and answers). Take for example the very nice opening and closing drop down menu demo at http://view.jqueryui.com/menubar/demos/popup/popup-menu.html . Click on 'Show context menu 1' and a dropdown appears. Click somewhere else and it disappears. I would like this to work in a page on a local drive. I have copied the source to a local html file and edited the src
draw datepicker dynamically
<link rel="stylesheet" href="css/jquery-ui-1.9.2/themes/base/jquery-ui.css" /> <script src="css/jquery-ui-1.9.2/jquery-1.8.3.js"></script> <script src="css/jquery-ui-1.9.2/ui/jquery-ui.js"></script> <script> $(function() { $("#datepicker").datepicker({ dateFormat: "yy-mm-dd" }).val() }); </script> <script language="javascript"> function addnew() { ... mydiv.innerHTML = mydiv.innerHTML +"<input type='text' class='datepicker' id='datepicker'>"; } when i try to fire the addnew(),
Accordion broken in IE7 when embedded in parent container with overflow:auto set
The JQuery UI Accordion widget doesn't work with longer scrollable content in IE7 when parent container div has overflow:auto; set on it. I tried setting the innermost child div of the Accordion to overflow:visible !important; but it didn't work. Works fine in IE8, IE9, IE9 compatibility mode, Chrome, FF, Opera, and Safari. Test this fiddle in IE7. Be sure to explicity set IE to use "Browser mode: IE7" and "Document Mode: IE7 standards". How to fix? <div style="overflow:auto;"> <div id="accordion"
jqueryUI Sortable tolerance:intersect bug - how do i fix it?
Is there a known workaround to make tolerance:intersect (default) behave as expected? Expected: element gets dragged over another element and overlaps the other element 50% or more, then sorting starts. thank you!
Problem with multidimensional response
/* I have an json query that returns: */ /* ?( [ { label: "Thomas", value: "Thomas", id: "34"}, { label: "Tiesto", value: "Tiesto", id: "12"}] ) */ /* I'm trying to get the response's "id" field value, but jquery always returns the label field value or an empty value. How do I to get this third? I want to get it and add it to a <span> who will have "id" field with the response's "id" value inside. */ $(function(){ //attach autocomplete $("#adicionaEventoAtracaoWarmup").autocomplete({ //define callback
active class remains when clicked twice
Hi, I created a menu that sets a color when a button is clicked. The menu is constructed from an UL element. This is my jQuery code: $(document).ready(function () { $('a.highlight').each(function () { var text = $(this).text(); $(this).append('<span class="hover">'+text+'</span>'); var $span = $('> span.hover', this).css('opacity', 0); $(this).hover(function () { $span.stop().fadeTo(500,
jquery1.9.2and IE9
i have problem with jquery 1.9.2 and IE when i do sortable it works but not when i scroll !!! anyone have idea how to fix it? thank you so much :)
Jquery ui tab and cookies
Hi, i am using jquery cookie option to remember tab (and subtab) option after reloading of page and there is a problem in remembering subtabs if there are more then 15 (in my case). Then, after reload, cookie value is being 0. Can it be that cookie got over size limit? Shouldnt happen as only number of selected tab is remembered in cookie. I made example on jsFiddle to see problem: http://jsfiddle.net/DsJRx/4/
jquery ui dialog get gridview value
I have in asp.net a gridview with: <asp:gridview ...etc <columns> <HeaderTemplate>Questions</HeaderTemplate> <ItemTemplate> <asp:Label id="lblQuestion" runat="server" text='<%# Bind("Question") %>' ></asp:label> <asp:Label id="lblDefinition" runat="server" text='<%# Bind("Definition") %>' visible="false"></asp:label> <button id="opener">?</button> </ItemTemplate> </columns> </gridview> <script> // increase the default animation speed to exaggerate the effect $.fx.speeds._default
Accordion create event, ui missing panel?
I have an accordion which has the default first open panel on initialization. The create event is providing ui.header but not ui.panel (undefined). According to docs it should be there. The accordion functions fine otherwise. $('#campSessionEditorAccordionDiv').accordion({ heightStyle : 'content', animate : { easing : 'easeInExpo', duration : 500, down : { easing : 'easeOutBounce', duration: 500 } }, create: function( event, ui ) { console.log('create', ui.panel); // <- undefined console.log('create',
Next Page