Problem using multiple datePicker instances and renaming fields
I'm using a jQuery plugin dynamic form that allows me to add and remove fields to the form dynamically I have a group of fields. One of these fields is a jQueryUI datePicker. When I clone the group, its fields are renamed so when I post I receive all field groups as arrays ======== How can I make all the datePicker fields to work and not loose instance when the field names are renamed? How can I assure that every field keeps its instance so I don't get ======== inst is undefined uncaught exception:
Autocomplete change event
I'm using the following code to register a handler on change events to all input and textareas on my form. There are many input and textarea elements, so I want to catch change events from all of them in one go, rather than addressing each individually. I need the id and value of each element on change. $("input, textarea").change(function() { var id = $$(this).attr('id'); var value = $$(this).val(); // ... });A number of inputs on the page are Autocomplete, and the above code doesn't
draggable + sortable bug?
i used this as exemple from the jquery ui example and the connectToSortable When I drag an item to a list from the #draggable list to one of the .sortable list I want to edit the li item. ui.item refers to the li in the #draggable list I need ui.helper to edit the li item, but with console.log(ui) helper seems to be null I can not refer to the new li item in one of the .sortable list and edit it ? is this a bug or how can i refer to the li when its dragged into a .sortable list? ------------ <script>
JQuery Validate and datepicker format issue
Hi, I recently migrated my ASP.NET MVC 2 webapp to MVC 3. Within this migration I also switched from MicrosoftMVCValidation to jquery.validate. Scott Guthrie recently presented a library for globalization in jquery on his blog. (http://weblogs.asp.net/scottgu/archive/2010/06/10/jquery-globalization-plugin-from-microsoft.aspx) I integrated the globalization plugin and also used the datepicker. When I now open up a page, having jquery.validate and also the datepicker from the globalization package
JQuery Memory Leak
Hi JQuery, First of all thank you for the JQuery libraries and big range of UI components. I am using following libraries 1. jquery-1.4.2.min.js 2. jquery-ui-1.8.1.custom.min.js 3. jquery.ui.core.js I have generated a JQuery page which has 1. Date Navigator – Made singleton. 2. Accordion 3. Planner – Custom UI Widget 4. Magnets - Custom UI Widget 5. Context Menu widget The page is generated dynamically and communicating with backend using GWT
getting a "wobble" effect on a draggable element. perhaps caused by event delay?
I've been rewriting a simple image manipulation interface. I've put it up here: http://subcog.net/croptool3/layer_test_jquery.html I have a slider on the left (slide the blue box up and down), and you can drag the highlighted part of the image. However, you'll notice that there's a ton of "wobble" when you drag the highlighted part. The effect is achieved using 3 layers: A base layer is the image itself. On top of that I have a semi-transparent black layer, to give it a darked-out look. Finally
Wrong UI Theme Download
If I download redmond/start theme from the http://jqueryui.com/themeroller, the theme is same as UI lightness and not as expected.Also the jquery1.4.3.js file is missing from the bundle.
JQuery Auto Complete question
I have implemented jquery autocomplete successfully in my asp.net application with WebService. I am also on dom ready binding hyperlink click event with popup window without querystring as follows $(".cmpID").unbind("click").bind("click", function () { window.showModalDialog("company.aspx?m=E&id=" + ui.item.id, "Company", "dialogWidth:525px;location:no;status:no;dialogHeight:380px;resizable:no;scroll:no;modal=yes"); return false; }); and on select event of autocomplete
jQueryUI dialog closes immediately
I'm using jQuery 1.4.2 and UI 1.8.4 and having an issue with the dialog widget where it immediately closes itself as soon as it finishes opening. This occurs on both IE and FF. I've got my code sample at http://pastebin.com/KnSETLrD The content of the DIV doesn't seem to matter, I've replaced it with just "testing" and it still does the same thing. The page doesn't appear to be posting back after the dialog opens, either...just closing the dialog. Any ideas?
Only icons in tabs, no text
Hello, I would like to have only icons in my tabs? How would I achieve this? It seems that letting the <a> element empty will create wrongly sized tabs. Thanks, Phil
Droppable img without closing tag
Hi, http://mytube.blogial.net/ I set up the drag and drop adding a class (dragme) to the img than I get rid of the class and append all the box to the droppable div it works finel but the img tag isn't closed properly like <img alt=""NORA: Practice Makes Purr-fect" - Check the sequel too." title=""NORA: Practice Makes Purr-fect" - Check the sequel too." src="http://i.ytimg.com/vi/TZ860P4iTaM/2.jpg"> Could you help me, please ? Bye.
autocomplete escape html tag in version 1.8.3
Hi, I'm using the google jquery ui files 1.8.3 and since last week the suggestions doesn't seems to accept anymore html tag as it was doing with 1.8.2 ex: ["<b>dell</b> ordinateur","<b>dell</b> computer","<b>dell</b> ordi"] Thanks marc
Selectmenu val() in IE8
There's always a strong chance that I'm approaching this incorrectly. I have a selectmenu which I'm trying to retrieve the current selected value from, and it is giving me the ole "Object doesn't support this property or method" in IE8. This works correctly in all other browsers I've tried (moz and webkit based). 1.) Is there a better select menu plugin I could be using? 2.) Is there a more proper way to accomplish this? The select menu contains a list of domains, so the line of code looks like
[Tabs] css on the fly with Ajax content
I am using tabs to display content which I get with an Ajax request. After the request I would like to apply some css rules (coloring div rows, even and odd). It does not seem to do this cause this is 'live' data and the rule does not get applied. Any ideas on how to do this?
datepicker bug duplicating year
I tried this $("#datepicker" ).datepicker({ dateFormat: 'yyyy-mm-dd' }); but my dates look like this 20102010-10-16 Any solution?
Why this simple transfer effect doesn't work?
the body html code: <div style="background:yellow;width:500px;height:300px;"> <div id="div1" style="background:red; width:100px;height:100px; float:left;"></div> <div id="div2" style="background:blue; width:50px;height:50px; float:right;"></div> </div>then the js code: $(function () { $("#div1").click(function () { $(this).effect("transfer", { to: $("#div2") }, 1000); //$(this).effect("shake", { times: 2 }, 200); });
datepicker position in wrapper
Hi I need to be able to position the datepicker inside my wrapper class because i'm positioning the datepicker absolute. Is there any way to do that?
jQuery UI and RubyMine code inspector errors
I am developing a Ruby on Rails (2.3.9) application on my Windows XP machine with RubyMine 2.0.2. I use HAML/SASS for the views...and want to incorporate jQuery and jQuery UI for some rich content. jQuery UI wants to work with a theme that uses a lot of background images (dropped into Rails /images folder). After I add 'jquery-ui-1.8.6.custom.css' (from the default download) to my stylesheets, then look at that CSS file with RubyMine, the code inspector indicates a lot of red errors...which makes
Jquery-ui-tabs - After switching to new tab and scrolling to element, div immediately scrolls back to top.
Hello all, First of all thank you for taking the time to read my question. Here's a description of what I'm trying to accomplish, and the issue I'm presently facing - I have some HTML which looks as follows - <div id="wrapper"> <div id="opportunities"> <input type="text" id="txtSearch" /> <ul> <li><a class="tab" href="#IHIPOpportunities">In Hand In Proccess Opportunities</a></li> <li><a class="tab" href="#PendingOpportunities">Pending Opportunities</a></li>
Using JQuery UI Dialog
Hi all I am using the JQuery UI Dialog in my application and it works fine in IE, but for some reason in FireFox when the dialog opens it does not open to the size that I specify, it opens tall and narrow. I have attached a screen shots. One is the dialog open in Internet Explorer and the other is Fire Fox, the code is the same, but they open up differently, I am not sure why. Here is my script: $(document).ready(function () { $("#videoPlayer").dialog({ autoOpen: false, modal: true, show:
How do you create a resizable and resize it in one go? (programmatically starting the resize)
Hi, I am trying to create a resizable div at the mouse position and resize it immediately to its desired size. My failed attempt so far: http://jsfiddle.net/YKnfR/1/ Any ideas on how to achieve this behaviour? Cheers, Erik.
Dialog and main frame scrollbar
Hi there! Info : Jquery-UI 1.8.4 (Tested and same effect on 1.8.6). I got a page with nothing too fancy, a table to locate areas and some forms. Something like: A header on top, a menu, and then a toolbar (understand a <td> with buttons inside) and an image on the right: Header Menu Toolbar Image This contained exactly is the user screen (no scrollbars). I needed to use a modal dialog so I used the code to the bottom of this post. My problem is that when the page is rendered even before I open the
Problem in IE
Dear all, I am not sure this is the correct place for me to post this issue or not. Please rename the following attachment to .html so that you can try out the example. When i drag the divider (element) it will resize the left and right content size (*all size and position left is in %). But when i drag the outer element in IE until certain width (lets say less than 10%), inner divider would not move accordingly in IE. Hope that I can get help here. Thanks in advance.
Changing background colour to image on TABS buttons
Hi, I am trying to create a background image on my tabs buttons, however it does not seem to work. Using the original code with background colour #FFC, and I have changed it to background: white url(shade.gif) top left repeat-x; instead, the background became white. May I know did I perform something wrongly? Thank you /*Original Code */ .ui-tabs-selected a { color: #000; background: #FFC; position: relative; top: 1px; } /*My code*/ .ui-tabs-selected a { color: #000; background:
Downloading a custom theme is not working?
Hello, I tried to create my first custom them using Jquery UI Themeroller at http://jqueryui.com/themeroller/ I started editing the theme which was loaded by default and clicked download theme button. It took me to page with option to select/deselect components. When I test this theme at my local just get the original default theme instead of the custom theme I made. Any ideas how to get it working? I tried 3-4 but couldn't working. Luckily this time I saved the URI before I clicked download theme.
Chaining datepickers
I've got a number of datepickers (dynamically added by php), with ids such as from_1, to_1, from_2, to_2, from_3, to_3, etc. I've managed to use the event search example to work with 2. As per ui example: var dates = $('#form_1,#to_1').datepicker({ (....other options...) onSelect: function( selectedDate ) { var option = this.id == "from_1" ? "minDate" : "maxDate", instance = $( this ).data( "datepicker" ); date = $.datepicker.parseDate( instance.settings.dateFormat
datetime picker - can not be initiated on "image.click" event ?
Hello.. I just downloaded UI and it workes. When I click to a textbox, calendar appears. I have to click twice, but it works. Now I want to have an icon next to the textbox and initiate calendar when the icon is clicked. This seems to be impossible. Can anyone help please? I do it like this: <input type="text" id="datetimetextbox"/> <img src="dateIcon.png" alt="btn" id="mybutton"/> <script> $("#mybutton").click(function(){ $( "#datetimetextbox" ).datetimepicker(); }) </script>
Combobox within html form tags
I need quick help with the combo box, the script i am using below works perfectly fine until i put the combobox within form tags the autocomplete works fine but the dropdown list automatically submits the form once clicked??? <form> <label>Town: </label> <select id="town" name="town"> <option value="">Select one...</option> <?php $fetch = mysql_query("SELECT DISTINCT Town FROM properties"); while ($row = mysql_fetch_array($fetch, MYSQL_ASSOC)) { $townnames = $row['Town']; echo "<option value=\"$townnames\">$townnames</option>";
dialog not centered horizontally in chrome with v1.8.6
To reproduce <div id="popupcontainer"> Test stuff </div> and $("#popupcontainer").dialog(); The dialog is shown centered vertically, but not horizontally (appears on the left) in Chrome 7.0.517.44. Works fine in IE and FF.
Conflicts Between Two Widgets
I have a page that contains two JQuery widgets, Accordian and Dialog. The Accordian was put in by a previous developer. I am adding the Dialog widget but noticed that if I set the .ui-widget-content style it affects the Accordian widget. Our stylesheet has no setting for .ui-widget-content but uses other styles to change how it looks. I can remove the style from the stylesheet for .ui-widget-content but then I lose the background color for the dialog. How can I set the .ui-widget-content style and
Dropdown navigation, stay rollovered
Hello! I am new at jQuery! I am using a simple dropdown navigation script, [ http://fridaycode.net/demos/simple-drop-down-menu-with-css-and-jquery/ ] but as you see, when you rollover the sub links, the mother link "rollover" is dissapearing. See the attachment files for better understanding ;D ... so, is it possible to hold the hover state of the mother link when the mouse is going down for the submenus ?
dialog close button only appears on hover
I'm using version 1.8.6, with the "Lightness" theme, which I have not modified. I put a dialog on the page, and the close button ("X" in the upper right hand corner, in the title bar) does not show up. If I hover over the spot where it should be, I get a white square, which does close the dialog when I click it. The dialog is displaying exactly as desired otherwise. Is there something I need to do to have this always show up? Or am I not using the dialog correctly? Below is the code I'm using to
autocomplete
hello there , sorry for my poor english. I want to add a small function to autocomplete.js. When i mouse over one of the "suggestion" , I want to extract the "keyword" (let's say the text) how can i do? i have tried to add the .mouseover() but i cann't get the text value...when use .val()
DatePicker - Just Display Date Range
Hi Guys, I am trying to use Datepicker to just display a range of dates and I have pretty much got it sorted. My only problem is that people are still able to click the dates and change the css style so it ruins the range I am displaying to user. Here is what I have so far, it stops the calendar from closing and marks out the dates I need, I just can't disable people from being able to click the dates and altering the CSS styles: $(function(){ $('input').checkBox(); $('#datepickerInput').datepicker({
Toggle/Animate breaks <a href=''> linking?
Greetings, I've already spent two nights on trying to solve this very annoying issue, so I'd really appreciate if anybody could give me a hand as fast as possible. SITUATION DESCRIPTION: I've created a menu that is animated by two jQuery scripts (also written by me). One script animates the <ul> listing of menu items, and the second one animates whole menu blocks - a block (header and <ul> listings)r is risen up after clicking its header. PROBLEM DESCRIPTION: After applying those two scripts on the
Setting tabs via variable
I found it weird .. $('#tabs').tabs("option","selected",1); // works but this one fail : var i=$("#currtab").val(); $('#tabs').tabs("option","selected",i); Please advise
jQuery slider not updating unless button is clicked twice
I am using a jQuery UI slider, pulling values from an XML file and updating the slider. For some reason, the slider only updates if I click the necessary button twice. I threw an alert right before the function to update the sliders is called - the values are there, but the slider simply won't update the first time. Calling the function multiple times doesn't change anything. ... document.getElementById("vidToEdit").innerHTML = file; document.getElementById("startTimeInput").value = sequenceStartTime[file];
Dubsar Dictionary Project
The open-source Dubsar Dictionary Project uses Ruby on Rails®, PostgreSQL, jQuery and jQuery UI to provide a simple yet dynamic interface to the Princeton University WordNet® data set, containing more than 150,000 English words and proper nouns. Users can browse or search using PostgreSQL wild cards and view word inflections, definitions and synonyms. A draggable custom tooltip displays extensive metadata for each listed word sense, including lexical classifications, syntactic adjective markers,
jquery ui slider step
JQuery UI version 1.8.6 -------------------------------- I'm trying to understand step option. I thought I could configure something like min: 1, max: 7, step: 2 to get a slider with allowed values 1, 3, 5, 7. From the documentation I understood step requirement was (max-min) MOD step == 0 (no remainder on division) and those values where correct. But in that example what I get is a slider with a gui with min 1 and max 7 that starts with value 1, but when you slide next value is 2, next 4, and you
IE 8.0 shows jQueryUI Tabs with small defect
I've noticed a small defect of jQueryUI Tabs in IE 8.0. If any tab except first is selected, there is no thin background colored line between inactive tabs and palette of active tab. If first tab is selected this line is displayed. Here is a simple code I reproduce this small shortcoming with: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <!-- jQuery --> <script type="text/javascript" src="jquery-1.4.2.js"></script> <!--
Next Page