Datepicker and input text
Hallo all. I have an input text binded with datepicker. I need to insert the date only through the datepicker and not via keyboard. I thought to make the input text readonly but i need also to enable the user to cancel the date via keyboard. Any idea? Kind regards Massimo
"stop" draggable event never gets called in safari
I have the following piece of code which works fine on IE and Firefox: $('#mylist').draggable({ distance: 100, helper: 'clone', opacity : 0.35, revert: 'valid', stop: function(event, ui) { $(this).remove(); } } ); On safari, the dragging works, but the "stop" event never gets called. Is there any workaround ? Thanks in advance gui
Change dialog height
Hi, I have an instance of dialog opened (with 300px width for example). When I load (and inject) some ajax HTML code which is longer then dialog window, there is a scrollbar at right (I get it). Is there some a way how to resize the dialog window automatically (and prevent the scrollbars)? Just note. If I write event like: $('#element').dialog('option', 'height', 500); the dialog height is changed (DIV element with "ui-dialog" class) but the inner "#element" - doesn't. Thanks for any help. Daniel
animateEasing option for Resizable
Documentation says that animateEasing option for Resizable widget accepts a string as its value and *swing* is the default value. I'd like to know: Where are there a list for others values allowed for the animateEasing?
Create clone Draggables from a <ul> list (not Sortables, just static <li>s)
Hi Basically, I have a <ul> list of <div>s. I would like to be able to click & drag on an <li>, and it create a clone of the element which becomes a draggable. You will understand what I'm trying to do by looking at this page: http://olivertreend.com/playground/draggable.html I have the basic functionality there at the moment, but I'd like it if the frames would stay in position in the sidebar, and a clone was created instead. Does anybody know of any simple functionality to do this? I was thinking
[accordion] each menu has scroll bars
When I load the page which has my accordion on scroll bars appear, it appears when I use firebug that element.style is defining a height. I cannot find where this is being created, it is obviously not in the css and I assume that something in the jquery is forcing a small height to be declared, currently it keeps declaring a height of 172px. Has anybody got any ideas how I can change this so the accordion is the height of the content I put in it? Cheers Jim
Accordian newHeader object
I am trying to write a callback function triggered by $('.selector').accordion({ change: function(event, ui) { ... } }); I have not been able to find what comprises the object ui.newHeader. I am trying to set the value of a variable when the user changes the Accordian according to the section selected. I need to identify which section has been selected.
back button and bookmark in jquery ui-1.7.2
Hi all, I am now using jquery ui-1.7.2 for tab implementation. but it is not support history back button. why ???? is it possible?? How can i do that ...... plz any one give me the details documentation.... thanks nazmul
Accordion Usage
Being quite new to JQuery, I find that whilst it is powerful, the syntax takes a bit of getting your head round. I am trying to identify when the user clicks on a section to record the choice in a local HTML variable for the form. The responses I get from the following code are: [first alert] null and then [second alert] function (F) { if (typeof F !== "object" && F != null) { return this.empty().append((this[0] && this [0].ownerDocument || document).createTextNode(F)); } var E = ""; o.each(F ||
Problems with IE8 and ui.sortable
Hi List, I'm experiencing problems with IE8 and ui.sortable. The sorting stops even though the mouse-button is still pressed. I've looked through the code and think this is caused in the _mouseMove function of ui.mouse. // IE mouseup check - mouseup happened when mouse was out of window if ($.browser.msie && !event.button) { return this._mouseUp(event); } In this part, the button property of the mousemove-event in IE8 is 0, even though the mouse-button is still pressed, and the _mouseUp function
jquery accordion / change callback
*hiya!* I have a problem with the following script: ------ <script type="text/javascript"> $(document).ready(function(){ $('.dropdown').each(function() { $(this).accordion({ autoheight: false, header: 'h2', change: function(e, ui) { alert("works"); } }); }); }); </script> ------ I get no alert, no error message, nothing. I need this callback to redraw a shadow on other elements. The accordion effect basically works. I use jquery-1.3.2 and the latest jquery.accordion.js. Any ideas? tia, bye Wolfgang
Access Slider Namespace Without Knowing Div
Is there anyway to access the jQuery UI slider namespace without knowing the div that it was initialized over? For example, I would like to type something like: lower = magicalSliderNameSpace.slider("option", "min"); instead of: lower = $("#slider-range").slider("option", "min");
how to use all this things
i want to apply all the effects and widgets of UI but cant get idea how to use it in plan html document.
Sortable List Value?
Hello, I use sortable list. But I couldnt understand something. How can I read sort number of items?
Datepicker
Hi, I use datepicker with month and year in dropdowns, and year dropdown with range 1900 to 2009. The date format is dd-mm-yy. In the first page i saved the picked date in database. In the next page i want to populate the date from the database to my jquery datapicker in that page, where i failed to do so. Instead of populating the saved date, i am getting the current date populated in the datapicker textbox. $(function() { $('#datepicker').datepicker({ changeMonth: true, changeYear: true }); $('#datepicker').datepicker({
implementing JQuery datepicker in ASP.NET 2.0 and IE8 (problems)
Most of the users with more experiences probably already know this but others can have problems when implementing datepicker to ASP.NET controls, for example textbox (especially if they are inside other control - web form, repeater). This is a solution somebody posted on asp.net forums: 1.) "Change the TextBox's CssClass property to "dateTextBox". Then, use exactly this JavaScript (remove the other inline script in that area so there are no extraneous errors):" 1.) (inside web form, control, etc.)
Tabs + Accordion + Tab FX
Hi Everyone, I am new to jQuery, but up until now I have been pretty self sufficient when coming across an issue. However, this one has me stumped, and I was hoping that I could get some advice to set me back on the right direction to figure out what's going on. So I have a 4 forms that I have arranged within 2 jQuery UI tabs with 2 Accordions each. Now my client would like more distinction when switching tabs, so I have been trying to implement the following $(function) { $("#tabs").tabs({ fx: {
Need Help with JQuery UI Slider Animation at Client Project -- Looking for 2-day contract from qualified professional
I am working at a client and need help bringing in an expert to help analyse and solve an animation problem with the JQuery UI slider effect. The animations are very jerky and it needs to be made smooth on IE6, IE7, Safari 3.x, Firefox 3.x, etc. The problem could be either a) related to the way API is being used, b) combination of existing code and JQuery usage, or c) problem that might need fixing in the API itself. This is a paid adventure (sub-contracting through Accenture) for 2 days to work
Modal dialog incorrectly triggers browser window scrollbars
When I open a modal dialog window, that triggers the addition of scrollbars on the browser window even though the scrollbars are not necessary for my content. See the test case: http://www.johncardinal.com/tests/dialogOverlay.htm It looks to me like the div.ui-widget-overlay is too big and/or not positioned properly. Where am I going wrong? Thanks! John
Limit to fadeOut, slide out?
Hey all, I have this big object that I'd like to fadeOut and its not working at all. It works on a smaller subset of the object, but I'm wondering if there is some internal limit on how big the element can be. Thanks, Matt
jQuery Dialog Scroll Bars missing with Draggable issue
I populate my DIALOG with a bunch of DRAGGABLE elements. But SCROLL BARS do not appear on my DIALOG because the DRAGGABLE class sets the styles attrib with absolute positioning for the draggables. As I was trying to word this I might have found a work-around. But either way I think it is still an issue if you want to drag elements off of the dialog. For my particular situation I think I can add the draggable class after I get my elements from the dialog..... Unless someone can figure something else
Bring draggable to the top on click
How would I bring a draggable to the top of a stack of draggables on the click event? The current behaviour only brings a draggable to the front when you drag the element.
drag n drop help please
Sorry for the noob question... But in my 1st attempt to drag and drop, I am trying to bring ANY draggable div along for the ride. and have it be dropped into ANY droppable div. And I want to be able to drag and drop it multiple times. I also have a problem with the helper set to 'original', it acts like it is resizing an object as it is dragging the object. The overall result works correctly but is confusing during the dragging. I like the effect that clone helper has but then I would need to remove
Resizing a div component using Jquery Resizable UI
I Somu currently working at Verizon, Irving, Texas and we are using JQuery component for our development. We are using Draggable,Droppable and Resizable components as a part of our development. I am having issues in using Resizable component. When I use below code I am able to resize from bottom right corner only. $(document).ready(function(){ $("#resizable").resizable({ maxHeight: 500}); }); How can I resize from bottom left corner of a div tag and avoid resizing from bottom right corner. Could
dialog's modal set to true doesn't make it a modal without styling applied
here's something I discovered.. if I use the dialog and set model:true but do not use any css styles, jquery ui will create an overlay div with the proper width/height and z-index..but won't position it absolutely or relatively. since z-index only applies to positioned elements...i can still click on things underneath. since jquery ui is designed to work even without any styling..is this an oversight or by design? david
Page repositioning to top causing dialog to shift down or off screen.
I'm using the JQuery UI Dialog which upon opening seems to be working fine. Inside this dialog I have a form, inside which are form elements with "Add one" functionality, to allow users to enter multiple of a given field. This is also working fine - except that every time I click on "Add one" the page repositions to the top of the page, leaving the dialog where it was lower on the screen, causing a bad shift and sometimes causing the dialog to go "below the fold". Is there any way to do this without
jQuery fly to basket animated script
I am using a jQuery slideshow script which is capable of Callbacks, these allow for external factors to take place based on internal events. Such is the way I would like the script to evolve on my page, with the aid of these Callbacks, that if I were to click 'add' the image would fly off to a basket where the eventual collection could be downloaded. I got the idea from a DHTML script here: http://www.dhtmlgoodies.com/scripts/fly-to-basket/fly-to-basket.html# But I don't think the two are going to
drag and drop + 2 columns
Hi guys, Is there a nice sample to drag and drop items between 2 columns? Thanks
Jquery Dialog Box
Hi I have some doubts in jquery UI dialog, i wrote the code like below 1. In the form i have a link <a href="test.php" id="user">Link</a> 2. when i click the link, dialogbox will be opening. 3. there are two buttons in the dialog box OK,CANCEL my doubt is when i click OK, dialog box will be close and page redirects to test.php if i click CANCEL, only dialog box will be close. pls clarify me $(function() { $("#dialog").dialog({ bgiframe: true, resizable: false, height:140,
Repeating widget instantiation
I was wondering what effect repeating widget instantiation would have on memory usage in the browser... For example, calling $("#accordion").accordion(); repeatidly, does the jQuery UI library have some sort of cache that it checks before applying the widget all over again?
droppable and tolerance
Hello, I'm building upon draggable+droppable, a framework for quizzes where you drag and drop your answers. As far as I can tell, droppable tolerance modes don't fit well my needs. first, intersect function does not include margins in its processings second 'touch' mode which is closest to what i need, can't be used as If my draggable overlaps two droppables, the two of them will be served with the draggable. I would want one only, the one nearest to my draggable... Yeah, i could add some constraints
What is the current situation with nested sortables?
I came across this post which was posted last year and talks of making it into UI but I don't know where the conversation led. As far as I'm aware its not in the latest UI so could someone update me as I really need this functionality. I've made a nested sortable tree - http://www.mail-archive.com/jquery-ui@googlegroups.com/msg00518.html
UI date picker - position of show calendar button not consistent
Hi, If I have a jquery datepicker with showbutton: true and an image for the button specified then On IE7 the button appears to the right of the textbox. On firefox – it appears below the textbox. How do i make them appear in a consistent location? Thanks
Looking for assistance implementing jQuery Cookie into Sliding Panel WordPress Plugin.
Hi folks, I'm new to this list and I hope I can find someone to assist. I am using the Sliding Panel WordPress plugin by Justin Tadlock, found here: http://wordpress.org/extend/plugins/sliding-panel Through Justin's forums, he helped me to implement a feature of this plugin where after a user logs in, the sliding panel remains open so the user sees whatever content is underneath. The problem I am experiencing is that when a user closes this panel, and then hits another page on the site, the panel
Problem using http://www.javascripttoolbox.com/jquery/ script on IE8
Hi, i’m Vincenzo, a web developer from Italy. I use your ajax code following the guide ad the example: http://www.javascripttoolbox.com/jquery/?doctype=strict . I have some question about my work with your code, if can answer me. Here the question: The problem is that my code do not run on explorer 8, when I click on td where I apply the function, child td are not showed. Here the code: <% dim sqlcat, idcat, nome, pos, citta, indirizzo, telefono, cellulare, sito, mail, persona, arrivare, descrizione,
selectable event propagation
I have a selectable unordered list where each list item contains an image. When I click on a selectable, the function I've defined for the stop event is sometimes fired in response to clicking on the image. This is a problem because it sometimes adds a border to the image instead of to the entire <li> element. Does anyone know how to prevent this kind of event propagation for the jQuery selectables?
datepicker, onChangeMonthYear, beforeShowDay and ajax refresh problem
Hi. First I post the code, than I'll explain what should do but it doesn't. var specialDays = [1,2]; function onBeforeShowDay(thedate) { var theday = thedate.getDate(); if( $.inArray(theday,specialDays) == -1 ) return [false,""]; return [true, "specialDate", "tooltip"]; } function onOnChangeMonthYear(year, month, inst) { $.get("http://www.example.org/ajax/get-news/"+year+"/"+month, { }, function(json) { // alert(json.specialDays.length); test...ok specialDays = json.specialDays;
Localization of DatePicker
When the .regional setting is made (e.g. .regional['fr']), am I correct in thinking that the corresponding "fr" file (ui.datepicker- fr.js) is accessed and the settings from that file (closeText, prevText, datName, etc) are applied? My reason for asking is that in my application, I am using zh-CHS as simplified Chinese - the name of the corresponding file contains "zh- CN". If I were to rename the ui.datepicker-zh-CN.js to ui.datepicker-zh- CHS.js would I get the correct localization settings? Thanks
jquery easing v1.3 not working with latest jquery 1.2.2 update
When I use jquery.easing.1.3.js with the latest jquery build (jquery-1.2.1.min.js) 1) jQuery is not defined jQuery.easing['jswing'] = jQuery.easing['swing']; 2) $ is not defined $(document).ready(init); Any suggestions, Dino
Change function question
Hi, I wanna monitoring if there any text element changed. but the jQuery change function could fired only when this element gained focus. It doesnt work if we use .val() to change it, nd here is my example: <script type='text/javascript'> $(document).ready(function(){ changed = false; $("input[@type='text']").change(function(){ changed = true; }); $("input#fill").click(function(){ $("input[@type='text']").val(Math.random()); });
Next Page