Page + Mouse loading animation
I have a webpage that calls a PHP script through AJAX, and the PHP script loops infinitely until it detects a change in the database, polling every second. The front page that uses the AJAX call shows the page forever loading because the PHP script in the background is always running, is there any way to stop the loading / "Waiting for localhost..." from appearing? It's really annoying.
Draggable div
Hi, I am new in jQuery and I am using function draggable, it works fine but tell me please how i can make some "limit" ? I would drag the div only in other ("higher") div...I thought to use .position, but it depends on resolution... I am so sorry, it is probbably easy, but i can't do it on myself...
Trouble grabbing class name from selected jQuery UI Menu item
I'm using the new Menu widget introduced in jQuery UI 1.9 Milestone 2 (http://blog.jqueryui.com/2010/06/jquery-ui-19m2-menu/). In my code below, I'm attempting to have the class name of a specified <div> replaced with the class name of the selected menu item. For example: <div id="box"></div> <div id="selectMenu"> <button>Item 1</button> <ul> <li class="red"><a href="#">Item 1</a></li> <li class="blue"><a href="#">Item 2</a></li> <li class="yellow"><a
UI modal Dialog overlay is not transparent in IE 8
When a modal UI Dialog is shown the overlay is not transparent so only the dialog is visible in IE 8. This also happens in http://jqueryui.com/demos/dialog/#modal-message so this issue is very easy to repeat! Also a horizontal scrollbar appears when the dialog is shown. In Firefox it's no problem. What wrong? Ron
Datepicker return focus to next input element?
We have a form that is dynamically created based on a query to the database, one of the fields is a date field that we are using the datePicker to populate. The problem is that I need the datePicker to move to the next text input field after selection, currently it throws the tabIndex into never never land and starts back at the beginning. The hiccup is that I don't always know the next text elements ID so I need to walk the DOM to get it. I've tried using onSelect this.focus and same with onclose
Access Form Content in tab that was submitted to Parent page
Hi Everyone, I have a page that until recently worked as follows: 1. Load product information and display basket options 2. Basket options section, allowed user to specify QTY or apply a template (selecting preset qty for various branches) 3. Upon choosing a template, form submits to itself and loads the relevant template based on the form value passed in. For various reasons (namely page load speed), I now implement the basket section as a separate page, but within a jquery tab on the existing
UI Dialog with JQuery 1.5 only opens once
Is it just me or does the UI Dialog only open once when using jQuery 1.5. It was working fine with jQuery 1.4.2 (UI Version is 1.8.6 though I did try with 1.8.9 and got the same result). Again it could be something I am doing (most likely) but code is: In $(document).ready function printWindow.dialog({ height: 470, width: 400, modal: false, autoOpen: false, autoResize: true, title: 'Print Options', hide: "explode" }); Then to show the dialog (from a button
Multiple links to $().dialog
Hi I'm new to jquery and I'd like some guidance please. I have a web page which has some dynamic elements displayed from a database table. The number of elements can vary depending on the contents of the table. Each element has a link to bring up a dialog with 3 options. eg: <DIV id="1">content<link to dialog></DIV> <DIV id="2">content<link to dialog></DIV> ... <DIV id="n">content<link to dialog></DIV> Each link calls the same dialog, with the same options, but the option selected only applies to
find tab index
is it possible to find the index of a tab based on the value of its label? if so, could anyone post an example please?
Button - User Icon inside the a element automaticaly
I have the following html throughout my site: <a href="#devices/edit/<?php echo $site['Device']['id'] ?>" class="user" title="Edit this device"><span class="ui-icon ui-icon-pencil"></span>Edit</a> Seems odd that in the jQuery UI that it wouldn't be considered that people might want to do this. To me this is semantical better as it requires less work.. Is there a way to get the $('a','#main').button(); to use the icon within the elem tags automatically? Really don't want to have to be using {icon:'ui-icon-pencil'}
After dialog closed postback happens
hi all, from a.aspx im calling b.aspx as a dialog using below code $('a[id*="anc1"]').click(function () { var closestTR = $(this).closest('tr'); var a= closestTR.find('input:hidden[id$=a]').val(); var b= closestTR.find('input:hidden[id$=b]').val(); var c= closestTR.find('input:hidden[id$=c]').val(); $.fx.speeds._default = 500; $("#modalIframeComments").attr("src", "../b.aspx?&a=" + a+ "&b=" + b+ "&c=" + c); $("#divComments").dialog({
using Jquery Plugins-Border-Radius CSS
Am using Jquery plugins in my project , and one of its CSS class in ui.theme.css has Border-radius for getting the Rounded Corners . but currently its working in Firefox. How do i get it to work in IE as well. My manager is so strict on this. Please let me know if there is any latest version of plugins that has this issue Fixed.
Is is possible to change the background color of a draggable once it has been dropped ?
http://lifemayhem.com/ui/ I got this small project im working on. Everything is working great. Im trying to add a function where once the draggable element as been dragged and drop into the calendar, its background color changes. Is is it possible ? I try to mess with the stop event but..... Thanks in advanced.
Problem with draggable() in jqueryui
Hi ! I have a problem when I try to make an element draggable. All is fine until I try to scroll when I'm dragging an element. The element can go out of the container and do a lot of strange things. I'd like to know if this problem can be fixed or if it's impossible to do something ? Thank you in advance for your response.
Autocomplete - get list of filtered results
Is there a way to 'fetch' the results of a filtered list? eg. list contains cat, catalog, catalogue, catalogues If I type in catalog, the list should just show the last three items. Is there some clean programmatic way to fetch the results of the filter, short of using the filter as a regex on the source list (in a hidden variable in my case). [So, I still don't know how to get this done, but the regex method works good enough for the moment - maybe I haven't come across a rainy day test case yet...]
Loading Ajax content on another place?
Hi there, Using the JQuery UI Ajax Tabs, how can I load external content on another place on the page? Thanks in advance
Resizable and draggable box, scrolling problem in the container
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery UI Draggable - Handles</title> <link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css"> <script src="http://jqueryui.com/jquery-1.4.4.js"></script> <script src="http://jqueryui.com/ui/jquery.ui.core.js"></script> <script src="http://jqueryui.com/ui/jquery.ui.widget.js"></script> <script src="http://jqueryui.com/ui/jquery.ui.mouse.js"></script> <script src="http://jqueryui.com/ui/jquery.ui.draggable.js"></script>
SwitchClass
Thanks for taking the time to read my question. I'm here(http://jqueryui.com/demos/switchClass/#option-duration) and trying to figure out how to use this. I have the following code already in my page for a dialog box which I just got working. $(document).ready(function(){ $("#LIDlink").click(function(){ $("#dialogContent").dialog({width: 360 }, {height: 240 }, { modal: true, overlay: { opacity: 0.5, background: "black" }, buttons:{"Cancel": function(){$(this).dialog('close').dialog('destroy');}}
Official example "Shoping Cart" is not worked with .draggable option "connectToSortable"!
I found that Official example "Shoping Cart" not firing using connectToSortable option. My code present here: <html> <head> <title></title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.js"></script> </head> <body> <style type="text/css"> h1 { padding: .2em; margin: 0; }
A Div containing a sortable .. how NOT to scroll the container?
I've a DIV with a UL / LI structure inside it. The div is used to force a fixed width for the sortable ( the UI /LI ). But when i drag an item and i move too much on the right, into the DIV appears a orizzontal scroll bar. Is there a better way to constraint the width of a sortable? or ... the other way ... how to force the div to NOT show the scrollbar and to force the dragger item to remain INTO the parent?
using jQuery UI and/or JQuery Mobile
Hello, I need to decide on UI library or libraries to use for a project that will have a website accessible from desktop browsers as well as mobile. Should I use jQuery UI, JQuery Mobile or a combination of the two? Is there any documentation on using both? thank you.
Why are radio buttons lining up vertically in dialog?
I have a dialog that is: <form> <div>radio button1 radio button2 radio button3 </div> </form> ...and the radio buttons line up vertically instead of horizontally. What am I missing? TIA
jquery UI Slider problems
I have an older app that I wrote using jquery 1.2.6 and jquery ui 1.5.3. It's simply a slider bar that that you can click on and slide 210 px to the right. It works perfectly. I needed to upgrade to jquery 1.3.2, and the code broke, even though the slider code was still correct according to the API documentation. Thinking it was then my UI that was out of date, I updated to 1.7.2. It wouldn't work at all. On top of that, I tried to rebuild it from scratch, and I even copied and pasted the DEMO,
UI Tabs- Internet Explorer Crushes Form Dropdown Box!
This is driving me crazy. The search form is only crushed in IE! Page Link
Why happen this with buttons
Hi every: I'm trying to use Buttons Widget following every as docs said but I'm getting problems when it's showed. The HTML is as follow: <div class="buttons"> <button onclick="$('#form').submit();"><?php echo $button_save; ?></button> <button onclick="location = '<?php echo $cancel; ?>';"><?php echo $button_cancel; ?></button </div>And the jQuery code is this: $(".buttons button:first").button({ icons: { primary: "ui-icon-check" } }).next().button({ icons:
UI slider stop callback not firing
Hi, I have an issue I can't figure out for the life of me, the stop, slide or change callback functions are not firing for some reason... I think my code is correct, I really don't know what's going on... Here is the page where I use the slider : http://bit.ly/fX5Bck And here is the specific code I use : $("#unlock-slider").slider({ handle: "#unlock-handle", animate:true, slide: function(e,ui) { $("#iPhoneForm
Progressbar always has Height of Zero
Hi There, wanna give jQuery UI Progressbar a try and simply paste the sample code to my project. jQuery and the Full UI-Package are included. It seems to work, but the ProgressBar always get's a height of zero - so nothing's visible. Any Idea, what went wrong here? I'm using this demo code: http://jqueryui.com/demos/progressbar/#default Thanks for your support Chris
Jquery UI datepicker
How do i make sure someone picks a date before the form submits I tried java script on the input name but it does not work... I cannot find anything on google either. any help would be greatly appreciated.
Jquery UI-Datepicker - today button?
hi all, when i click on today button in jquery date picker control today date should be the value for the date text field. How do that? Advance thanks...
Sortable problem on chrome browser
Using Sortable on a table in a chrome browser gives a weird behaviour. Dragging a row around the table makes a gap appear between the top row and the table header. dragging the lowest row outside the table makes a gap between the rows. i've been looking for a solution all over but none found. is there any here? thanx, Thomas EDIT: further inquiring showed me that it has something to do with chrome behaviour with calculating heights of elements. anyone?
Unexpected dragging after scroll
Hi all, I am trying to make use of a draggable div which has a vertically scrollable (overfolw: auto) content. If I click anywhere on the scrollbar surface and then release the mouse button, the window will automatically enter the dragging mode Can you, please, suggest a workaround? I am using the Chrome 9.0 browser.
Jquery ui drag and drop problem : drag sometimes lock in place instead of connecting
Hi, I have some problem with my drag and drop page. these are my first steps with jquery. see it here: http://lifemayhem.com/ui/ If you drag some items at the bottom of the page into the custom calendar, the object will lock in place while being dragged, and will not necessarly lock into a specific timeframe on the agenda. MY jquery ui code is the following: $(function() { $( ".box2" ).disableSelection(); $( ".box2" ).sortable({ tolerance: 'fit' }); $( ".box2" ).sortable({ connectWith: '.drag'
problem with animations and a lot of stop() calls
Hi, here is what I'm trying to do: I have a few div's with prices in them, and a slider with fixed minimum where I can set the maximum price. With that I can filter the divs, so only the div's with prices in the slider range will be displayed. Without animation it would be no problem, just hide() and show(), but I'm trying to do it smooth. vehicles[0] = { id: 1, price: 100 }; vehicles[1] = { id: 2, price: 250 }; vehicles[2] = { id: 3, price: 700 }; vehicles[3] = { id: 4, price: 300 }; ... slide:
jquery ui autocomplete - restrict to the results
Hi How to restrict the input fields to the results that olny return form db or a variable. ex. When i write sth to the input filds and it havent any result I can't fill the input with it. There can be only the words that are exacly the sam as the method form db returned.
Drag & Drop question
Hi all, I'm new in this forum I learned jquery from 2 week and i'm fairly inexperienced. My site is build with asp.net mvc and use jquery 1.4.1 this is the code ... <% foreach (var item in Model.Amici) {%> <div id="amico_<%= item.Id %>" idAmico="<%= item.Id %>"> <%= item.Name %> </div> <% } %> .... <script> $(function() { $("div[id^='amico_']").draggable({ revert: "valid" }); $("#droppable").droppable({ activeClass: "ui-state-hover", hoverClass:
Draggable misses targets after scroll
Hi, On my page I have a bunch of draggable elements and a bunch of targets. The part where it's a little tricky is the fact that the droppable elements (targets) are within a div that scrolls along with the page. What seems to happen is this: when you start dragging an element and never make the page scroll and drag to one of the targets, it works fine. On the other hand, if you start dragging an element and the page has to scroll (auto-scroll) which means in turn the floating menu with targets
How to make the datepicker move X numbers of months (not selecting a date)
I have two datepickers that allow users to pick a begin and end date. When someone chooses a begin date that is past and end date or an end date that is before a begin date, the field that is no longer valid becomes null. What I want to have happen is that the datepicker (the one that was set to null) would default to the month that the other datepicker is in. Is there anyway to simply move a calendar forward or backward a number of months without setting a selected date (setDate)? Just an example
Using autocomplete with dinamical created form
I have some problem with using autocomplete. I have form which describe company. The user insert information about this company into database. But different comanies have different amount of owners. I create some function to give user posibility to add multiple owners via dinamical adding row into table. But autocomplete with new fields doesn't work $(document).ready(function() { .............................. function addOwnerRow() { var count=$("#tbody > tr");
jQuery UI download
Tried download jquery ui the updated on two different machines and 4 different browsers and keep getting that it cant open an uncompressed file
setting input text from UI Slider
Hi there, I am trying to display the values from a slider as I change it. I can only get the text to init properly, but not update upon changing the value with the mouse. Could someone please suggest a solution? Thanks. <!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>
Next Page