jquery progress bar
Hi, For one of the web site that I am working on, I need to show a progress bar while some web service calls are in progress. Obviously while the web service call is in progress, the javascript does not have any idea how much percent of the call completed and cannot precisely predict the total waiting time. I would rather not go outside jquery for a UI solution, so I can keep the site comparatively simpler in terms of architecture. I read somewhere before that jquery has a progress bar, but didn't
webkit browser issue with ui-tabs: ajax loaded content doesn't execute correctly
to explain shortly: I do some file uploading on MYPAGE. All works well in all browsers, if I'm not using ui-tabs. Once I call MYPAGE with ui-tabs (ajax), it ceises working with webkit browsers. In FF and IE everything works OK. Any Ideas? Are ther other people which run into this kind of scenario?
Two tab themes combination
Newbie here and I want to combine two tab themes (ex. lefrog and overcast) in my site. How can I do that? thanks much, gil
modal confirmation dialog and jquery form plugin
I woul like to ask you for help how to implement modal confirmation dialog: http://jqueryui.com/demos/dialog/#modal-confirmation width jquery form plugin? http://jquery.malsup.com/form/#ajaxSubmit f.e. after submiting form will de modal dialog display (delete items or cancel) on delete items ajaxSubmit will be executed, on cancel no action is done. Many thanks for your help. ..P.
Unable to redirect a page
Hi I am using jQuery UI tabs and on tab change I am checking whether the data in the tab has changed, if the data has changed I am showing a jquery ui dialog box and asking the user for confirmation. If the user selects to discard changes I am setting the document.location.href to reload the page. Now the problem is I am able to reload the page once but on subsequent tab changes the document.location.href is set correctly but the page is not reloaded. Am I missing something that I need to do. Cheers
Need of a new option in droppable
Suppose, if we have a series of girds and want to know from which grid dragging is started, we can implement the following code, but I think there should be another option dealing this situation; though we have only two options ‘out’ and ‘over’, and can use them. var droppableStart = ''; $("#draggable").draggable({ start: function(){ droppableStart = ''; } }); $(".gridArea").droppable({ tolerance: 'intersect', over: function() { if(droppableStart
Correct way to wrap dialog in an object?
I want to create an object to manage collections of notes in an application. I create a constructor and on its prototype add edit, save and cancel functions. So function jNotes() {}; jNotes.prototype = { doEdit: function(anIndex) { ... }, doSave: function() { ... }, doCancel: function() { ... } } I would like to use a JQuery UI Dialog when the user edits a note. So, in the doEdit function I create the dialog with save and cancel buttons that I want to point to the jNotes doSave and doCancel
Problem setting Dialog width
In jQuery 1.3.2 and jQuery UI 1.7.2 this code produced the correctly sized dialog: $dlg.data('width.dialog', dlgWidth) In jQuery 1.4.2 and jQuery UI 1.8.3rc3 it does not size properly. I also tried this: $dlg.data('option', 'width', dlgWidth) Any ideas?
draggable clone not visible
Hi. I'm successfully using draggable in isolated test code under both IE and FireFox. The dragged item's clone appears as soon as I click and drag, the appropriate drop target lights up, and all is well. However, in my integration with legacy code, I've somehow broken the helper clone under IE. When I drag, the drop target lights up, and it accepts the drop, but the clone never appears. To the best of my furious diffing, it looks like the test and legacy code are the same and source the same css
jQuery UI - CSS Framework
Hi. Can I use the Jquery UI elements without having to use the UI CSS framework. For example I am trying to use the accordion widget and would like to use my own css rules and not the ones that are generated by JQuery UI. Is there a way to do this?
Jdialog and firefox
Hello, I'm new in developing with jquery and I have a problem with the jdialog with firefox. In fact the dialog when autoOpen is set to false when opened autoclose after an instant. It works fine with IE here's the code: <script type="text/javascript"> $(function() { $("#dialog-modal").dialog({ autoOpen: false, height: 140, modal: true }); $('#cdi') .button() .click(function() {
jQuery Dialog and JavaScript
I've got a problem with jQuery Dialog and some Javascript events on it. The dialog is a form to fill out and on the form I've got a few <select> dropdowns that are hidden until a checkbox is selected. The event handler is done by jQuery .click() event. All works well the first time you open the dialog. The second time you open the dialog (without refreshing the whole page), the .click() event handler doesn't seem to register. I changed that to good old onClick() in the element itself which worked,
WordPress with jQuery UI 1.8 (and mouseInit function in jQuery UI 1.8)
It seems that the mouseInit function (used in WordPress admin area) and many other mouse functions are no longer in jQuery UI core in 1.8. Have they been moved elsewhere? The reason for my question is because I built a WordPress plugin using Autocomplete in jQuery UI 1.8 and thus and using UI core, widget, and position from 1.8 (RC2 right now). However, that causes significant issues in with the WordPress admin functionality, whether or not I run both 1.7.1 and 1.8 side by side or deregister 1.7.1
Problem with autocomplete and Div
Hi all, i'm with troubles ... i have a index.php that loads a page with jquery ($.ajax) ... this page is loaded on a div. on loaded page, i have a autocomplete ... but it isn't work =/ if i call the page out of div tag (at a new page) the autocomplete works fine ... i don't know whats is ... i tryed to declare all JS at index.php and autocomplete page, but even dont work ... i hope u can help me .... ty :) Ps. Sorry about my english
[DatePicker] maxDate and noWeekends calculation
Hello, I want to have a datepicker that shows only weekdays and available in +3 months and -1 month. But it shouldn't count weekends while configuring the available days of the calendar. I have a datepicker configured as below; $('#datepicker').datepicker({ maxDate: '+3m', minDate: '-1m', dateFormat: 'dd-mm-yy', beforeShowDay: $.datepicker.noWeekends });This configuration still counts the weekends, so is there a way to disable
swap image on change radio buttonset
Hello, I have this code that switches an image on radio button change. I then applied jquery ui buttonset to the radio button and now it's not working. Here is the code I used: $("input.team_kind").change(function(){ if ($("input.team_kind:checked").val() == 1) { $('#logo_img').attr('src', 'assets/images/teams/club_logo.png'); } else { $('#logo_img').attr('src', 'assets/images/teams/rival_logo.png'); } }); <input type="radio" class="team_kind"
Thereroller not working with custom theme
I try to make my own custom theme with Themeroller but when I download the archive it doesn't have any on my customizations. I saw the generated CSS contains the following text: To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault= It seems it doesn't save any of my settings from the custom theme.
Sorted object disappears i ie7 and lower
Hey all, So I am trying to do a simple integration with jQuery UI and the sortable widget. My code is available here: http://tellgren.com/sortable-test/ the problem occurs in IE 7 and earlier and is as far as I can see very erratic. the problem is that my buttons disappear when a object is sorted. Though when grabbed again the buttons becomes visible until dropped again. This only happens to elements that has the classes "sexybutton etc" on the. The sexybutton library can be found by clicking the
Themeroller-how can you substitute your own image for the tabs?
Hi, I'm very new to jquery and Themeroller, and I have a question. I successfully used the tabs and the images that are generated through the custom Themeroller. But I want to further customize the tabs into my own design, but when I do that, using the same size and changing out the pngs, keeping the exact file name, it doesn't show up. I then go back and substitute back the png from the Photoshop file I created (using save to web), and it works great. Why is the file (css) not taking my design
Bug with tabs when using scope
Hi there, jquery 1.4.1 jqueryUI 1.7.2 When I use the download manager to create a scoped theme, and use it : <link rel="stylesheet" href="css/scoped/jquery-ui-1.7.2.custom.css" type="text/css" media="all"> <div id="tabs" class="scoped"> <ul> <li><a href='#tabs-33' title='1495'>Bio Planète</a></li> <li><a href='#tabs-35' title='1496'>Ciel d'Azur</a></li> <li><a href='#tabs-36' title='1497'>La Réserve de Champlat</a></li> <li><a href='#tabs-34' title='1498'>Marinoe</a></li>
Accordion Callback Help
What I'm trying to do is when you click on an accordion header is to add a CSS class to that element (ui-accordion-header) and the accordion content section (ui-accordion-content). When I click on another accordion header I want to add classes to that header and content area and remove them from the other ones. I tried the following, but it doesn't work. It also doesn't approach doing the second half of my issue. $("#accordion").accordion({ fillSpace: true, change: function(event,
Resizing the border of .ui-widget-content
Hi Folks, I have this problem with UI tabs which i want to get working. The current functionality of UI Tabs has a background color which i want to eliminate and i did, however there is 1px solid border line outside my div element which i want to resize. Currently i am unaware of how to do it. Right now when i remove the background color, it seems very plain but thats ok, the only thing which i need is to resize the outer border to the location i want it to. How can i resize it? thanks in advance,
Draggable not working with Safari
When I right click on a div to drag it, the div is immediately moved to the far right of the window, even before I release the right button to drop it. This works in IE and in FF, but fails in Safari (4.03). Has anyone else noticed this behavior. What can I do to fix it?
Send the sortable element to the callback method
$('div.sortablePractice').sortable({ items: '.sortable', revert: true, scroll: true, placeholder: 'sortableDrag', start: startDrag, stop: stopDrag }); function startDrag(){ // do stuff } How do I send the ID or object of the item currently being dragged to the callback method?
No overlay in jQuery Dialog
Hello everybody, i have a Problem with a jquery dialog. It works fine, but there is no overlay background. Here is my code: $("#mitschreibenBeitrag").dialog({ modal: true, draggable: false, closeOnEscape: false , show: 'blind', closeText: '', overlay: { backgroundColor: 'red', opacity: 0.8 }, width: 600 }); This is for opening the dialog <div class="mitschreibenBeitrag"
How to know where a Draggable comes from?
Hello, is there a way to know where a draggable was detached from (I mean the parent element)? Thank you in advance
Jquery Autocomplete textbox with Stripes Framework - How to pass Url in autocomplete method?
Hi, How to pass the Stripes action class url in Jquery autocomplete? JSP Code <stripes:text maxlength="200" style="width: 250px;" name="searchText" id="searchText" value=""/> <script> $(document).ready(function(){ alert("Inside Ready"); $("#searchText").autocomplete("http://localhost:8080/AutoCompleteStripes/common/testing/autocomplete1/presentation/Find/getDiscList"); </script> Action class = FindActionBean.java method signature = public Resolution getDiscList(){ ..... returnnew StreamingResolution("text/plain",
Possible to switch off Theme?
Dear users, I have the calendar and accordion plugin running on my page. The calendar uses the UI Theme which is fine. The Accordion however is jquery accordion with a custom look. If I include jquery-ui-1.7.2.custom.css in my header the original CSS I use is mangled with the jquery UI, which shouldn't happen. So I'm either looking to point the UI them to the calendar only or override the theme for the accordion. Any thoughts on this? Cheers, Dom.
How to Patch jQuery UI CSS Framework for different widgets?
Hi! Currently I am developing a Webapp with heavy use of jQuery UI Stuff. Now i want to Transform my Widgets such as Dialog, Tabs and Buttons to my Design Imagination. I know it is possible to make different / multiple jQuery UI Themes for a Single Page. But i think this is not such an elegant way. Why use four or five different themes for only two oder three types of tabs and two different dialog types and two or three button types? Actually i have build some forked files for the UI 1.8 Demos but
Themes package for jQuery UI(Legacy)
Can somebody tell me where I could get the old themes package for the legacy version 1.6 of jQuery UI? I have downloaded http://jquery-ui.googlecode.com/files/jquery.ui-1.6.zip but with that development bundle I only get a default theme. I do need this legacy version because I cannot migrate to jquery > 1.2.6! Thanx in advance!
Sortable drop area
Hi Guys I am quite new to this and am just having a play trying to create a little tool to show to some people as a proof of concept. I am customising the example from dropable into the bin area and I want to make the items in the bin sortable... I have had a look online and i cant seem to find many answers of how to do this. if what I said wasnt clear (i'm often not) I want to have a selection of pictures, drop them into a gallery and then remove or sort them in that gallery :) Many thanks in
jQuery Datepicker not working in IE6
I am using jquery 1.4.2 and jquery-ui-1.8rc3.custom.min.js I am using jQuery UI Datepicker using the following code. dob is text box <input type="text" name="dob" id="dob" value="03/12/1981"/> date picker is used by follwoing code snnipet $('#dob').datepicker({dateFormat: 'dd/mm/yy',showOn: 'both', showStatus: true,maxDate:new Date()}); This is working fine in Eclipse integrated browser but not working in IE6. while selecting any Date in IE it is not populating the dob text box.
Make datepicker same width as associated input field?
Hi, I have all my input fields on a form the same with for symmetry. I would like the datepicker associated with some of them to be the same with as well. Does anyone know of a good way to do this? TIA, Dave
Tabs and date finder
I've used the tabs function so far without any problems, how ever when i try to incorporate the Datefinder function, Inside a tab, the date finder does not work. it works when placed outside the tab, but not in the tab file I've tried putting the source files inside the tab file, and in the main file too, but it just will not work and when i say it doesn't work, i mean when i click on the input field, nothing happens
How to use tabs to place external links
I've tried several things, including the tip at: http://docs.jquery.com/UI/API/1.7.1/Tabs#...follow_a_tab.27s_URL_instead_of_loading_its_content_via_ajax which btw does NOT work. The tab is always doing the ajax and putting the content of the link inside the tab... Any idea how to fix this?
Progress bar doesn't work with prototype.js in IE
I'm creating web pages with jQuery UI and prototype.js(1.6.1), with a source code like this <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>My web page title</title> <!-- Include jQuery UI --> <link type="text/css" href="css/redmond/jquery-ui-1.8rc3.custom.css" rel="Stylesheet" /> <script type="text/javascript"
jQueryUI Sortable Events - Start & Stop
Hi everyone, I need to minimize the widgets on my page on start and maximize them on stop. However, it gets fired several times and throws infinite errors. Please see this page: http://www.kimburda.com/Paul-Bakaus function onSortableStart(){ alert("Hello World!"); //$(".widget .w-minimize").trigger("click"); } $("#sortable").sortable({ placeholder: 'ui-state-highlight', handle: '.w-header', opacity: 0.6, revert: 150,
UI - Tabs CSS Failure
Hi everybody, here's the thing: Don't know and can't figure it out but, with two of my tabs; when I click on other tab to change, the class "ui-state-focus" once having when were in focus; is not removed. Those two tabs keep having the class, allthough are not selected anymore. Any reason for that ?? Another issue. The API says: Note that if you wish to reuse an existing container, you could do so by matching a title attribute and the container's id: <li><a href="hello/world.html" title="Todo Overview">
Editing custom theme with themeroller
Hi, I have just made a custom theme using themeroller, but realise that I need to change something. Is there a way to reload the theme that I have just made or do I have to start again at the beginning? If this is not a feature, it would be worth while adding it. Perhaps it could link to an external URL to collect the css? Thanks
jQuery UI 1.8rc3 ready for testing
The third release candidate for jQuery UI 1.8 is out and live on jqueryui.com. You can download it here: Download File Downloads Development Bundle: http://jquery-ui.googlecode.com/files/jquery-ui-1.8rc3.zip Svn Tag: http://jquery-ui.googlecode.com/svn/tags/1.8rc3/ Changelog See the 1.8rc3 Changelog for what’s been fixed since 1.8rc2. For a list of all issues fixed since 1.7.2, see previous 1.8 changelogs. Upgrade Guide A full Upgrade Guide for easing the transition between 1.7 and 1.8 is in the
Next Page