datepicker
So i installed the datepicker with the dual date range calendars. everything seems to work fine. i can select the date and it populates the input field so on and so on.... problem im having is I need it the update the input value field so i can submit a form in my rails app that is looking for an update from the input field. i select the dates and then view source and the value="" is still nil. anyhelp would be fantastic.. here are the 2 pieces of js jQuery(document).ready(function(){ jQuery("#startDate,#endDate").datepicker({
[accordion] post form
HI ! i 'm newbies and french in fact, i want to know how to use jquery plugin accordion in a form. in each list, i have some <input type =text> (quantity of article) i write all quantities for articles, and i post my form is it possible to read input post values ? thanks
Problem with Week on Datepicker
Hello... I'm having a problem. When I click on the Day short name, the calendar changes. I want to remove this event! Anyone can help me? Thanks.
Use parseDate() and formatDate() outside ui.datepicker
Hi all, I suppose this has been asked before, but I couldn't find it in a quick search. I would like to use the datepicker's date parsing and formatting functions (including i18n) inside another UI plugin. What's the easiest way to do this without having to copy the code over (which I would consider very ugly)? Is there a plan to move the date formatting functions to some general jQuery utility since more people might need them? Thanks David
Dialog button trigger
I have a dialog created using ".dialog" method from jquery UI. There are two buttons created: "Ok" and "Cancel". I want to have the user to click on some link inside the dialog to be able to trigger the "Ok" button's submit function. Any suggestion to use inherent jquery dialog methods to do that instead of accessing the DOM of the button directly? Thanks
[DIALOG]Overlay not sized properly
Firstly, I would like to apologize if this has been asked, I have been searching for an answer to this all day. I am using a dialog to display a loading message between ajax content loads. Using the overlay, it is always being set to exactly 485PX, taking up only 1/3 of my page. I have viewed countless examples of the overlay working correctly, but have failed to get it to work myself. I have tested this on firefox3 and IE7 with the same results. My code: $('#loaderContainer').dialog({
ui.datepicker.js: Possible to both range and single select?
Greetings, (and apologies for posting this earlier to the wrong group), I'm adding persistence behind an 'inline' jQuery datepicker calendar, and have a couple of questions (being mostly a noobie to JavaScript, css, jQuery, and ajax). I'm trying to figure out how, when 'rangeSelect' is true (to create a new reservation), to also allow single-select (on a reserved day to view/edit an existing reservation). First question: Is it possible to reset all the prior days to 'selectable' after just one click,
Issue with Focus using DatePicker
I'm having an issue with the DatePicker which I believe would require a feature request but I'm open to workarounds. The issue is that once a date has been selected using the DatePicker, the input field the DatePicker is bound to loses focus. If a user tabs to a date field, the DatePicker opens on focus, the user selects a date with the mouse, and then hits tab, focus returns to the top of the page. This occurs in IE6 and IE7 (hasn't been tested on any other browser). I assume this is because the
sortable.js issue
Hello everyone... I'm having a problem with sortable.js (using the sample from NetTuts.com). When I mouse over a div, it throws a htmlfile: type mismatch error at line 339 in the sortable.js file. I'm using it from within an ASP.Net form, which is needed for what I'm developing. It appears it is an issue with creating the "clone" object on mouseover. It appears the other functionality is working as expected. does anyone have the time to help me out with this? Regards, mecurioJ.
Json object to string
he all , i am new in using Jquery , is there any way to convert Json Object to string ? or how i get Json Object Property ?
How to limit draggable div on page
I have a problem with a div described here: http://groups.google.com/group/jquery-en/browse_thread/thread/eaeea31e6a672ed6 I tried to set containment option as described, but with no result. Any idea?
drag & drop a clone in a fixed position
Hi, does anyone know how to drag & drop a clone object into a div, but just in a fixed position. I mean, just to drop it in the place you click mouse down. Thank you in advance.
IE Issue using UI Sortable with overflow div
I'm trying to use the Sortable feature of jQuery UI, and I've come across a strange Internet Explorer issue when trying to use a scrollable div. I tried searching around to see if anyone's had a similar problem, but didn't come up with anything. In any event, here's the HTML code I'm using (you'll have to stick your own jquery javascript in there, sorry. :P ): http://pastebin.com/m218aef5 IE gives the div a scrollbar but simply ignores the bounds, printing all of the list entries overtop the div,
Sortable elements get "stuck" during sorting (most browsers)
I have a problem with the sortable elements on my page getting "stuck" to the left side of the page. The div's are in a fluid layout, so they don't have a fixed position from the left side. What's weird is this doesn't happen on WebKit browsers... Browser Test Results... Fails On: Internet Explorer 7 Opera 9.62 Firefox 3.0.3 Works Fine On: Google Chrome 0.3.154.9 Safari 3.1.2 (525.21) Here is the page in question: http://cacrew.net/sample.php The 3 main content divs are sortable vertically. You will
Autocomplete
I'm trying to add autocomplete to all inputs with a certain class (.autocomplete). Everything works ok from posting the data to receiving the response (seen in firebug) but no suggest is being built near my input even when I try with dummy data as per jquery docs...any suggestions? function load_autocomplete () { jQuery('.autocomplete').each(function(){ var url = el.title; $(this).typeWatch({callback:function(){ $.post(url, function(txt) { var
Resizing the dialog via JS
I can set the height of the dialog when it's initialized ( via the options array). However, how do I change the height of the dialog after it has been created ( for example, after an ajax request?) I've tried $(this).data("height.dialog", new_height); but it doesn't resize the ui-dialog-content div, leaving the content inside the dialog small. Any help would be appreciated. Bojan
Remove Items from Sortable list or remove LI item from UL list
Does anyone have any idea how to delete an item from a Sortable list? With the extra placeholder item in there, it seems to get confused on what item to delete. I've tried several ways to delete an item from the Sortable list and the closest I got was to use the following bit of code but again, the index sometimes isn't correct so the item doesnt get deleted or doesn't delete altogether. This however only works in IE. $(listname).each(function(j, item) { if(ui_id == item.id) { var sort_str = "."
datepicker can''t select a date in IE6
Hi I was trying to use the datepicker in IE6 with a table based layout (I know I know.. client coding standards nothing i can do about it) But while it will show up fine it won't let me actually select a date, changing the year or month also doesn't work. Is this a known issue?
Select Multiple Days
I'm new to datepicker. Thinking about using it for a project, but one of the requirements is that users can select multiple days within a month/year at once. Can someone tell me if this option exists? For example, I want to select every Mon, Wed, Fri for a full week, and send these values to my app.
Using slider widget to scroll a div
Hi there, I'm working with the slider to horizontally scroll a div and would like to make it work more smoothly. My example page is live at: http://static.spartaninternet.com/sandbox/ What I would like to have happen is for the handle to move smoothly to each step, rather than snapping abruptly as it does now. At the same time, I would like the div to scroll smoothly as well. Is there any way to do this while retaining the steps option? I tried adding easing, but I couldn't get it to work. I'm pretty
Resizable : little problem with IE 7
this is my code : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> <script type="text/javascript" src="./lib/jquery/jquery.js"> </script> <script type="text/javascript" src="./lib/jquery/ui.core.js"> </script> <script type="text/javascript" src="./lib/jquery/ ui.resizable.js"> </script> <style type="text/css"> <!-- html, body { overflow-y: hidden; margin:
Issue with jquery.corners.js calculating background color
I'm having in issue using the jquery.corners.js plugin on a page. I got the page working in my own mockup, but then had to ineherit some older CSS for the site and that's when the problems started. I've tracked the specific problem down to the alphaBlend function: function alphaBlend(a, b, alpha) { var ca = Array( parseInt('0x' + a.substring(1, 3)), parseInt('0x' + a.substring(3, 5)), parseInt('0x' + a.substring(5, 7)) ); var cb = Array( parseInt('0x' + b.substring(1, 3)), parseInt('0x' + b.substring(3,
UI site > Functional Demos > Effects > Bug
Not sure if this is the best place to post this, please let me know if I should post site bugs somewhere else. There's a little bug in the jQuery UI site functional demos. When you click on one of the effects links (Easing or General or Show/ Hide), then click on one of the buttons to preview the effect, it redirects you to http://ui.jquery.com/download_builder/ Is this a bug or this intentional? (I think it's a bug.) I spent a bit of time going through the UI Javascript trying to find the event
inline datepicker events
Hi I'm currently using ui.datepicker on a page which uses event delegation (via javascriptmvc) to hook up event handlers. When I click a link on the datepicker, say "previous month", the inline event handler is fired which rebuilds the datepicker html. The event then bubbles up to the page delegation handler, which then attempts to match it up to an appropriate handler. Unfortunately it's choking because the target element no longer exists in the dom because the rebuilt html has replaced it. The
1.6 progress
Is there any news on the progress of UI 1.6? I don't recall seeing much since the last RC, which has been out for a while now.
[datepicker] dates before 1970
is it possible to manage them with datepicker from UI?
Drag 'n' drop treeview
Hi ! I try to add drag'n'drop function in the async treeview plugin by Jörn Zaefferer And i have a problem ! Maybe it's a bug in the drag 'n' drop function, but i don't know ! In certain cases, that curls several times on the drop function ... I can send you a zip with my code if you can help me please. Sorry for my english. Arthur Barbaray
One click file Upload how to passing dynamic params
Hello , I am using One click upload. how to set a param value dynamic.please Help me ........ Dynamically How to passing these values id,mid my mail id is susil.robin@gmail.com function file($context){ $context.find("img.fico").upload({ name: 'file', method: 'post', enctype: 'multipart/form-data', action: 'fileupload.do', params: {id:<???>,mid<???>}, autoSubmit: true, onSubmit: function() {} });
Issues with Tabs after Ajax loads...
I have a form that uses tabs - however I need to use Ajax to update portions of the form. Trouble is - after the ajax load, the events bindings are messsed up and re-attaching has very ugly results! Here's the code - <pre><code> <div id="tabsDiv"> <ul id="test"> <li><a href="#one">One</a></li> <li><a href="#two">Two</a></li> </ul> <div id="Updatable"> <div id="one"> original message 1 </div> <div id="two"> original message 2 </div> </div> <input type="submit" id="submit" /> </div> <!---</form>--->
How to do sortable within a sortable?
I'm trying and I'm getting mixed issues. Essentially I have this structure loaded from the db Section 1 Question 1 Question 2 Section 2 Question 3 Section 3 Question 4 Question 5 Section 1, Section 2, and Section 3 are all dynamically set in the "connectWith" each other... I would like to be able to drag Question 4 to Section 2 if desired... I'm not getting this behavior from my site... any ideas?
Problem firing "click" event on sortable child elements
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:Calibri; panose-1:2 15 5 2 2 2 4 3 2 4;} @font-face
[accordion] return to current open state when mouse moves out of the navigation
I have the accordion script working with "mouseover" event - (in-fact i managed to get it working with the hoverIntent plugin through instructions from Jörn in another thread) You can see an example of this working on our development server : http://snipr.com/7epkx I would like the menu to return to the current open state when the mouse moves out of the menu. Currently it stays open on the last hovered menu, which we think is a little confusing. I have set the "alwaysOpen" value to true, but this
Sortable tolerance + performance issues compared to 1.5beta!
Hi Have been upgrading a script that I wrote quite a few months back using 1.5beta to the latest version 1.6rc2 (using latest revisions). However it's not playing ball at all. I've put up two versions both using the same calls to sortable, css, html files etc, this.$list.sortable({ containment:'parent', start:this.funcPosStart, update:this.funcUpdateSortable, stop:this.funcPosStop }); http://dev.logicbox.net/listsorter15b http://dev.logicbox.net/listsorter16rc2 Setting tolerance to
Drop on area which is scrolled away
Hi, I found the following problem: Situation: Two divs, one is surrounding - let's say height: 300px and width: 300px, another one is inside, but is bigger: height: 300px and width 600px. The bigger one is a Droppable. Now, the bigger one is not completely visible, and the smaller one will have scroll bars. Still you are able to drop something on the "invisible" or (scrolled away) part of of the bigger one. Why? And can I prevent this (dropping only possible onto the visible area of the bigger div)?
draggable and connectToSortable
I am trying to use a draggable list and dropping it into 2 sortable lists but the connectToSortable doesn't recognise the array that I have passed to it. If I just have one class that is used with connectToSortable then it attaches itself to that list, but not when it's in an Array format.. doc: An Array with comma seperated selector strings that match sortable lists, for example ["div ul", "ul.myclass"] I tried the ul.myclass approach but that too doesn't work. Plus the myclass is already a ul element.
Droppable and AJAX Postback
Hi everybody, does anybody know this error: I am using ASP.NET and AJAX. The droppable panel is within an UpdatePanel. After the AJAX postback occurs, the droppable will discontinue to accept draggables - even though I am recalling the function $('#PanelWSSurround').droppable({accept: '.dragclass', drop: onDrop, tolerance: 'fit' }); after the postback. Appreciate your help. morres
Adding drag'n'drop in treeview plugin (by Jörn Zaefferer)
Hi all ! Sorry for my english ... I try to add the drag'n'drop event on the treeviw plug-in by Jörn Zaefferer but i have a problem. I work in async mode. In attachment you can find my code. The drag&drop is in the applyEvent function. but the problem is that when i try to drag & drop an item who are in the link 3.6 (this item is lazy load) the drop function are run two times , it's very strange ... Maybe the problem come from the drag&drop function ... but i'm not sure ! I do not know any more what
Jquery One click File UPload
Hello , I am using One click upload. how to set a param value dynamic.please Help me ........ Dynamically How to passing these values id,mid my mail id is susil.robin@gmail.com function file($context){ $context.find("img.fico").upload({ name: 'file', method: 'post', enctype: 'multipart/form-data', action: 'fileupload.do', params: {id:<???>,mid<???>}, autoSubmit: true, onSubmit: function() {} });
droppable image map areas
I have an image using an image map, and I would like to set up drag and drop so that I know what section of the image the item was dropped on to. I have code like: $("map > area").each(function(i, node) { $(node).droppable({ greedy: true, drop: function(ev, ui) { console.log("drop on ", $(this).attr("title")); } }); }); It sort of works, but when I drop an item onto one of the areas, it triggers the function for all of the areas. Is there a way to get that to work?
UI Tabs content not bound to panel.
Anyone have this issue? I have a site that uses the ui tabs. Each tab loads its content with ajax. The content of the panel can be pretty much anything. In one case it is a Flexigrid. It works wonderfully in FF3. In FF2 I have to play with CSS to get it to look right but still works. However, in IE7 (I'm not even trying IE6), the content, in this case the flexigrid is not bound by the panel. Everything looks like it is set up properly to be inside the panel, but the actually grid kind of floats right
Next Page