Datepicker: Form that offers edit date functionality is empty on load
Hey there. I have a php that pulls data from a flat txt file and populates a form. One of the fields is DATE. The date format is in the format "Wed, 02 Jun 2010 20:25:17 -0700". But I only want the first few pieces of date data to show in the field. (Wed, 02 Jun 2010) When I try to call the page I get a blank field for date. I'm instantiating datepicker like this: $(function() { $('#datepicker').datepicker('option', { dateFormat: 'D, d M yy', showOn: 'button', buttonImage: '/images/calendar.gif',
Default Accordion Item
Hi How I can choose a special item to be the default item that is open in an accordion. For example i have an Accordion with 3 DIV and i want when user open this page sees the second DIV open.
Clicking on a dynamically generated link to access a tab.
I have 4 tabs working fine. I have a search bar on the 1st tab, when I click a button I have some javascript search a local SQLite database and edit a placeholder with the regular "innerHTML" to display a list of results. I'd like these results to link to my 4th tab. I can't for the life of me seem to do it... I used the code below and it works fine for a "test" link I have placed (I can click the link and it takes me to my 4th tab). So for some reason the event is not getting "bound" to the dynamically
ui.slider with multiple handles - differents change-event for each handle
hello, i have implementend a range slider with two handles and i need two separate change-event for the two handles. how can i detect by change or slide event what handle is currently moved? Example: if handle1 is moved, then run function1 if handle2 is moved, then run function2 thanks for any suggestion marco
photo-manager loading trash imgs
Hi Peoplo, I'm testing the photo-manager and found a problema that is taking me loose hours to try to figure out how to solve it... http://jqueryui.com/demos/droppable/#photo-manager I'm trying to simulate loading deleted images, for example: When I run photo-manager all deleted items will be displayed on trash window, I can do that so far but it seems that this loaded imgs can't come back to gallery... it is like they are not accepted... Does anyone has any idea what to do? it seems that only moved
Regarding ui.draggable
Hi All, I have three DIV for doing drop and drag, below is the codes $(".block1").draggable({revert:true}); $(".block2").draggable({revert:true}); $("#source1").droppable({ accept: ".block1", activeClass: 'droppable-active', hoverClass: 'droppable-hover', drop: function(ev, ui) { $(this).append($(ui.draggable)); } }); $("#source2").droppable({ accept: ".block2", activeClass: 'droppable-active', hoverClass: 'droppable-hover', drop:
need help with UI DRAGGABLE
hello, please take a look at a site i am developing... http://www.chronicler.co.cc/ i can't seem to make the draggable event right.... any help? thanks..
problem using mouse to select autocomplete item
Hello, I'm using the autocomplete widget but I'm having problems when selecting a value in the drop-down list using the mouse. A lot of the time it seems as if the select event is not triggered. I see the same problem with the demo on the jQuery UI site (http://jqueryui.com/demos/autocomplete/#remote-jsonp). Both on Firefox 3.6.3 and Chrome 5.0.322.2 I'm seeing the same erratic behaviour. Is anybody having the same problems? Are there suggestions for solving this? NeonJuggler
Accordion, sortable, draggable problem
I have an accordion where the contents contain a sortable. I also have a draggable that I want to be able to drag into the sortables. When I drag a draggable into a sortable, it does nothing UNTIL I first rearrange the sortable. After I do that, I can drag onto that sortable. In order to be able to drag onto another sortable inside of the accordion, I have to rearrange that sortable. Is this a possible bug, or am I missing something? JS Bin: http://jsbin.com/oxizu Here is my entire
problem prepending draggable helper in droppable drop event
I have a situation where I wanted to prepend the draggable's helper to a droppable target. The trick is that this draggable helper is a jquery object that I'm creating on the fly like so: $('<li>...</li>'). For some reason prepend won't insert this ui.helper object that I get in the droppable drop event. I've worked around this by simply recreating the element I want to insert inside the droppable drop event and prepending that rather than trying to prepend the ui.helper object. As far as I can
No horizontal scroll bar shows up when IE browser is shrinked.
I am new in jquery ui and have two questions. 1. What is the relationship between http://jqueryui.com/ and this website http://flowplayer.org/tools/index.html. I feel the latter is pretty impressive. 2. For the homepage of http://flowplayer.org/tools/index.html, if I shrink my browser horizontally in IE, no horizontal scroll bar shows up. How is it implenented to achieve this effect? Thanks!
Jquery UI Autocomplete. What am I doing wrong here?
I am using Jquery UI Autocomplete to get a list of names. But for some reason I am getting error This is the Autocomplete code $('#repName').removeAttr('readonly').focus(function () { $(this).val(''); }).autocomplete({ source: function (request, response) { tagId = $('#TagId').val(); $.ajax({ url: '/Developement/GetRepName', type: 'POST', dataType: 'json',
[accordion] Adding AJAX content to open accordion
Hiya, Is it possible to add ajax content to an accordion, and if so would it be degradable if the user has JS turned off? I think it would be beneficial to add such documentation to the JQuery Accordion UI page if this was possible. Regards, Shadi Almosri
UI slide effect toggle
I have a simple <ul> that i want to .show("slide") trigered via .hover() of another <ul> . If I slowly put the mousein, and let the effect to finish its slide and then i mouseout from the <ul> everything worked. But if i fast crossed the <ul> so the effect doesn't finish the slide, then it never hide. I put a little debug in the code, and examined, that both mousein and mouseout are fired, but the second slide effect doesn't execute if another effect is in progress on that same object ???????
Problem with Bounce effect
I've a problem with the Bounce Effect in IE: http://docs.jquery.com/UI/Effects/Bounce I've done this sample code: http://uploads.dennismadsen.com/jquery-bounce/ When I run it in IE8 in compatibility mode the boxes are moving left when moving the mouse over. Why?
Probem displaying accordion
Hello, I'm new to web programming and am trying to get an accordion up and running. Everything seems to work great however when I apply a theme the accordion is not displaying like I'd hope. After applying UI Lightness the Accordion headers appear on a separate line below the triangle icon that indicates the expanded pane (like below): -> Change location If I go to the jQuery site and view the UI Lightness theme the triangle icon appears inline with the text (like below). This is what I want.:
problem with datepicker
hi i have an update form with a text field that its value is the date from the database. at first when i added the datepicker it show today`s date and not the one from the database so i try to use setDate. but now it does not show the date from the database. all i need is that when the user enter the form it will display the date from the database and that when the user want to change the date he will be able. i use this code: var updateDate = $("#form1 input#date").val(); $("#form1 input#dateforupdate").datepicker();
Selectable events
hi, this question might be obvious. Can I use method to select all selectable element? I don't seem to be able to find the appropriate method. I know I can use some code to add class name on those elements, but how can I trigger "selected" event? Thanks for any notice.
Problem getting tabs to work when using an accordian inside a tab
I'm using an accordian inside a tab and for some reason the tabs are failing to hide and show content. It all appears as one continuous page but no javascript errors/warnings are being reported and the tabs highlight when clicked as if they're activating. The addition of the accordian is new and the tabs worked prior. Is there a limitation to these working together? Basics of the code are below Any suggestion or help hugely appreciated as I'm just scratching my head now after running out of ideas
Using Themeroller images on non UI parts of a website.
Hi guys, just wondering if it's ok to use something like the background image for UI widgets on Themeroller, on other parts of a website like the main body background for example. Thanks in advance!
drag event for Sortable?
Hi all, I have a sortable where I want to detect the position of an element as it is being dragged. Since there isn't a drag event for Sortable I'm not sure how to achieve this. (The reason why I want to detect the position is to send the position of the currently dragged/sorted element off to the server using WebSocket/node.js and have other browsers show that someone else is now dragging this element). Is there some other event I can listen to? Cheers, Aslak
hideIfNoPrevNext attribute not behaving as documented in datepicker
The description from the api declares that if you set this to true the Next Prev links will be disable The code is useing a nested teranary statement that sets the prev / next links if this._canAdjustMonth evaluates to true otherwise set prev to an empty string if hideIfNoPrevNext is true. The documentation appears correct if interpret it to mean you intend to hide links that are out of range but still show them. But I interpreted "You can hide them altogether by setting this attribute to true."
unclickable text after dialog closed
I have a very weird problem. I have a dialog control with multiple textboxs, dropdowns, etc. If before close I leave my cursor in a textbox, then on the main page or any other dialog control opened thereafter including this one all textboxes become unclickable, meaning I can't put cursor in them to start typing. I can't select any text on the page either. At the same time if after clicking in a textbox in that "problematic" dialog I will select some text outside that textbox and then close the dialog,
autocomplete select to accordion active?
Hi all, I'm trying to use the autocomplete selection to activate an accordion element, but it seems I need some advice. Here is my code: jQuery("input#autocomplete").autocomplete({ source: ["TDECK", "HkDict", "NFO", "0V", "PP", "IDI", "CSRV", "CSR", "I", "I12", "I18", "I2B", "I2BP", "I2P", "I2PP", "I2HSP", "I2SKIM", "I2SKIMV", "I2SKIMP", "LSL", "IWF", "DWF", "HA", "DWIN", "DDOOR", "A2Z", "NIG", "IGSB", "IGSBP", "GSCLRNC", "DG", "IG", "LGS", "I34", "I38", "I3B", "I3G", "I3GT",
jQuery UI Accordion 1.6: collapse & expand
Hi folks I'm using jQuery UI Accordion 1.6. I incorporated it into the DotNetNuke platform. when the page loads the first parent with children is open by default, I want it to modify so it is collapsed. this is the segment of code I tried various tricks with. $.extend($.ui.accordion, { defaults: { selectedClass: "selected", alwaysOpen: false, animated: 'easeslide', //easeslide bounceslide false event: "click", header: ".head", autoheight: false,
slider ui -- slide vs change event....
http://mayacove.com/dev/slider/slider2.html this is about issue I have posted about before.. namely: slider works only when you drag handle, i.e., when you drag the slider the divs show and hide as expected (divs change as slider slides..) but: if I CLICK on any point on slider instead of dragging, divs change ONLY if I click on a precise spot where a div is supposed to switch, otherwise div does not switch.. how do I fix this please?? I have been told to use "change" event, but change event is
buttonset doesn't work in a modal dialog box
Hello everyone! I've done a dialog box that contains a form inside it, and I would like to add some jquery fancy items to it. I've been trying with $().buttonset() as I've done with most of my radio buttons in the application, in order to get a coherent IU for my application. The thing is that, even if following the rules specified, the buttons remain as a normal radio button, and not with the fancy interface. Do you know what could be the problem? This is the part of the form where I want the fancy
Firefox display always the second tab
Hello, In IE everything works fine. In FF 3.6 the initial selected tab is always the second, even if I specify to select the first. Is this a bug? Help me please! Thank you & bye
Draggable with clone helper and no droppable
Hi - I'm trying to find a way to use draggable and a clone helper but without any drop target. I would like to be have the original draggable move to the position of the clone when the drag ends. By default, the clone will always return to the draggable original when released unless it has been dropped onto a suitable target. I can't seem to find any way of acheiving this through config. Can someone throw me a bone here please? Thanks Colin
Form tag in dialog
Hello, I'm trying to put a form into a jquery ui dialog, but as soon as I write the form tags everything in there is hidden. Is there a solution to make the form visible?
input autocomplete, cons or pros ?
If we use input autocomplete, like this , what is cons or pros ? For me, 1. it is likely it will load too many records, 2. at least user has to remember some portion of words. What else ?
Use Tellurium to test jQuery UI widgets
Tellurium automated testing framework, or Tellurium in short, provides support to describe a UI widget or a set of nested UI objects as a Tellurium widget. Tellurium widgets have the advantage that we can use the widget directly in our test code just like a regular tellurium UI object and we do not need to deal with individual UIs in the widget at the link or button level any more. What we need to do is to call the methods defined in the Tellurium widget. Another advantage is that once the widget
jQuery date picker does not firing in ajax page
Hi Here I have using datepicker from jQuery UI in my public/javascript folder as effects,prototype,control,dragdrop js files. in my public folder contains jqueryui development buddle. (css,js,development-bundle) in layout/application.rhtml <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title><%= h(yield(:title) || "Untitled") %></title> <%= stylesheet_link_tag 'application'
Multiple UIs not working on same page
Hi All, I am having a serious problem getting the accordion and the show/hide events to work together on the same page. Consider the following code: $(document).ready(function() { $("#accordion").accordion(); }); $(document).ready(function() { $("#showContentHeader").click(function() { $("#showContent").show("normal"); }); }); The HTML code is as follows: <div id="accordion"> <h3><a href="#">First header</a></h3> <div>First content</div> <h3><a href="#">Second
1.8.1 date picker fail to populate date selected
when I append this html fragment to the page when returned via ICallbackEventHandler. the datepicker will display the picker but will not select any date or go to the prev or next month when the client is IE 7 or 8. performing the same steps with firefox 3.6 results in a working date picker. <table style="width: 100%;"> <tr> <td> Start Date </td> <td style="width: 10px;"> </td> <td> <ASP:TextBox ID="dpStartDate" runat="server" />
How can i do this with jQuery?
I'm new with jQuery.. and I try to understand it.. I saw very cool animation in this website Click Here.. Precisely when I click the Tool link ( At the top of the site, next to the search box )... Please help me to write a jQuery code that can do same animation.. Thank you...
Adding a hover to a droppable div
Is it possible to add a "hover" function to a droppable div when you drag a draggable element over it? What I'm trying to accomplish is to be able to drag an element to a div (the div being the droppable area), and before I release the mouse and actually "drop" the element, I want to call a hover event on the div. What I'm ultimately after is to get the mouse position of the dragged element so when I actually drop it, I can add the element's 'html' to the innerhtml of the droppable div in an absolute
Slider Handles overlapping
Hello, am having an issue of the handles of a range slider overlapping. Ideally they should function similarly to this: http://developer.yahoo.com/yui/examples/slider/slider_dual_with_highlight.html I found a bug referencing this issue but wasn't quite sure if the fix had been applied as part of the latest release: http://dev.jqueryui.com/ticket/3467 There's mention of a "distance" option but using this with 1.8 slider ui does nothing.
Does anyone have a "panel" widget?
Hi everyone, The jQuery UI widgets are great and they have been saving me tons of time. I'm wondering if anyone has something I'm looking for? I'd like a "Panel" widget, which would look more or less like a non-collapsible, single panel accordion. I'm using the 960 grid CSS library to lay things out on an intranet site, and I'm framing groups of data within that framework using UI widgets, and one that I've made up is a panel kind of thing. It's essentially a <div>...</div> where I apply style definitions
Why is my jquery tab based web site not working in IE7?
Hi, I tried to build my first jquery web site and everything looks good in Safari, Firefox and Chrome. Only in Internet Explorer 7 on Windows Vista (I did not test IE8), it is a total mess. Unfortunately I am new to this and can not find the reason for it. Please help. :-) Click the following link for accessing the web site. Thank you very much.
Next Page