XP IE8 Modal Dialog and Forms Plugin
I'm using the jQuery UI Modal Dialog and the jQuery Form Plugin. I've tested it on the following browsers and operating systems. Safari, Firefox, Opera, Chrome, and IE 6, IE 7, and IE 8. XP, Vista, Windows 7, Mac I've found that the combination of Windows XP and IE 8 causes IE to display the script error: "A script on this page is causing Internet Explorer to run slowly. If it continues to run, your computer might become unresponsive." This only happens on a few machines running in this combination
Using the AutoComplete UI with Asp.Net, MVC and VB.Net
Can someone please offer some help/advice with the following: I currently have the following block of Script on my .Aspx page: $(document).ready(function () { $("#txtFirstContact").autocomplete({ source: 'http://localhost:7970/Home/FindSurname/', minLength: 3 }); }); And I have the block of code on the MVC Controller: Function FindSurname(ByVal q As String, ByVal limit As Integer) As JsonResult
Datepicker for year combo not showing scrollbar
The datepicker is: $("#datepicker").datepicker({dateFormat: 'dd/mm/yy',changeMonth: true,changeYear: true,maxDate: 0}); but then it is not showing scrollbar for month and year, it just shows 20 items in the combo any point of time.i want all the years around 50 values to be visible using the scrollbar at any given time. kindly telme how i can display 50 year values in Year Combo of datepicker.
1.8 Tabs Spinner option isn't removed when content is loaded via Ajax
According to the docs for the spinner feature all that is required is a string with the content and a <span> element inside the <a> that contains the tab title. When testing this on jsbin the spinner text simply remains appended to the tab title, see example here: http://jsbin.com/evulo3/4/
tree widget
I am looking for a jQuery tree widget. From 'jQuery UI design & planning wiki', a tree(simple) is in planning status. But the widget is based on jQuery 1.3.2 and UI 1.7.2. Its last activity was on Feb 2010. Does anyone know if it is going to be included in future release of UI. Should I start use it now? thanks, tang
jQuery UI Datepicker with dynamic form
Hello, I have two form (A,B) both has a date field that I want to use the Datepicker with. I'm able to get the Datepicker to work with form(A), I'm unable to get form(B) to work. Form(A) display a list of entry from the database. Depending on what entry is selected in form(A), Form(B) retrieves data from database and dynamic generate an edit form. I've tried several variant but have been unsuccessful. When a entry is select from form(A) this is fire off: function loadEMEREdit(EMERID){ $("#EditFormWrapper").load("getEditData.cfm?ID="+ID);
IE 7 remove draggable item memory leak
I have a page with an unordered list <ul> with two list items <li> I have set up each list item to be draggable using $('#id').draggable({ OPTIONS }); I removed the items from the unordered list using $('#ulID').empty(); The items are removed from the screen, but when I run the page in sIEve it shows the list items as being orphaned and each having 1 reference left to it. Also, any item that I have called jQuery on shows as a leak (ie if I create an accordion). Running the page in IEJSLeaksDetector
I am new JQuery, have issues in Slider widget
I am trying to create a Slider for date range, ie from current date to last 3 months. Suppose I have 3months Jan(31 days) - Feb(28) - Mar(31), when i move the slider its displays the value as "Jan <date>", but as soon as I try to go fwd with another month it displays "Feb 32" & so on. I want to know how can I reset the value so that it changes the value with the month. Take the Scenario as: I have a Jquery Slider which has the min as 1 & max as 100. When i move the slider to 31, it should show the
Modal Dialog Best Practices?
Hi all. Just finishing up rolling out my first project involving a modal dialog, and am wondering how others are tackling what, I would think, are common issues that I encountered. I am rolling a modal dialog, with login/registration forms (each form located on a jQuery UI accordion panel). 1) Dialog content. In it's most basic form, you'd have a hidden div that the jquery would then display the contents. As my dialog is a login/registration form, and the initiating link is a common UI element
Restricting sorting to predefined containers
I have a container div, which contains two div rows. Within each of these rows, I have 3 box divs. I'm trying to use the UI sortable plugin to allow users to drag/drop the boxes but limit them to only being able to drop the box ontop of where another box is. All the examples I can find are fluid in that they restrict you to a container but within that you can have them anywhere, e.g. you can have all the boxes in one row/column. I want to keep the layout consistent, essentially limiting the layout
Images and resizable plugin
I was having problems using resizable on an <img /> element. I found that if the image is set to float, when resizable is bound, the image is moved left, or even in the center like in the example I created below. <!DOCTYPE html> <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
UI Draggable chage a clone
Hi. I use a draggable plugin. It looks like this one: $(".element").draggable({ helper: 'clone', appendTo: 'body', connectToSortable: '.list1, .list2', revert: false }); I try to change a class from dragg-element after this one was dragged. The problem is, that it is a clone from my element, and can not call for it. If i use $(this)-construct, then will the original element changed. Can someone help me please.
Dialog automatically closes when opened.
Hello, I guess first I will tell you that as soon as I click the button that opens the dialog, it pops up for a second, submits a blank form to the db and then closes. Hopefully someone here can shed some light as to why it automatically closes on me before I get a chance to do anything. Here is some of the code. If you want more just let me know. $(document).ready(function() { $("#dialog").load('includes/ajaxInsert.php', function(response, status, xhr) { if (status == "error") {
Sortable with an iframe breaks in Firefox but not other browsers
The attached zip file is a working drag and drop demo that uses sortable and connected lists to allow boxes to be dragged around on the page. My <ul> lists contain <li> items. Within the <li> items are <div> items. In one case, within the <div> is an <iframe> that holds a picture. There is odd behavior, for Firefox only, when you drag a different box/div across the box/div that contains the <iframe>. I'm using a handle for clicking and dragging a box. The problem is this: while dragging within
uncaught exception: Syntax error, unrecognized expression: >
Hello, i've recently upgraded a project from jquery 1.2.x to 1.4.2 and jquery-ui 1.5 to 1.8. Now i have problems with tabs. The tabs aren't rendered, instead i get this error in Firebug: uncaught exception: Syntax error, unrecognized expression: > It is raised by the following line: $("#html-template-editor-module").prev("<ul>") .append("<li><a href='#foo'><span>Foo</span></a></li>") .append("<li><a href='#bar'><span>Bar</span></a></li>") .tabs(); Since there's no such expression in the
Modal dialog loses radio button value upon launch in IE6
Hello, I'm using jQuery 1.3.2 and jQuery UI 1.7.2 in IE6 and I'm currently experiencing a problem with modal dialogs. In a nutshell, I'm trying to launch a (confirmation) modal dialog when a radio button value in my main dialog is changed. The dialog itself launches fine; however, in the process, the changed radio button value in the main dialog is lost (i.e., it goes from checked prior to launching the confirm dialog to unchecked immediately after the dialog('open') call is made). If I change
DatePicker frustration
Hi, I find the way the DatePicker tries to navigate to a year before the full year has been entered really annoying. For example, if I start typing in 04/05/1995, the DatePicker will switch years to 2019 after I type in 04/05/19 ... very frustrating when I require the user to enter a full 4 digit year. I can't seem to find any way to prevent this. Is there something I'm missing? Thanks!
datePicker onSelect event
datePicker onSelect event is raised before selected data string is assigned to textbox. Is it by design?
datepicker dropdown effect how?
Hello there dear jquery ui community! I want the same dialog effect like in the datepicker widget of jquery ui: http://jqueryui.com/demos/datepicker/ everything the same just without the calender in it, any suggestions how to do that? : D
Dialog and Accordion failing in IE7/8
I am seeing a failure of the ui.dialog in IE7/8. With IE debugger turned on, it is saying that the "object doesn't support this property or method" when it runs the dialog.js (line 27) and "ui.dialog.overlay" is null or not an object (line 672). Then when it tries to run and set up/render my accordion, I get failures like "Object doesn't support this property or method" on ui.accordion.js (line 16 and 17). My dialog never does appear. And my accordion fails intermittently with its functionality.
Sortable inside Sortable?
The HTML (Think its too big to copy and paste?), is basically structured like so: There's a UL, with other ULs inside it, with more ULs, * infinity (theoretically). #listOne is a div that contains the ULs. There's another UL (#listTwo) that is one level deep. My goal is to have LIs in #listOne UL (all the ULs inside the Div), sortable between themselves as well as be able to drop items from #listTwo into any #listOne ULs. Essentially I'm trying to create a "tree" editor that you can drop and drop
[R] Problem With Jquery UI and accordion
Hello. First of all, I apologize for the automatic translation if it is poorly made. I have a little problem : I'm trying to use the accordion on my site. I tried using Firebug to solve the problem which must be a CSS problem without success, and that is why I am asking for your help. You can see the problem more precisely here: http://malossane.fr/usb-index.html As you can see, the header is not properly positioned, whereas the text is good positioned. Where is the problem? Thank you very much,
jQuery UI Accordion with effects
Is it possible to use the easing packages with a single jQuery UI Accordion? I see the 'bounceslide' under the animiated option but could it be used with like easing or others?
.focus() not working on accordionchange event
Hi all, hope this is the right place for this. So I have an accordion inside of a modal dialog, used for sign in, registration, etc. Accordion has two parts, a sign in panel, and a registration panel. On the user clicking the accordion and switching forms, say from sign in to registration, I am trying to .focus() on the first element in the form. Note that when the user launches the dialog, I am successfully able to set focus to the first element of the form, but as they switch panels I'd like
Space bar closes accordian
Hi Guys, Pretty new to jquery so any help here would be appreciated. I have a text input tag in my <a> that toggles the accordian. This input allows me to edit the title of the tab and is triggered by an edit/save span. When I chick edit the title of the accordian is entered in the input tag. The problem occurs when the user presses the space bar when editing the text. The accordian slides up and no space is entered in the input field. Is the space bar used as a trigger to close the tab? It is not
jQuery draggable / sortable
Hey I have a <input type="hidden" field on each <li> row on my lists. I cant get my those hidden fields to change from disabled-normal-disabled. How do i do that ? jQuery(document).ready(function() { jQuery(function() { jQuery("ul.droptrue").sortable( { connectWith: 'ul', update : function () { Query("ul.droptrue input[name^='posts_dragged']").attr("disabled",
How to specify the default button in UI dialog?
Hi, (I noticed that there is already a similar msg in the forum, going back to Feb 2010). I'd like to use the dialog but need to be able to specify the default button. For example, when I ask the user to confirm the deletion of a record, I need to show the buttons as 'Yes' followed by 'No' but with the 'No' button selected, so if the user presses Enter or Space, the No button will trigger. Cheers, Nick
Drag drop problem with Fixed position element.
Hi there, I have a table with droppable cells, and a fixed position div that sits over the top of the table (see pic below). What i'm trying to do is have a draggable div that gets picked up from the fixed position div and drop into any of the cells in the table. The problem is that the droppables are triggered when the draggable is still within the fixed position div. The screenshot below is taken while dragging the 'draggable div', you'll notice that the hoverclass (dashed border) is showing up
ajaxOptions is null problem
I am using jQuery 1.8 Tabs with jQuery 1.4.2 I have a menu system that on click causes "javascript:createTab('updtproviders.php','Update Providers ',0)" to call function createTab(page,page_name,pos) { $('#tabs').tabs("add",page,page_name); var tabIndex = $('#tabs').tabs('length'); $('#tabs').tabs("select",tabIndex-1); return false; } This correctly creates a new tab to the right of the first tab (created statically) with "Update Providers" as the title but hangs with "i.ajaxOptions
onslide value always 1 more than onstop/onchange value
I've even seen this logging output from the jquery slider demo, as implemented on the jQuery UI site. I'm sliding along, slide method firing dutifully, reporting the slider's current value to the log. 23, 22, 21,20. I lift up my mouse when I've reached 20, as that's my desired value. Uh oh! Stop and Change fire, and they both weigh in with a value of 19 (when descending, or 21 when ascending), resulting in an odd user experience. I could completely be doing something wrong, but as this is showing
tabs() : when ENTER is pressed in an <input>, jumps to another Tab
I have a search field within a third tab using the .tabs() UI. As I want, the <input> responds to person pressing on ENTER. (The alert "pressing enter worked' pops up.) However, it also jumps to the first tab. I don't know why? Thanks for any help in advance. Sushi HTML <input type="text" name="search" id="search" value="Search" onFocus=this.value=''></input> jQuery $('#search').bind('keyup', function (e) { var key = e.keyCode || e.which; if (key === 13) {
jquery UI various CSS files
I'm newer to jQuery UI and have downloaded the Blitzer theme for my company. Perhaps I am not finding the info in the file or online, but why are there several CSS files with the theme, and are they all needed? What does each one do? I'm trying to minimize HTTP requests for faster page loading. Thanks in advance. jquery-ui.css (commented out) jquery-ui-1.8.customBlitzer.css (currently using this one) ui.theme.css (commented out)
Datepicker propogates click events
I have a form (in a div) which I hide and show based on certain events. Showing is working fine. The problem is that I want to hide the dialog if the user clicks anywhere outside the dialog, but leave the dialog showing as long as they are working inside the dialog. The way I do this is that I capture the click in the div containing the form and prevent propogation up the dom. I then have a click handler on the <body> which hides the div containing the form. The idea was that as long as the
How-To: Imitate Flash-Styled Sliding Tab Menu
Hello All, I am a first-time user of jQuery, and am trying to find some example code on mimicking a specific menu style. The menu that I am trying to imitate is found here: http://www.wealthcentral.ca/ As you will note, it is made with Flash. I want to create this menu using jQuey (if possible). I've been looking online for a while, but have not come up with anything that is close to this effect. If anyone has any resources to point me in the right direction, I would greatly appreciate it. Thank
Autocomplete with multibyte characters(Korean)?
hi I'm trying to apply autocomplete to my rails application. datasource is remote and my data is in Korean. I set minLength to 2. it might not be accurate, but in firefox, it doesn't seem to send request properly. In other browsers(chrome, ie), they sent ajax request immediately as soon as 2 or more characters were typed while firefox didn't. It seems to sent the request after I typed space or alphabets. i wonder if it is a browser problem
2 separate Accordions on same web page
Has any one had issues with two separate accordions playing nicely on the same page?? I have two accordions on the web page that won't act "as advertised" when both are being displayed at the same time. Comment one accordion out, and the other one acts normally. Switch which one is commented and the original commented one plays just fine. I have one accordion in a "right" div and another one in a "left" div. Right and Left would be siblings with the parent being the <body> tag. Drove me crazy this
close option for dynamically added AJAX tab is not working
I am adding ajax tabs using add method (with close span). But $('.ui-icon-close').live('click', function() {}) doesn't seems to get triggered. <link type="text/css" href="js/jquery/jquery-ui-1.8.custom/css/ui-lightness/jquery-ui-1.8.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery/jquery-ui-1.8.custom/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery/jquery-ui-1.8.custom/js/jquery-ui-1.8.custom.min.js"></script> <style type="text/css">
Doc type support for jquery
Hi, When i am using the following doc type in my aspx page, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> The jquery is working fine(jquery for giving sliding effect to a div) But when i use <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">, the jquery is not working. Is there any specific doc type to be used with the jquery functions.Will the html 3.2 doc type support jquery? Pls help me Thanks, Priya
setData Error when updating progress bar value
I'm getting the following error when I try to update the value of a progress bar: Error: $.widget.prototype._setData is undefined Here is some test code that generated the error: <link type="text/css" href="ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="ui.core.js"></script> <script type="text/javascript" src="ui.tabs.js"></script> <script type="text/javascript" src="ui.dialog.js"></script> <script type="text/javascript" src="ui.progressbar.js"></script> <script type="text/javascript"
File format (i.e.) jquery.ui.theme.css
Hi, the (Dark Hive) file jquery.ui.theme.css i.e. seems to be generated under Linux, using 0A (hex) as the line feed. For Windows users, using 0D 0A (hex), it is a problem to read and modify an existing file. I know it is possible to create a custom theme, but often i prefer to change i.e. a color value for testing purpose. Maybe it could be a nice idea to offer all those files in an "easy to edit with text editor windows format". If i'm completly wrong give me a note.
Next Page