Sortable, ol, placeholder and list-style: none
Hi, I'm using sortable with an ol element. Everything works fine, except when I use "list-style: decimal;" on my list. Some picture of what happen : Picture 1 shows the initial list, Picture 2 and Picture 3 show what happen when I drag a li element in the list. In Picture 2 the list css property "list-style" is set to "decimal", and in Picture 3 is set to "none". In Picture 3 the placeholder element keep the size of the dragging element, whereas in Picture 2 the placeholder height is constant : it's
Months missing in month menu
Hi guys, something strange just started happening and I can't figure out why. I have the following for a date picker, but in the month menu only Jan - Jul shows up. Any suggestions on what could be happening? $("#memberBirthdayView").datepicker({altField: '#memberBirthday', altFormat: 'yy-mm-dd', changeMonth: true, changeYear: true, yearRange: '-110:-21', defaultDate: '-21y', minDate: '-110y', maxDate: '-21y', showOn: 'button', buttonImage: '../images/calendar.gif', buttonImageOnly: true}); Thanks
Dynamic count of Tabs and a dynamic accordion in each of it
Hi, got some problems with a dynamic count of tabs and a dynamic accordion in each of it. My PHP gernerator does it somehow but the css styles from jqueryui doesn't work totally. The first accordion works fine but the others don't. Would be nice if someone has an idea. greetings from Germany, blacksh33p <link rel="stylesheet" type="text/css" href="css/dark-hive/jquery-ui.css"/> <link rel="stylesheet" type="text/css" href="css/screen.css"/ media="screen"> <script type="text/javascript" src="js/jquery.js"></script>
Custom icons in Button widget
Hi, is it possible to use custom icons for a button? Or is there any way to extend the standard icon set? Thanks
Autocomplete UI With Geonames PostalCode Search.
Hello! I'm wondering if anyone has attempted to use GeoNames PostalCode search in conjunction with the Autocomplete component of jQueryUI. I was able to use the city search with no problem, but I haven't been able to get the PostalCode search to return anything to the autocomplete widget yet. Any advice is welcome! Thanks, Peter
Jquery Event
I am successfully using the jquery ui datepicker event on a website. But if I click on the same day in both fields, then I don't get any information back. Also, if I click on yesterday and then today, I only get yesterday's info back. Please help me with this. Basically I need to grab info from my database for whatever day I choose in the first text box through whatever day I choose in the second text box. Thanks
Datepicker event question
Hi, I would like to add events to the datepicker so if I specify a certain date the calender would pick it up and highlight the day I've specified. Example. It's my birthday on the 5th and I want the calender to recognise that there is an event (birthday) on the 5th so it must highlight that day. Is this possible and if so could someone please enlighten me as I'm totally stumped
Datepicker not working unless page is clicked
OK, I have an interesting problem. The page has a datepicker on it. When the page first loads I'm required to click somewhere on the page (just in blank space) and then click the datepicker in order for it to come up. If the page loads and I immediately move the mouse to the date picker it does not load. I think the problem is related to the menu bar that is on the page (this menu bar was created by another programmer and is a created using php and jquery). Why could this be happening? I'm thinking
Open Autocomplete on Focus
Hi, I'm trying to make autocomplete work like a combobox (I saw the example but I don't want the button). So I wrote juste the following code: $("input#autocomplete").focus(function () { $(this).autocomplete('search',''); })But nothing happens ... When I add a space at the end of each option, and I search for ' ' it works: $("input#autocomplete").focus(function () { $(this).autocomplete('search',' '); });But it's not clean at all. How can I open the autocomplete with all the options in it? Thank
How to get Autocomplete to auto-select the first item
Seems a little silly to me, but my customer is insisting that I get the jQuery Autocomplete widget to behave the same way as the YUI widget: http://developer.yahoo.com/yui/examples/autocomplete/ac_basic_array.html ...specifically, on that YUI demo, if you type 'f', only Florida is returned, and if you hit tab, 'Florida' is selected. On the jQuery Autocomplete widget however (http://jqueryui.com/demos/autocomplete/), if you type, say, '+', and only 'c++' is returned, if you hit tab, the input field
How to keep margin between divis when using Accordion
Simple Accordion Hi, I'm new to Jquery I'm trying to build a menu using JQuery Accordion Between each <div> I keep a margin but when I slide up and down many times the margins between the divs disapear. How to fix this? You'll find two images representing the problem. Thanks
Autocomplete Displaying and Working Improperly
Hi, When trying to implement the autocomplete with combobox widget, I've had some problems. First the drop-down list of options displays in the top-left of the entire page, instead of right below the input. Here's an image of what I mean: The other error is taht when I actually submit the form, it doesn't submit the value that is actually displayed. If you need anything else from me (other screenshots, a live page, etc) let me know and I'll do my best to provide it. Thanks for the help. -Daniel Wright
Opacity / RGBA in themes
Is there a way to specify RGBA colors (or opacity) in a theme?
How to change background color on highlight effect?
I just don't understand how/where to add the argument 'color' to change the background color used in the highlight effect. It only works with the default color. This works: $("#secondary-menu").effect("highlight", {}, 3000);Now where to add the color? I thought just like so for example: $("#secondary-menu").effect("highlight", {"#b1b1b1"}, 3000); I tried some other stuff but can't get it to work. Any help?
Tabs inside accordion disappear when scrolling
I have tabs inside a few sections of my accordion menu. The problem I have is that when long content creates a scrollable window, the tabs also scroll up and eventually disappear up the top. Is there a way to scroll the content without the tabs actually moving long with it? Here's the page (a good example is in: Things that can harm your pet / Holidays) http://www.vetclinicpv.com/animal_health_diseases5.html Thanks!
tabs in jquery-ui-1.7.2.custom.min.js, multiple per page
Hello all, I have not found an answer yet although I wouldn't be surprised it resides somewhere in the forum. I'm using the tabs from jquery-ui-1.7.2.custom.min.js, and would like to use two independent ones on the same page. Is this possible without duplicating the script and changing the variable names in the new one? Thanks a lot
Strange selector behaviour
Have a html table with the following structure: <tr id="SIEcat101"><td colspan="2">Text</td><td id="ID1">0</td><td id="ID12">0</td></tr> <tr class="SIErow"><td>1234</td><td>Text</td><td>2345</td><td>3456</td></tr> <tr class="SIErow"><td>1234</td><td>Text</td><td>2345</td><td>3456</td></tr> <tr class="SIErow"><td>1234</td><td>Text</td><td>2345</td><td>3456</td></tr> <tr class="SIErow"><td>1234</td><td>Text</td><td>2345</td><td>3456</td></tr> <tr id="SIEcat102"><td colspan="2">Text</td><td id="ID2">0</td><td
ui accordion with tabs in each section
Hi, I was able to insert tabs in my first accordion section. But when I try to create another set of tabs in subsequent sections the tabs end up being in list format instead of actual tabs. I tried to give the next tabs set div a new id such as id="tabs2" with no luck. The second set of tabs is at the end of the accordion in last section. That is the one that is appearing in a list form rather than actual tabs. Hope someone can help...thanks!!! Here's the html code: [code]<div id="wrapper">
Sortable with Dragable
Hello, I have a little Problem, i tried to handle dynamic sortable lists with dragable elements so i will explain it: you have 2 main boxes, 1 for dragable elements and 1 for holding div boxes. the div boxes are created with dragable conntected to sortable. so for example i create a box using dragable to my sortable list. after this, i reload the event handler ( call the command again, as i did it after page load) i want that i can drag the dragable elements on my main box to a new sortable list
Replacing Javascript confirm dialog with a JQuery UI Dialog in a GridView control
Hello, I'm very new to JQuery. So far, I have alwaya used the Javascript confirm dialog box to display the confirmation dialog to the user. I would like to replace this with the JQuery UI Dialog box. My code is as below: The gridview is populated with the current roles and there are two buttons: Edit and Delete. The delete button is a link button. HTML code <asp:GridView ID="RolesGridView" runat="server" CssClass="grid_list" CellPadding="0" CellSpacing="0" AutoGenerateColumns="false" OnRowCommand="RolesGridView_RowCommand"
jQuery UI Autocomplete with hybrid text/id search
I'm having a lot of trouble making jQuery's autocomplete widget work for me. I am using a list of key/value pairs from a server. I have the following requirements: If the user selects a value from the widget, I want to pass the ID to the server. If the user doesn't select a value and enters raw text, or modifies a value that has already been selected, I want the ID field to be cleared and just the raw text to be sent to the server.Assume that `someAjaxFunction` returns an array of objects that the
Sortbale bug?
javascript code: $(function(){ $(".cenrows").sortable({ connectWith: '.cenrows', change: function(event, ui){ alert(ui.item.parent().html()); } }); }); html code: <div class="cenrows" id="cloa"> <div class="mu_conn"> a </div> <div class="mu_conn"> b </div> <div class="mu_conn">
sign [ in the id
Hello, I have a page where some elements have id build as t[32] When I try to select it as document.getElementById("t[32]") it works But if I do it jQuery-way $("#t[32]") it does not. I guess it is due to [ sign. But how can I select such an element?
How to link on cloned dragable item.
Hello! I'm using connected .sortable and .dragable items. When I'm dragging from dragables to one of the sortable list, I need to update HTML element I'm actualy going to clone. I'm not sure what pointer to use. In dragable event handler $(this) seems to be linked to original dragable item. And in sortable it is pointing to whole list. Any idea? Thank You very much in advance!
draggable and .addclass() incompatibilities
Dynamically adding a DOM node breaks draggable functionality. var myCode = "<div>hi there!</div>"; var spanElement = document.createElement('span'); spanElement.innerHTML = myCode; $(spanElement).addClass('draggable'); document.body.appendChild(spanElement); Anyone got a fix on this?
New Autocomplete when user enters text directly & tabs to next field
I'm changing over to the new autocomplete. In particular, I'm using autocomplete in a field where the user enters a city name, which must be in the list. After the entry, auto complete should save the equivalent numeric city ID in a hidden field, and populate a select box with the relevant zipcodes for that city. It should also only allow the user to enter cities which are in the database. This works fine when the user enters the first few letters of the city and then selects one from the select
[Giva - mcDropDown] Can't get it to work
Link: http://mechanictoolsonline.com/1.3.1/cattest.html Can't understand why it isn't working. Can somebody take a look for me?
jquery ui bug?
my code: ... $(function() { $(".cenrows").sortable({ connectWith: '.cenrows', change: function(event, ui){ alert(event.target.innerHTML); } }); }); </head> <body> <div class="cenrows" id="cloa"> <div class="mu_conn"> a </div> <div class="mu_conn"> b </div> <div class="mu_conn" > c </div> </div> <div class="cenrows" id="clob"> <div class="mu_conn">
JQuery Dialog Confirm (modal) - Tabbing broken?
When a modal dialog confirm box is brought up and you tab through the elements, it goes to the "X" and the "Ok" and "Cancel" then seems to get lost somewhere on the parent page in the background. This seems to be the case in IE7 and Chrome. However, in Forefox it seems to work with tabbing just cycling around the 3 elements of the dialog box. My dialog code (although I don't think my code is up the creek): $("#dialog_confirm").dialog({ autoOpen:false, resizable: false, height:180, modal: true,
UI Slider - disable middle-button click on mouse
Hi, is it possible to disable the middle-button/wheel-scroll click on the movable icon on the slider? By default, it opens a new tab/window when I click on it. With left-button click, it allows me to drag the slider. I'd either like to replicate this behaviour on middle-click, or disable middle-click if possible? Thanks in advance.
resizeable div stops working when an image loaded in
This is my first time using jQuery and this is a bit tricky to explain - I'm using the the UI to use .resizable so that I can resize a couple of divs. However what I have found is they work fine until I load an image into the div. Then, it is still resizable but only where the image isn't... in other words if I have a 300x300 div and load a 200x200 image into it, if I resize the div so it measures, say, 150,300 then I cannot resize it where the image is now at the edge of the div, but at points where
Sorting multiple objects at once
Is there a way to either combine the "selectable" and "sortable" functions, or "attach" certain other elements to the currently sorted element, to allow for the sorting of multiple elements at one time? Specifically, I want to be able to start the sorting on one element, and have X number of other elements follow it through the sorting process. Ideally this would allow someone to initiate sorting on an element designated as a "parent", and that would also bring along all elements designated as "children."
I've made a nested sortable tree
Hello all, I've made a nested sortable tree. I started from the tree widget that is forseen for version 1.8 I've used the 1.6b of jquery UI for this test. And I've alterd the sortable component a bit. The link: http://sandbox.tinctuur.be/tree/ I hope to get some feedback and maybe optimalizations from the community and maybe from Paul. The source is also available to download. If you make some changes post them in this thread please. Karel-Jan
Slider background
I've been trying to change the background of a slider without any luck. What I'm trying to do is to change the background to a gradient going from red to green, created as an image with repeat-y, with an opacity set to something like .3 or .4 on the right side of the handle. So far I haven't even been able to make it change color. Also, just on a side note I was wondering if it is at all possible to change the background color as you move the slider handle?
Delaying the appearance of a modal dialog
I have a modal dialog form that pops up when a button is selected on a page. The problem is that my mouse button seems bounce, so that one click not only brings up the modal dialog but also clicks the submit button on modal dialog if the two buttons have overlapping XY, so that the modal dialog form gets submitted before anything is filled in. I thought I might delay the opening of the modal dialog by 100ms with setTimeout, to give the button time to settle, but my first attempt at this, below,
jqueryui resizable for table column resize
Hi, I would like to use resizable event to resize the column width on a table. Can someone point me to how to determine if the if left or right drag event so that I can determine if the width should be decreased or increased? Thanks for the help.
Advanced slide effect usage
I'd like to be able to create a slide effect in which each item appears to slide on top of the other. So, item 1 would display, then 3 or so seconds later, item 2 would slide over it and take its place, and so on, until it loops back to item 1. I'd also like to be able to give the user manual control over the process with arrow buttons. Is something like this possible? I'd assume that for the first it's a matter of the item's CSS, but I'm a bit stumped as to the second. Also, what options can
Callback not triggered for autocomplete select change
I'm trying to make an autocomplete select from http://jqueryui.com/demos/autocomplete/#combobox, and I have a progressive enhancement dropdown menu which works in terms of apparent UI behavior but does not trigger the callback behavior I'm attempting. I have: $(".autocomplete").bind("autocompletechange", update_autocomplete); $(".autocomplete").bind("autocompleteselect", update_autocomplete); update_autocomplete() is a function that takes two arguments and,
Datepicker - Day names in calendar
Hi, I've downloaded the Datepicker event search custom file, swanky-purse theme. Everything is as it should be except the Day names, which are black and not the yellow color as per the demo. A second dowload of the dark-hive theme had the same result. 1) Could someone please help to resolve this, or point me in the right direction. 2) Also, how do I change the day names within the calendar to dayNamesShort. I'm new to jquery and trying to learn. If it helps, I am using Serif Webplus X2.
Draggable, Droppable, Sortable
Everything is working except sortable. Tips? <style type="text/css"> html, body { margin: 0; padding: 0; background-color: #fff; color: #000; font-size: 92%; font-family: helvetica, sans-serif; } #widgets { margin: 1.0em; padding: 1.0em; border: 1px dotted #0cc; } .widgets-header { margin: 0; padding: 0.2em 0.4em; background-color: #e1e1e1; border-width: 1px; border-style: solid; border-color: #a1a1a1; } #widgets-list { margin: 0;
Next Page