Get value of selected object
Hi guys..I'm new with Jquery and I'm trying one thing. I'm using a JQuery UI example like below: <script type="text/javascript"> $(function() { $("#selectable").selectable(); }); </script> <ol id="selectable"> <li class="ui-state-default" id="1">TEST</li> <li class="ui-state-default" id="2">TEST</li> <li class="ui-state-default" id="3">TEST</li> ... </ol> What I'm trying to do is to get the id of the selected object and add this ID to a variable so I can check
New to jQuery, can't seem to get theme to work
Hi, I'm new to jQuery. I've read the getting started page and followed the instructions to download my very own version of jQuery. I received a folder just like the one the website said I should. I've been able to get the scripts themselves working just fine on my website, but I can't get the theme to work. Even in my downloaded folder of goodness, the index page provided doesn't have any theme attached. Everything is plain black and blue text on white background, but the script are working - just
How do I select elements based on data attribute?
Hi there, It seems that selecting elements based on data has been added to jQuery ui core according to this http://dev.jqueryui.com/browser/trunk/ui/ui.core.js?rev=454 I am pretty new to jQuery so I am not sure what the sytanx would be for selecting all input checkboxes whose data element productID=1 for example? I tried a few combination but without success. Thanks in advance!
Jquery UI + Shadowbox = IE messy behaviour ...
Hi community, I'm having quite some trouble using UI inside a shadowbox. First, here's how I generated my shadowbox var options = { success: function(data) { var typeAdresseLivraison = $("input.destinationLivraison:checked").val(); $.ajax({ cache: false, url: "/actions/recupererModeleEntete?typeAdresseLivraison="+typeAdresseLivraison, success: function(reponseEntete){ data = reponseEntete +
How to addClass and removeClass with every item that gets dragged and dropped?
Hello guys, I would like to show a different background image every time I drop a draggable into the drop area. With this in place I can give the illusion that a bag is getting full. This is what I have so far: $basket.droppable({ drop: function(event, ui) { var $milkItem = $('#milk'); var $milkItem2 = $('#milk2'); var $milkItem3 = $('#milk3'); if ($milkItem.is('li#milk')){ $(this).removeClass('plain').addClass('plain2').end(); }else if ($milkItem2.is('#milk2')){ $(this).removeClass('plain2').addClass('plain3');
Change th return of Widgets in UI.
I know this idea is a bit far out, but I belive the syntax for working with widgets in Jquery UI is 'strange'.. $("#id").dialog({autoOpen:false}); to open this dialog now i have to do the call once more... $("#id").dialog('open'); i belive i would be better if we could do something like this.. var diag = $("#id").dialog({autoOpen:false}); diag.open(); What do you guys think...
Dialog hiding behind Flash objects
Hi there, I've got a page that I am designing which contains some Flash elements. I want to overlay a modal dialog on top of that to collect some information from users. This works fine in most browsers, however in IE6 the Flash appears above the modal layer and hides part of my dialog box. Does anyone have any suggestions how to resolve this? Thanks
UI Tabs - AJAX and Liveclicking problem
Hey, I've been trying to get UI Tabs 1.7.2 to work properly with AJAX. What I want is basically: a message system sort of thing. Along the top you have Compose, Inbox, Sent, etc Inside the Inbox tab I have an accordion list of messages. The Accordion works great... the problem is opening a link directly within the current tab. I can get it to open inside the tab fine... but going back to the Inbox is another matter... You can no longer click the active tab as the link doesn't work anymore and creating
Tabs data not loading into tabs area
Hi! I have a site that has ajax data loading into DIVs within tabs DIVs. It seems that on the tabs that contain only static data, the data/html loads perfect inside the tabbed area (the border line around tabbed content). But if I have data loading dynamically, all the data/html shows up below the tab border. However, clicking the different tabs does display and hide the correct DIVs. But it just doesn't load anything INSIDE the tabbed borders. Does that make any sense? It is kinda hard to explain.
I have to manually hook up ui-state-hover?
It seems like if I apply ui-state-default to a button that button should be "hoverable" without adding any javascript manually. All of the roll over stuff working on my calendar why does it not work by default on a simple <button> ? Surely I just have something wrong here...
What happened to the Button demo on the jQuery UI site.
Last week (or maybe the week before) there was a demo for buttons along with the other widgets on the jQuery website. That demo and the doc isn't there anymore. What happened? Is it still available?
Attaching datepicker to an icon for a hidden input field
I need to attach a datepicker to an icon so the datepicker will appear when the icon is clicked. Upon date selection, the selected date should be deposited into a hidden input field. How do I achieve this?
Cookies and Tabs not saving Content info
I am using the jquery-1.4.1, JQuery UI 1.8rc1 and jquery cookie plugin and trying to add tabs. The cookie creates fine and the info (Content: TAB ID) in the cookies changes as it should when clicking on different tabs. However when you hit reload in the browser the cookie Content: is reset to 0 where "I think" should be read from the cookie and load that TAB ID. This worked in Jquery 1.3 and UI 1.7. I have not found an update of the cookie plugin so I have attached the code at the bottom. If I am
ASP.NET Ajax slider vs JQuery UI slider
Has anybody else compared JQuery UI slider with the new ASP.NET Ajax slider ? They're very similar. I would very much like to hear what the community thinks. E.g. Are there certain situations in which one is better? I'd love to share my own experience. I recently completed a project to replace JQuery UI slider with ASP.NET Ajax slider and had good results. P.S. When the homepage of these forums loads, there are multiple JavaScript errors. Example below. As an Ajax developer community, I know
Tabs background colors
How can I set the tabs background colors? I have 3 tabs, I need the first one with the background in blue, the second in orange and the third in green. My code is like following: <div id="container-1"> <ul> <li><a href="#aba-1"><span>Personal</span></a></li> <li><a href="#aba-2"><span>Jobs</span></a></li> <li><a href="#aba-3"><span>Home</span></a></li> </ul> <div id="aba-1"> <p>First tab is active by default:</p> </div> <div id="aba-2"> Lorem
dialog buttons - passing button name
Hi, I am trying to get button name from the link "name' tag. The original button is: 'Save': function() { $('#linkForm').submit(); $(this).dialog('close'); } and I am trying something like this: $link.attr('name'): function() { $('#linkForm').submit(); $(this).dialog('close'); }, I am getting errors, how can I accomplish this?
UI Tabs "not well formed" and "junk after document element"
Using the library 1.3.2 and 1.7.2 (jQuery and jQuery UI respectively) I receive the above errors when retrieving an HTML pages content via a tab call. Even using the demo included, I receive this error: "junk after document element" and it points to the first line. It seems to be trying to retrieve it as an XML document. This is both on my custom version (which is really basic) and the demo (which is also pretty basic). The test is 100% reproducible. The list would be as follows: <li><a href="#tabs-1"><span>Home</span></a></li>
UI Drag/Drop: Removing items from original container when dropped into another container
Hello I am working on a complex user interface where users can draw meal tables and can drag/drop guests onto seats from the guests list, and also from one seat to another seat of the same table or another table etc etc. I want to remove the guest from guest list when it is dropped on some seat. Similarly, it should be removed from the original seat when it is dragged to some other seat. I am using droppable's drop event to place the guest and remove it from original container. Now the problem
Memory Leak with jQuery UI inside UpdatePanel in ie7
I have a fairly complex asp.net page based on UpdatePanels and jQuery UI. Unfortunately, when the panels update, the jQuery UI widgets leak memory like crazy in ie7, even if I manually 'destroy' them. Does anyone know a technique/patch to prevent these leaks? I've created a simple example page with a slider inside an UpdatePanel. Just click the 'Leak' button and refresh the page to see the leak in sieve. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Leak2.aspx.cs" Inherits="Leak2" %>
jQuery UI 1.8 Autocomplete - autocomplete is not a function
Using jQuery 1.4.1, jQuery UI 1.8a1. Following the documentation at: http://docs.jquery.com/UI/Autocomplete I am getting a javascript error: .autocomplete is not a function. Is this functionally not included in jQuery UI 1.8 even though the documentation says it is? I also went into my jQuery-ui.js file did a search for autocomplete, with no results found.
programmatically select a selectable?
Hi, Sorry, this question might be too obvious. How do I programmatically select a selectable? I don't seem to be able to find the appropriate method. I thought it would be something like: .tabs( 'select' , index ) // that works for tabs thanks in advance, Chuck
jQuery form dialog, submiting to coldfusion page, nothing happens :(
Hey all, my first post, yay! I have a jquery dialog window that pops up with a form: <!--- FORM STARTS HERE ---> <div id="dialog" title="Send Request Form"> <p id="validateTips">All form fields are required.</p> <div id="contact_form"> <form id="request" method="post" action="#CGI.SCRIPT_NAME#" enctype="multipart/form-data" class="yform columnar"> <fieldset> <label for="name">Name</label> <input type="text"
finding the target with sortable
I'm trying to use sortable for the first time. I want to move a list item from one unordered list to another, but I don't know how to get the *new* list id once the list item is moved. Here's how I've set up my sortable: $('ul.task_list').sortable({connectWith: $('ul.task_list'), update: resetList}); And my update callback is: var resetList = function(e,ui){ var task_id = $(e.target).attr('id'); var task_rails_id = task_id.match(/[0-9]+/); var list_id = $(e.target).parents('ul').attr('id');
Draggable/Resizable and ScrollBars
Hi everybody, I'm trying to make a div with overflow : scroll draggable and resizable. If everything is ok with IE, when I try to scroll my content pressing the scrollbar in FF or Chrome, drag feature activates and I can't really scroll my content. I'd like to use the "cancel" property for the scroll bar but I don't really know what value I could use because "scrollbar" doesn't work ... Any ideas ? Thx a lot :)
Problems with jqueryui-checkbox plugin on jquery-ui-1.8rc1
I'm trying to use this plugin ( http://www.openpave.org/~reg/jqueryui-checkbox.html ) on jquery-ui-1.8rc1 but it doesn't work. I am able to recreate the example working on jquery-ui-1.7.2 here http://jsbin.com/oriju3/8 . I tried to recreate it on jquery-ui-rc11.8 here http://jsbin.com/oriju3/6 but the plugin isn't working correctly. When I was trying it on localhost on jquery1.4.1 and jquery-ui-1.8rc1 firebug show me this error. Please somebody help me to make this plugin work on jquery-ui-1.8rc1
Datepicker overlap with IE6
Hi folks, I just finished installing jQuery 1.4.1 along with jQuery UI 1.7.2. After a few testing, I noticed that the datepicker is having hard time with combobox. See below : The datepicker is working pretty well.. but I get that annoying problem everytime there is a combobox or a textbox behind the datepicker layer. Yes I know IE6 is deprecated. I work for a huge federal government organisation, so it is out of my control. A migration to IE8 has been planned for May 2010. Does anyone here knows
Jquery ui sortable problems on complex page
Hi there, I have problems with jquery ui sortable plugin behavior on complex structure of nesting <ul>'s tags. It works, but in a really funky way. You need to move mouse around (or over existing items) of the area where are you going to drop sortable item. Otherwise you'll get no visible placeholder indicating that you can drop it. I believe it worked before when I had 3-4 <ul> without nesting, but since I've got to more complex structure, I started to experience problems with dragging of sortable
jQueryUI show()/hide() on click() does not work in Firefox 3.6 (Mac)
I use the following code to show/hide divs. It works just fine in Safari/Opera/Chrome. The page loads OK in Firefox (I get my show() effect), but if statement does not work in Firefox 3.6 for Mac. It seems that the jquery ":hidden" selector is busted? $(window).load(function(){ $(".page").hide(); $("#page1").show('slow'); //handle click $("a.nav").click(function() { var $source = $(event.target); var $myPage = $source.attr("href"); if($($myPage).is(":hidden")){ //Firefox
Can't Drag Outside of Parent, Even When "Containment" is Set to Document? - Updated with Demo of Anomaly
I have an element which I cannot drag outside of its parent, even though "containment" is set to "document:" $('.put_drop_down_here').draggable({ containment: 'document' });A demo of the anomaly is located at this link . How can I fix this? Thanks in advance to all for any info. Best, -Vik
JQuery UI and Cookies
I just started at JQUERY, i am currently using the JQUERY UI. I am currently using a method of sortable (http://jqueryui.com/demos/sortable/) The portlet style version. I am using the exact code thats in the demo. Now i am wondering how can i get the sort order to save? As it's kinda pointless to have a sortable menu but no way of saving it :) Please remember i am kinda new to JQUERY (but not new to coding) so an idiots guide would be sweet
Styling "visited" jQuery UI elements (specifically accordions)
Hi, We are using jQuery UI 1.7.2 in a simulation and are using accordions in a simulated email client. The accordions appear in the colorbox lightbox/ modal. We want the style of the accordions to change once a user has opened it and were hoping to accomplish this with the :visited pseudo-class. But, it appears that by default all the accordions get the :visited pseudo-class styling applied to them whether they have been opened or not. Any insight into why this is and how it may be remedied? Many
Datepicker problem when I call datepicker() on a div
When I call datepicker() on a div an I try to localize the calendar it doesn't show the corresponding language until I click in some option of the datepicker. The first time it doesn't work but the next times it does. $.datepicker.setDefaults($.datepicker.regional['es']); $("#calendarDiv").datepicker({ changeMonth: true, changeYear: true, showOtherMonths: true, showButtonPanel: true, dateFormat: 'yy-mm-dd', minDate: '-5y',
Downloaded custom with redmond UI, but date-picker is showing as bland...
Not showing the correct theme. I have the following: <link href="/javascript/jquery-ui/css/redmond/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" /> <script src="/javascript/jquery-ui/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script> Under the redmond directory is the images folder. I created my datePicker... div class="ui-datepicker" id="potddate" name="potddate"></div> And then call the code... $(function() $("#potddate").datepicker(); }); But it's not coming
Calendar year problem
Hello all, I am getting problem with popup calendar I am using it to get birth-date, and so when i set the minimum year to a negative value (-60:-16) and then i click on any date, without changing the year, it returns the current year (i.e. 2010) instead of the selected year (i.e. 1950 by default) Please help me correct this Thanx
Small Problem Serializing Sortables
Hey Guys, I am having a problem with my sortable list system. It is a little bit on the unconventional side because I am am trying to allow a user to sort lists but I don’t want them to be able to carry an element from one sub list to another. Everything is working great for me as far as drag and drop goes in all the major browsers as far as the sorting goes. The problem comes when I attempt to serialize my list. It attempts to serialize but it leaves out the item that was just moved when the
DotNet JQuery : a JQuery framework for .Net developpers
Hello All I'm working on a project to provide a .Net framework that implement asp.Net webcontrols for all JQueryUI widgets and some 3rd party UI plugins, it also provide ASP.Net advanced ajax extenders, and transparent way to call server side code (C#, J# ...etc) from client side using JSON-RPC protocol. All implemented webcontrols are WYSIWYG and are editable with VisualStudio designer. I just released a beta version and I'm waiting for the next JQueryUI stable release (1.8) to release a new beta
Tabs Ui and AJAX problem - linking from another page / menu
Before moving the content of my tabs over to ajax, I was able to pass an identifier at the end of a url to select the tab directly from a link on another page or in my drop down menu. As below: <a href="http:www.site-name.co.ck./the-page.html#Div-ID">Some Link</a> This was simple and worked very well. How do I now get the same result now that the tab content is loaded by ajax Thanks in advance if you can solve this one for me
how to disable a datepicker by checking the text field disabled value
jQuery(function() { $('input').filter('.datepick').datepicker({ }); }); <input type=="text" class="datepick" id="dateOfBirthFrom" disabled="true"/> <input type=="text" class="datepick" id="dateOfBirthTo"/> what i wan to do is when id="dateOfBirthFrom", will not pop up datepicker.
Accordion and ASP.NET Dynamic Data
Below is a code snippet of a simple aspx page containing my accordion. When this page is displayed in the browser the link is active only for the first row in the table. I believe the problem is a need to create unique href attributes for the h3 tag as each row is created in the table by the Dynamic Data framework. Anyone seen this behavior and if so is a unique href link the solution? Thanks <asp:Content ID="Content1" ContentPlaceHolderID="Main" runat="server"> <script type="text/javascript">
What happened to http://jqueryui.com/latest/ui/ui.accordion.js??
Hi, I've been using these links successfully: <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script> <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script> <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.accordion.js"></script> ..for a few weeks now and all of a sudden they seem to have disappeared? Has anyone else experienced this? should I be using those links? I would normally link the files directly on the
Next Page