Jquery UI Autocomplete - accessing combobox list
I'm working with jquery ui autocomplete to make autocomplete selects. My basis was http://jqueryui.com/autocomplete/#combobox There's one specific thing I've been trying to accomplish now for a couple days and I haven't been able to. I would like to bind the enter key so a user could simply hit enter while typing and it will select the first element in the list. Right now they have to either mouse over the option to hit enter or key down. (this means a keyboard only user would have to do more
Problem with drag & drop
Hello everyone. My name is Mateusz (in english - Matthew), I come from Poland. I'm sorry in advance for my english, but I hope everyone will understand me and somebody will help me. I've got a problem with jQuery UI drag & drop. I'm creating a web page for my local volleyball club (never mind). I created simple website where I put players on pitch: On the left there is a table, where are names and surnames of players. On the right there's a pitch, on which I could change players. Second image show
Remap dragging for tablets works, but what about left double click, right click?
Hi, I have added support for touch events: http://touchpunch.furf.com/ to http://msDrop.com. I have tested it only on Android at Debian VirtualBox, and draging, resizing items, or selecting group of items works. msDrop uses left double click for fast create folders, and rightclick mouse click for display item contextual menu, so how to remap these events to works on tablets? I've never been interested in tablets. Where should I look for a solution? Thanks for help Piotr *** Read about msDrop at jQuery Forum
Accordian filling space vertically
I have implemented an Accordian with the heightstyle set to "fill" which works fine except it doesn't resize if the browser window is resized, only if the page is refreshed at the new size. Is there any way to force this to resize with the window? Thanks, Chris.
Datepicker Positioning
Hi there: I am adding the datepicker to a .asp page and it works great. On the bottom of the page I have 4 date fields that I would like for the datepicker calender to display. However the calendar keeps displaying in the middle of the screen. What setting or function in the file do I change to force the display to show down below the middle of the screen? I am running the .jQuery UI - v1.10.3 libraries and designing this to run on IE 8 / IE 9? Thanks!
Accordion Widget on Windows Phone 8
Hi. I have come across a problem with the jQuery UI accordion widget on Windows Phone 8, IE 10. I have been trying to debug or work around this for a couple of days and thought I could ask if someone else has seen it and perhaps even knows a solution. :) It seems to boil down to the following: if you put an accordion widget with autoheight/default inside a container div that has a width set via CSS, then there appears an additional unnecessarily large bottom margin in all content divs. That margin
Hide JQuery UI Menu when creating menu/page loads
I would like to know how I can hide a jquery ui menu by default when it's created or when the page loads. I am using the following page as a template and haven't changed anything: http://kavelookout.com/menuTest_jQueryUI_Menu/ Please help me with this I am stuck and can't find any info on whether this is even possible. Thanks!
jQuery UI tabs not working with drupal
I was using the jQuery UI tabs plugin with no problems before. I have decided to stop coding everything from scratch and move my back end to Drupal. And now, jQuery UI tabs is not working anymore. I am opening a member only page to public so I can show you the error page. On this page, SAT and TOEFL sections were tabs but look at it now. What is wrong here, how can I fix it? http://kampuster.com/beta/searchstudents
JQuery Accordion Crashes Randomly after Tile Selection
I have an accordion setup to actively open the next tile after the previous one is selected. The problem is sometimes the accordion crashes leaving only the "menu" div and all CSS attributes gone. It happens after a tile is selected, but not always the first tile. Usually the second or third tile. Is there anything I can so to make the accordion more reliable. Using Firefox 21.0. Thanks for any input. Code below: $(function() { $("#accordion").accordion({ collapsible: true,
Change draggable containment on entering element
Hello, I am using the draggable and droppable features in jQuery UI. Is there a way of changing the containment option in draggable when the element being dragged enters the element which will become its containment ie the droppable. Using the droppable 'over' method I can change the containment fine however this only updates after the element has stopped dragging. Is there a way of updating it sooner? Project is local so can't show any demos - but as I said I am bascially checking if the element
Outline of workflow to build multiple branded themes for a system of sites
What is the most efficient way of developing multiple themes for a system of sites? Most of my experience is applying the jQuery widgets and coding their interaction, not styling them. Also I only used one theme and had no branding or second opinions to consider. I have the online tool in the past, which has been good for my basic needs. This time it is more complicated. I'm not asking for how its done in detail, more like how the workflow would look like and how I should organize the produce (custom
JQUERY UI DATEPICKER
Hi, I would like to position the image i got while using the datepicker icon trigger widget... my image doesnt appear at the good place.. i mean the little calendar image... i need them right beside the input text!! Heres my code for JQuery: jQuery(function ($) { $.datepicker.regional['fr-CA'] = { closeText: 'Fermer', prevText: 'Précédent', nextText: 'Suivant', currentText: 'Aujourd\'hui', monthNames: ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre',
jQuery datapicker buttonImage
Hi, I am using jQuery UI 1.6rc2 and I noticed that the buttonImage of the datepicker control is not set when using Firefox 2. Strangely in IE7 the buttonImage is shown. Hope someone has the answer TIA My datepicker setup is $.datepicker.regional['nl'] = {clearText: 'Wissen', clearStatus: 'Wis de huidige datum', closeText: 'Sluiten', closeStatus: 'Sluit zonder verandering', prevText: '<Vorige', prevStatus: 'Laat de voorgaande maand zien', nextText: 'Volgende>', nextStatus: 'Laat
Autocomplete overwriting _renderItem not working
Hi all, Wondering if anyone can help - i've got this working in fsfiddle ( http://jsfiddle.net/andrewwhitaker/pjs7a/2/ ) But it won't work on the latest version of the jqueryui - in anything above v1.8.18 the +'TEST' does get added. Can anyone advise? Thanks
Draggable and Dropppable on dynamically created object.
Hi all, Apologies if this question have been asked previously. How can I get the ID of the dynamically created div where I can drop while dragging a draggable object over it. Any pointers/Links and Docs will be of immense help
Problems with jQueryUI dialog in IE
I'm having some problems with the way a jQueryUI dialog displays in IE8 and IE10. In IE8 it does not center, which appears to be a known problem. I used this code to center it, which worked in IE8 but in IE10 caused the dialog to be vertically positioned with the top above the top of the window, so only half of it showed. Without the code it positions correctly in the center in IE10. So I'd like to know if there's any positioning code that will work in both versions (and in IE9, which I don't have
Clone button widget
I am trying to clone a table row that has different checkboxes options. Then when I append it to the following row... it is still keeping that same data as the clone row. How can I destroy it then call it again so that it acts as it's own button separate from the clone row? Thanks
In firefox, jquery ui sortable mistakenly causes hover out event while sorting.
I have a submenu that appears on hovering over a <li> and disappears on hovering out. Within that submenu, I am using the jquery ui sortable widget to allow sorting of the submenu's <li>'s. Works great in all browsers except firefox. In firefox, as soon as I drop an item, the hover out event is triggered and the submenu disappears, even though I have not hovered out. Any ideas how to fix this? I use the following on the sortable <ul>: $("#mmc-sortable").sortable({ helper: "clone" }); $("#mmc-sortable").disableSelection();
make horizontal menu using jqueryui accardoin
hello there! can i make a horizontal accardion menu using jqueryUI ? if so, how? tnx
jQueryUI 1.10.3 Tab BAd Layout
Hi until 3 days before i was using older jQuery v 1.7.2 and UI. The tab component was working fine. I am loading the content ob tabs via ajax request and the content of the tab is jQGrid. now after upgrading to UI 1.10.3 i am getting a strange layout of tab content. the jQuery functionality works but the layout is not as it is expected. also, i am getting one new div inserted at the top by jQuery UI script .you can see this in black color titled This is My JSP Page. i think this might be a css problem.
tooltip, can I initialize multiple times on the same element for different selectors?
I have a function initializeEmployeeTooltips() to show employee summary as tooltips for 'span.employee', and I have a function initializeCustomerTooltips() to show customer summary as tooltips for 'span.customer', and there are more functions like this. These tooltips are of different formats, getting there content from different places, so I'd like to place them in their own functions and files. I use ajax to dynamically create html that contains 'span.employee' and 'span.customer' along with other
JQueryUI dialog: delay open until all images are loaded
I have a JQueryUI dialog, and I need to delay it's opening until all images in the slideshow inside the dialog are loaded. Any ideas hot to do that? I added this post to Stackoverflow also trying to get answers.
Dialog form incorrectly integrated with dialog element after form validation
I have a Zend Form generated form that I display inside a jQuery dialog. The first time the dialog is created, the form displays correctly as an inner element to the dialog. However, if form validation fails, I redisplay the form and it appears as part of the dialog instead of as an inner element. I suspect that the dialog div container has changed somehow and this may be the problem. I have tried countless solutions and all have failed. I would appreciate it if someone could help identify the exact
fraction support test code in Position component
Hi guys. I have this small nasty and tasty problem. I am integrating jQ UI code into quite old corporate app that is using .htcs ( http://stackoverflow.com/questions/10767006/what-is-htc-file-how-it-works-in-internet-explorer ) and I had problems with code that executes itself and determines if (at least what I understood) UA is capable of fractions in $(div).offset().left; the problem is that execution of this code somehow interfered with some legacy code in .htc file (its hell, trust me), but
Add connected sortable while sorting
Hello, I have a page with sortables that are loaded on demand. Here's what I'm trying to do. Let's say I have Sortable A with Items (A, B, C) and Sortable D with Items (E, F, G). If Sortable A is loaded and set and I start sorting item A and I go over Sortable D header. After a 2 seconds wait Sortable D is loaded and set. I then want the user to be able to put Item A anywhere in Sortable D. If after initializing the sortable D I do a refresh on the new sortable, I only get one placeholder at the
fila de tabla seleccionable
Hola gente, soy muy nuevo con jquery y jquery ui, y le voy agarrando la mano, pero hay algo que no puedo lograr. Tengo una tabla con 5 columnas y varias filas. Cada fila hace referencia a una persona en particular, y cada dato de la persona es un vinculo (que por javascript me pasa los datos a un formulario principal). Lo que necesito hacer es que una fila dada se pueda seleccionar haciendo click en cualquier lugar de la fila, y no solo sobre las letras del vinculo. Es esto posible? Espero haber
Jquery select/unselect all checkbox
Hi I used jquery 1.4.1 min.js,I had a grid view header select/unselect all jquery in tabcontainer in asp.ner 2010,it is not working for the first time .. .
Modal dialog code not embedding
Hi all. I have an application that loads a php file which contains a modal form that I copied from this example: http://jqueryui.com/dialog/#modal-form The problem is that when I load that file I can see the code of the modal dialog there, I mean the form before calling if, before pressing the button, as it its html code was part oft the whole page. If then I reload the whole page then the content of the modal disappears and everything appears as it should be. Seems like, when loading, the dialog
Cannot use data-foo atribute as a selector
I am using the jQuery UI Tooltip. by default this uses the contents of the title attribute to populate the tooltip. It is straightforward to change this to use the contents of the HTLM5 data attribute instead. However, I cannot find any way of using the data attribute as a selector so that the tooltips only operate on elements that have the data-foo attribute. According to the API spec, the tooltip is attached to elements by the code: $( ".selector" ).tooltip();I have tried various permutations such
Looking for a resizable plugin
Looking for a plugin could re-size image with eight points like Photoshop, event only four points in the corner will be fine, the official plugin only have right side and right down corner to control the re-size is not enough for me.
Menu widget - prevent ui-state-active in all child menu items
I have a requirement where I need to highlight top level menu item and one child menu item representing current visiting page. How to activate LINK1 top level item and SUBLINK2 child level item, leaving SUBLINK1 not activated? If I add ui-state-active (html below) to "link1" all child menu items look like activated. This is the current html: <ul id="menu" class="ui-menu ui-widget ui-widget-content ui-corner-all" role="menu" tabindex="0" aria-activedescendant="ui-id-1"> <li id="link1"
problem using dialog modal form to send data into the database
Hi, i'm using "dialog modal form" of this link http://jqueryui.com/dialog/#modal-form In this example they send the data to the same page (into the div users tbody) with this part of the code: if ( bValid ) { $( "#users tbody" ).append( "" + "" + name.val() + "" + "" + email.val() + "" + "" + password.val() + "" + "" ); And i want to send the data (name ,email,password) into my database or simply into another page using php code. Please help me Thank you
Droppable & Sortable
Hello, I want do something like that : http://jqueryui.com/droppable/#photo-manager And in same time do something like that : http://jqueryui.com/sortable/#display-grid It's possible ? How ? Thank you !
Datepicker doesn't work with greybox
Hi, I am trying to replace very odd datepicker control on my web site with nice jQuery control and just hit a brick wall as jQuery widget doesn't work within greybox. Just nothing happens when you click on the textbox which linked to the calendar. I saw an old post about this problem and just wonder if anyone has figured out how to implement a datepicker within greybox? Many Thanks.
jQuery UI Draggable Slider touchsreen issue
Hi all, I am trying using draggable jquery from here and develop it working properly on any browser but not on touchsreen like Ipad, i have tried using jQuery UI Touch Punch from here, but still not work. Here the sample, Thanks in advance for help here my script: //draggable $('#magnify-glass').draggable({ axis: "x", containment: "parent", snap: '.snap', snapMode : 'inner',
constraining a resizable doesn't work in 1.10.2 but works in 1.9.2
http://jsfiddle.net/9MTpq/ I wanted to use this code to stop the div from sizing beyond it's initial dimension: $('#rs1').resizable({ resize: function(event, ui) { console.log("ui.size.width " + ui.size.width + " ui.originalSize.width " + ui.originalSize.width); return ui.size.height = ui.originalSize.height; }}) Got it working in jsfiddle but just could not get it to work in my app. Finally, after much fiddling, turns out this code works in 1.9.2 but
Accordion heightStyle
Hi I am trying to implement the accordion in jquery-ui-1.10.3 and I require the height of each panel to match its respective content. However, using the heightStyle option, as seen below, has no effect on the height of the panels. In fact, substituting either of the others possible values ('auto', 'fill') to the heightStyle option has no effect either - all panels appear to take their height from the first panel. Can anyone help me? Peter <style> $(document).ready(function() { $('#accordion').accordion({header:
Something other than an anchor for tabs
I'm annoyed by Chrome (and probably other browsers) showing a status line of my long URL when I hover over a tab. From what I've read, there's no way to disable this (although I'd be happy to learn otherwise). Is there a way to use something other than an anchor in the list for the tab text? If not, I wonder if the team could consider adding this, maybe a little div or something instead of an anchor.
How to create a map by using jQuery in which I can select cities without any use of google map?
Hi everyone! I want to make a map using jQuery in which I can see the cities change color when hover the mouse and show the name of the city in a list when clicked. I also want to be able to select the city in the list to show it in the map. You know, I want it to work 2way. The point here is that I don't want to use google map at all. I want to draw my own map. Can anyone help me please? Thank you all.
News Ticker Need Help on Mouse hover pause
I have created a news ticker, I need to pause the ticker on mouse hover. Here goes my code. <script> function tick() { $('.ticker li:first').slideUp( function () { $(this).appendTo($('.ticker')).slideDown(); }); } setInterval(function(){ tick () }, 5000) </script> <ul class="ticker"> <li> <h5 class="simple-title leftfloat
Next Page