tablesorter - usage with async callback
Hi I have a set of tables which I am initially populating on the server, and then appending data to via an Ajax WS. I am then trying to call tablesorter on those tables. The sorting does not seem to work for the data that is added via the second asyn call. I'm sure it is something fairly trivial (e.g. rebinding / updating the control reference) but if someone could offer any advice or pointers that would be much appreciated! cheers, dan
Do total of text boxes in grid
Hi, I have grid (ASP:ListView) control in my .net appliction where i have hours information along with other fields in each record as follows: textDay1Hours textDay2Hours textDay3Hours textDay4Hours textDay5Hours textDay6Hours textDay7Hours textTotalHours User can enter value for hours in a day. On change of day hours i need to show total in textTotalHours. Can someone give some guidence on how to do that. Thanks
Sortable 1.5 -> 1.6RC2 ui.item.parent().width don't change anymore
Hi all, I have a problem after upgrading to 1.6RC2. I'm using the change event to process portlet width / height while dragging ( 3 connected sortable with 3 different width ) all works fine on 1.5 by accessing the ui.item.parent().width() properties, i'm able to have the sortable width i'm dragging on to process. On 1.6RC2, ui.item.parent().width() value don't change. Always keep original sortable width ( where i come from ), no more the sortable width i'm currently dragging on. Any idea ?? Regards.
Sortables - How can I force a small height of the placeholder?
I am using sortables in a CMS. The problem is when you move large elements and try to place them below small items last in the list of elements. It is very hard to place them, and tolerance "pointer" is just too shaky. I want to force a small height of the placeholder. This is what I want to achieve, see example "source 1" from dojo: http://dojocampus.org/explorer/#Dojo_Drag%20And%20Drop_Lists The placeholder in dojo is about 2px high, and the usability is great! I want to do this in jQuery UI sortables....
Datepicker localization
I just wrote the datepicker localization for albanian. Where should I post it?
Autocomplete - Overriding the mustMatch criteria
Hello everybody, I'm using the autocomplete UI feature and I want my field to match one of the returned value. When I set mustMatch to true and type a bad letter it completely removes the typed text. Okay it's the planned behavior. I want to override this behavior and avoid typing letters that does not match the "values". Am I clear (French speaking guy not really fluent in English). For example if you go to the demo (of the plugin I agree) and that you try to type in the month field "janu" it will
Sortable zOrder bug?
I just copied the Sortable demo, make some small modifications and noticed the following problem. I gave each UL a background color. When I dragged an item from the left list to the right list, the item seemed to go behind the right- hand UL. Space was made at the correct position but the dragged item was not visible. I removed the background color and everything appears normal. Is this a bug? Is there a work-around? Here's the code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Submit form
Hi I make use of the tabs method and the Ajaxify plugin (written by MaX) to call pages withing the same (specified) div. I am not sure how to submit the form though. Been searching how..and Klaus mentioned that I should use the form plugin to do this. am i correct to be using: <script type="text/javascript" src="../JS/jQuery/ajaxify.js"></ script> <script type="text/javascript"> $(document).ready(function() { $('.ajaxify').ajaxify(); // making $().ajaxStart(function() { $('#loading').show();
why mouse event handler in ui.core.js will return false default?
hi Dears, Recent days I tried to put a combobox in a draggable layer(applied the draggable plugin) but I encountered a problem that the combobox list can't hide when I mouse down on layer. and finally, I found the root cause is the mouse events (e.g. mouseDown, mouseMove, mouseUp) in the ui.core.js will always return false and then jQuery will stop to bubbling the mouse down event. And actually, my combobox will hide when mouse down event occur within document. So, I'd like to know is there any reason
testing
tesitng
Modal Window and DatePicker
I don't think it is possible, to display a datepicker overtop of the modal window...hence the name. I would like to be able to do this. Does anyone have any ideas? thanx,
n00b question about dialog('open'), ('close'), ('remove') and form results
Hello- I am trying to use UI dialog to create a modal file upload window, with the help of jquploader. I am setting the dialog autoOpen to false, and then triggering the window with dialog('open') when an <a> tag is clicked. This works fine. The file uploads correctly, and all is well. I close the dialog using the "X" in the corner. The problem comes when I want to upload another file. If I click the <a> again, the dialog opens with the previous results. I want it to open with a fresh copy of my
how to close all tabs from all ui.tabs
Hi.My first post about jquery. The question is how can i reference all ui.tabs objects in a page and close all tabs from all ui tabs. It's that i have tabs generated from a databse results query and i need to close all tabs from all ui.tabs before i open another. Or a way to prevent opening more than one tab per page. Thanks in advance.
Prevent Tabs 3 Ajax Autoload
Hey all, This post is in continuation of http://groups.google.com/group/jquery-ui/browse_frm/thread/7f1691a12dadfc8b?tvc=1 which I could not post to for some reason. I would like to second Jaime Ochoa Malagón in his request for an overriding option of the autoload feature. I am greatly enjoying this product, but I am using these tabs for account settings forms. After a form is submitted, I will forward user to some other page, or else, in case of validation errors, I would like to show them the form
Transparent GIFs not printing correctly
Hello everyone, I am writing an app to allow the addition of circles on a medium sized table of data. This way the customer can highlight important data. I used a circle image with transparency. When I print the report with circles, the transparency is maintained. When my client prints the report with circles, the transparency is not maintained in IE6, IE7 and Firefox. Since it is a cross-browser issue ... I'm guess that it's the print driver ... Has anyone ever run into a problem when Drag&Drop
[Tabs3] - Closable Tabs
Hi, I have a requirement where each message opens in a new tab and user should have a option to close the message after reading it. Is it possible to have closeable tabs? If yes, then how? Thanks Raghu
Links from files within tab's div
Hi I am very new to jQuery. Hope someone could help. The code below works fine whereby the jsp pages are loaded into their own respective divs. However, I am having a problem when trying to click a link that resides within the jsp page. For example: a.jsp is a listing page and in the file I have a link that will call edit.jsp. clicking on the link will display the edit.jsp page in the current window instead of displaying it in the same DIV of the respective tab. I called the other link by using :
Bug: Can't stop pulsate
$('#some-id').effect('pulsate', {times: 1000}, 1000); $('#some-id').stop(); /* <== Don't work */ IMO the reason is that in the pulsate code there is: for (var i = 0; i < times; i++) { // Pulsate el.animate({opacity: 0}, o.duration / 2, o.options.easing).animate({opacity: 1}, o.duration / 2, o.options.easing); }; There is no check inside the loop to see if the effect was stopped.
rangeSelect highlighting when datepicker loads
I'm using a version of datepicker as a browse widget for some archives. It works great when selecting a single date and returning results for that date. Here's some code so you can see what I mean: <script> var selectedDate = new Date("<evX.StartTime format="strftime:%B %d %Y 04:00:00" offset="+0d">"); $(document).ready(function(){ // api documentation for datepicker is here: // http://docs.jquery.com/UI/Datepicker/ $(".myDate").datepicker({
Delay on UI tabs dropdown
Is there a way to delay the tabs dropdown? I have a site that is rather annoying because the tabs drop down so easily. I would like to put something like a 400 delay on the mouseover. Thanks!
Sortable - cancel - allow just one element to move
Hi dudes, I have a sortable list, but i only want one element in the list be moveable by the user. I thought of something like $('.menu_list').sortable({ axis: 'y', cancel: 'not(#mymoveableitem)'; }); but this doesn't work, nothing is moveable then. I also tried $('.menu_list').sortable({ axis: 'y', start: function(e, ui) { if (e.target.innerHTML != 'new entry') { ui.cancel(); } }); which doesn't work either and has strange side effects. Any suggestions? (another google-groups related
Designing a window like interface
Hi, I am a new bee in Jquery, actually i have been looking at various Plug ins of Grids and all. I want to design a window like interface which tree like menu on left pane and icons and details view on right pane . can any one suggest me good plugins for that. Also i want to do client side operations. I dont want to involve server as so all the operations shall happen with out server. Looking for a kind response
New User Window Like interface
Hi, I am a new bee in Jquery, actually i have been looking at various Plug ins of Grids and all. I want to design a window like interface which tree like menu on left pane and icons and details view on right pane . can any one suggest me good plugins for that.
Problem with clone in IE
Hi, Below is a snippet of an HTML Grid that I am using to display a list of sortable items. <TABLE class=scroll style="BORDER-TOP: black 1px solid" cellSpacing=1 cellPadding=1 border=0> <TBODY> <TR class="ColumnHeader"> <TD style="WIDTH: 465px; TEXT-ALIGN: left;">Column1</TD> <TD class="noSort" style="WIDTH: 30px; TEXT- ALIGN: center">6</TD> </TR> <TR class=ColumnContent> <TD>abc</TD> <TD><input type=radio value=6 name=rd_Answer></TD> </TR> <TR class="ColumnContent">.......</TR> </TBODY> </TABLE>
Fragment Identifiers Hash not working on same page.
Hi, I have a problem where my UI Tabs 3 does not redisplay the correct Tab content when a menu on the page uses the tabs hash fragment identifier for tabs ON THE SAME PAGE. It works fine if the link is clicked from a DIFFERENT page, e.g. First I load index.htm index.htm contains a menu link to index.htm#TabSection3 which is a valid UI Tab content panel identified with <div class="ui-tabs-panel" id="TabSection3"> but when the link is clicked nothing happens, or at most the browser attempts to reposition
Latest jQuery/jQuery UI and Tablesorter plugin - does they work together?
Hi, I'd like to use lastest stable version of jQuery and its amazing jQuery UI set but I have troubles with Tablesorter plugin (http:// tablesorter.com/docs/) I've been using older version of jQuery (1.2.3) and tablesorter plugin worked perfectly. Can anyone tell me what am I doing wrong? I get this error message (Opera 9.62, error console): JavaScript - http://osadnici-test.happz.cz/games/ Event thread: DOMContentLoaded Error: name: TypeError message: Statement on line 32: Cannot convert undefined
sortable width problem
Hi, I've downloaded the latest ui.sortable plugin and I have a problem while I'm dragging the widget. It expands over all the length of the screen. I use a table with 3 cells (each of them has 33% as size) How can I fix this problem ? Stan
Sortable - cancel - allow just one element to move
Hi dudes, I'm currently trying to create a sortable list which should just one element allow to move within the list... Here is a simplified version of my try: jquery: $('.menu_list').sortable({ axis: 'y', cancel: 'not(#moveable_item)', }); html: <ul class="menu_list"> <li id="moveable_item">new entry</li> <li>Point 1</li> <li>Point 2</li> <li>Point 3</li> <li>Point 4</li> </ul> This doesn't work, no item is moveable/sortable. I guess i can use the "start" option to prevent other
Full-featured dialog examples wanted. (input forms)
Hi all, did any one find a ui.dialog based demo, where dialog is not only with 2 buttons and 1 text label, but also, with different types of input fields, perhaps, with validation and dynamic warnings fade-in panels? The examples/tutorials showing how to adjust the positions and sizes of the input fields are also desired. a link is very appreciated, many thanks in advance! regards Valery
TABS : i will some cached some not...
Hi there, 1st. : i try to add some tabs needed to be cached some (like a shoppingcard) should not be cached. But when i use $('#example > ul').tabs( {cache: true} ); it switched jquery to cache all from then opened tabs to be cached. Tab1 - View Shoppingcard (no cache) Tab2 - Monitors (cache true) Tab3 - Computers (cache true) Tab4 - Actual Infos (no cache) Tab2-3 are added dynamic an can be named diffrent... and 2nd : i will add a Tab and this must get the focus. I use this var lgt = $('#example
Questions about the AutoComplete "Extender"
Hi, I hope someone from you can help me. I try to work with the AutoComplete UI Feature and dynamic data. I work with ASP.NET MVC. My first problem is I call a JSON Method and she returned the String "Hallo|Wert1\r\nHallo2|Wert2\r\n" (My HTTP Sniffer said) So, the extender show only "Hallo if I type H, so how do I format the JSON Result that the extender shows not the quotes and show both Hallo's and not only the first one? My second question is how do I react one the event if somebody selected one
append html with values
Assuming I have a variable that contains the html to an input text field and that html is currently being displayed in the page, how can I get that html and append it to another variable and pass, not just the html but also the text that any user could have introduced in that field? Thanks Marta Figueiredo
Sorting/Drag&Drop with clone and draghints (dividers)
Hi all, I'm trying to implement a drag and drop or sorting method where you get the clone effect of the drag and drop but with the sorting effect of a list. So basically here's the breakdown: 1. on drag, you get a clone of the item being dragged 2. when you drag it above 1/2 the height of an item it shows a divider line above the item 3. when you drag it below 1/2 the height of an item it shows a divider line below the item this implementation can be seen on http://my.live.com/ thanks, frank360d
UI Calendar showing two of today
So here's a weird one: Screenshot: http://i37.tinypic.com/2ikev5.jpg Obviously that is a problem :-( I don't even know where to begin to diagnose and fix that problem i'm using version 1.5.2, and tried it across Firefox and IE and see this issue..... Any ideas? anything more i can post to help diagnose? (screenshot is from our intranet app, no public/outside access)
Magnifier demo
I am trying to implement a version of the Magnifier demo using the Overlapping one. Is there a way to have the bigger item jump in front at a certain threshold? Thanks Mike
UI Tabs Change URL Not refreshing
Hi All I have searched for a solution but cannot seem to find anything. I have some tabs that load data from an external dynamic url. The url worls fine, but does not refresh on changing the URL - i.e. from ItemId=3 to ItemID=4. I will explain best with my code: Assigning the tabs: $(function() { $('#tabcontainer > ul').tabs( { fx: { opacity: 'toggle' }, select: function(ui) { TabClick(); }, show: function(ui) { }, cache:false }); }); The TabClick Function looks like this: function TabClick(){ var
currrently selected tab index question
I was trying to use the Tab select option to save the current tab index to a cookie. It is my understanding that the select option executes a function when a tab is clicked. In this function I was trying to get currently selected using the .data("selected.tabs"); Here are my codes: jQuery(document).ready(function(){ var tab_cookie_id = jQuery.cookie("todos_tab") || 0; jQuery("#taskboard > ul").tabs({ selected: tab_cookie_id, select: function(e,ui){ var $tabs = jQuery('#taskboard > ul').tabs().data("selected.tabs");
Tabs label Bug + Suggestion
Hi, 1) I found a bug using tabs : When I use a label including "b" tags, the "Loading..." message (appearing when ajax content is loading) will appear only inside these tags, I made two screenshots for you (uploaded using Nabble, let me know if you cannot see those). I tried then using "strong", but the same bug occurs http://www.nabble.com/file/p20300478/ScreenShot035.jpg http://www.nabble.com/file/p20300478/ScreenShot036.jpg 2) How am I able to personalize the Loading message ? E.g. a custom message
Problem with jQuery Round in IE 6&7
Hi, I used this code in my page to gain rounded corner : <script type="text/javascript"> $(document).ready(function(){ $("div#right_column").each(function(){ $(this).corner("round"); }); }); </script> There is no problem in FF but I have problem with IE , please have a view here : http://i33.tinypic.com/2re6u6u.png I don`t have online sample now :( What can I do ?
Datepicker UI - howto click action
hi all I need help with two things: 1. howto change click action on datepicker only on image button and if click to input date field do nothing. 2. howto change date in input field when i click change mount in datepicker do not click on day thanks a lot rasto
Next Page