A link that opens a form dialog: only works the first time is clicked.
Hi, i have this page. login: miguel@mail.com password: m If you click on "Enviar mensaje" a dialog form appear. But if you close the dialog (Esc or clicking on the cross) and then you click again on the same link, the dialog doesn't appear. Any idea? Regards Javi
bgiframe problem when expanding ui:dialog in ie6
Hello All, I am trying the below example for the jquery ui:dialog in ie6 http://jqueryui.com/demos/dialog/#modal But when i try to expand the dialog window, the mouse cursor just looses focus and its really very hard to even expand the dialog window by one px. I also tried to use the code in my local machine as : <script type="text/javascript" src="../../jquery-1.4.2.js"></script> <script type="text/javascript" src="../external/jquery.bgiframe-2.1.1.js"></script> <script type="text/javascript"
Adding new tab with jQuery UI Tabs
Hi, I need to add programatically a new tab, i'm trying with the code below: function loadMail(idMsg, senderId) { $("#abasCorreio").tabs( 'remove' , 3 ); $("#abasCorreio").tabs("add","#tab-4","Mensagem"); $("#abasCorreio").tabs("select","#tab-4"); $("#tab-4").load('loadmail.jsp?idMsg='+idMsg+'&senderId='+senderId); } It's working, a new tab is added, but because of layout specification i have this html structure: <div id="abasCorreio"> <ul> [ ...] </ul>
Self destroy when widget is removed. Is the jQuery 1.8.2 behavior different then jQuery 1.7.2 ?
I am porting my code in jquery ui 1.7 to 1.8.2 and there seem to be a change in the way widgets are self destroyed. They used to be "automatically" destroyed when I called .remove on the element that my widget was build upon. When I look in the code of 1.7 I can see that widgets register themselves to the "remove" event (on jquery-ui-1.7.2.custom.js line 281). On the new 1.8 API the widget is registering itself on a custom even called "remove." + this.widgetName but this event does not seem to be
Possible to check the state of a tab?
Hi there, apologies but I am new to jQuery and jQueryUI but what I would like to do is check the state of a tab to create a summary list of all selections within a form. I have 4 tabs with summary being the last tab, the users go through each tab filling in the details and selecting the right checkboxes. When they get to the summary tab it should display a summary of the selected items for submission. Once submitted the form gets emailed to one of our internal guys here. Now I am not sure the best
Auto destroy of widget when removed
Hi, all I am porting my code in jquery ui 1.7 to 1.8.2 and there seem to be a change in the way widgets are destroyed. They used to be "automatically" destroyed when I called .remove() on the element that my widget was build upon. when i look in the code of 1.7 i can see that widgets are register themselves to the "remove" event (on widget prototype jquery-ui-1.7.2.custom.js line 281). On the new 1.8.2 API the widget is registering itself on a custom even called "remove." + this.widgetName but this
Accordion Auto Resize Height with Dynamic Page Size
jQuery UI has been great, but I am having an issue with the Accordion height control: I am working on a dynamically resizing page. I will be placing the Accordion next to a media player that will resize with the page. Because I need to maintain the aspect ratio, the width must be adjusted along with the height. I need the Accordion height to match. I have written javascript expressions to do this, but it is not working with the jQuery UI plugin. I set the expression to resize the div containing
jQueryUI Dialog with modal form
Hello all, I am making a page that allows users of a site to send messages to one another. The page allows you to search for a member based on a few criteria, one of which being a name. When the user does the search all the matches will be displayed along with a click able link to send a message. I intend for the message to be in the form of a jqueryUI dialog modal form. The search results are loaded using AJAX and the .html() method. The page structure is like this: <form id = "search_form">
Anyone seen something like this?
I downloaded dragtable widget here: DragTable I am using only the headers as a kind of column configuration tool for CSV file import configurations. I am successfully storing the columns ordering to a table but I've been having trouble getting this to work in restoring the column ordering when the values are read back in. So...Just wondering if anyone had seen something like this using jQuery dragables. I need this tool to store the column ordering to a database via ajax and to remember the column
Themes with Accordion
I'm not sure if this is a design flaw or how it is supposed to be, but some of the themes have an extended title bar. 2 examples I noticed where with the Eggplant theme and the Dot Luv http://jqueryui.com/themeroller/#ffDefault=Lucida+Grande,+Lucida+Sans,+Arial,+sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=30273a&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=25&borderColorHeader=231d2b&fcHeader=ffffff&iconColorHeader=a8a3ae&bgColorContent=3d3644&bgTextureContent=12_gloss_wave.png&bgImgOpacityContent=30&borderColorContent=7e7783&fcContent=ffffff&iconColorContent=ffffff&bgColorDefault=dcd9de&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=100&borderColorDefault=dcd9de&fcDefault=665874&iconColorDefault=8d78a5&bgColorHover=eae6ea&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=100&borderColorHover=d1c5d8&fcHover=734d99&iconColorHover=734d99&bgColorActive=5f5964&bgTextureActive=03_highlight_soft.png&bgImgOpacityActive=45&borderColorActive=7e7783&fcActive=ffffff&iconColorActive=454545&bgColorHighlight=fafafa&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=ffdb1f&fcHighlight=333333&iconColorHighlight=8d78a5&bgColorError=994d53&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=994d53&fcError=ffffff&iconColorError=ebccce&bgColorOverlay=eeeeee&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px
JQueryUI, Datepicker and Google Chrome
I'm experiencing a weird error on http://www.pensiontracker.co.uk/pension/Scot Eq Mixed when running in Google Chrome. The page contains a form, with a dropdown box, a date field (with JQueryUI Datepicker) and a submit button. When I click on the submit button in Chrome, it opens the Datepicker box. In other browsers, the submit button correctly submits the form and reloads the page. Any help would be greatly appreciated. Adrian
Combobox and next page
I want to implement a next page (more results option) on my combobox, how can I do this? Im using the combobox future from Autocomplete (http://jqueryui.com/demos/autocomplete/#combobox).
Scrolling with parent DIV
Hi, I have a main DIV let say 'div_large'. Inside 'div_large', I have two more DIVs lets say 'div_1' and 'div_2'. Inside 'div_1' and 'div_2' there is a image. While image is displayed in both 'div_1' and 'div_2', 'div_large' becomes scrollable. Through jQuery I am dropping a div lets say 'div_field' on 'div_1'. The code for 'div_field' is $('#div_field').draggable({revert: 'invalid', helper: 'clone'}); 'field_div' is dropped on 'div_1'. Dropped 'field_div' is appended to 'div_large' by following
Dissappears the left triangle's pull menu in Accordion.
Hi I install JQuery UI Accordion using this code: <link type="text/css" href="../Scripts/jquery/css/cupertino/jquery.ui.all.css" rel="stylesheet" /> <link type="text/css" href="../Scripts/jquery/css/cupertino/jquery-ui-1.8.2.custom.css" rel="stylesheet" /> <script type="text/javascript" src="../Scripts/jquery/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="../Scripts/jquery/js/jquery-ui-1.8.2.custom.min.js"></script> <script type="text/javascript"
Status of the spinner ui widget
Hi, I notice that in some of the early 1.6 release candidates there was a spinner component, which has been dropped. From looking back through the google code + github repositories, I was able to see where it was dropped, and that it was being moved to a dev branch. I haven't seen any changes since, and I'm wondering what is happening with it. Also, I've made some fixes to the code to get this working with the latest version of JQuery UI. I'm interested in contributing these back, but there didn't
Avoiding errors extending existing widgets
I am wondering why when extending a jquery dialog widget I get an error for tabbable elements. Am I missing something in how I'm overriding the default functions? I am just starting to look into how to extend existing jquery ui widgets. First off I need to modify the jquery dialog open method to only append the dialog to the body when it's adjacent to another dialog AND the modal option is set to true, otherwise the dialog would stay in whatever container I've assigned it. My problem here is that
sortable and clonable?
Hi, Is there a way to have two sortable lists - when I drag an item from list1, it produces a clonable to put in list2? Example: list1 aa bb cc list2 xx yy zz dragging item 'bb' to list2 will remove it from list1. Instead, I'd like the contents of list1 to remain unchanged, and list2 to just get a clone of 'bb'. Thanks
Drag&Drop
Hey, I followed the cart example and Im now able to drag list items from list to other. I just dont want that user is able to add specific item from the list more than once, how do I prevent that? source list: one two three target list: one two one <-- how do i get rid off that?
Diagram Editor like application: modelling question
Hi all, I want to create a webapp that you can compare with a diagrameditor or a graph editor. You have a panel where you can edit diagrams (add, move, remove objects and edges) and the user must have the possibility to save (and load) the "diagrams". I'm a beginner in jQuery, for now it's quite hard to see the good trees in the big forest jQuery has For the panel, what can you recommend me? How should I save the data best: - to a mysql-db, with a good db model to just store the coordinates and the
Slider with categories, not numbers.
Say for instance I want to make a slider that has a range from lightest to darkest (lightest, lighter, light, medium, dark, darker, darkest), how would I got about this. Right now, I can only make a slider that can step by number (0,5,10,15,20,25). This is fine for me if I associate 0 with lightest, 5 with lighter, and so on and so forth, but the user shouldn't need a KEY to solve that puzzle. I would like the slider to read words, not numbers. Can anyone give me a hand? Thanks, Andrew
jQuery UI Sortable array
Dear jQuery community. Is it possible to display some sort of array in a javascript alert box showing which items are in which columns? Right now, I can only see what is in the very first column using the following script: $( ".column").sortable( { connectWith: '.column' }, { stop: function (event, ui) { alert($( '.column' ).sortable( 'toArray' )) } T he HTML looks like this: < div class ="column"> < div class ="portlet" id="portlet1"> < div class ="portlet-header"> portlet 1 </ div > <
consistent tab size
hello, when I switch tabs the tab frame changes size to fit the current tab content. This looks strange... Is there a way to make the tabs stay at a fixed size equal to the largest content? Richard
selectable - strange event philosophy?
I recently picked up "selectable" for the first time and struggle to understand the event logic (*). Why is it that events are fired at the container (the thing that was made .selectable)? This imposes on the user an outside-in approach of managing selectees from the container-level. I have populated my container with tons of selectees which all maintain state within their own functional closure. I need my selectees to receive that event. I am thinking of logging an enhancement request to that
Sortable + jEditable is not working for the unordered list
Hi, I'm creating a simple page showing 3-4 tabs. Implemented jquery Sortable to sort the tabs and jEditable for edit the tab name in place. The script works but acts a little strangely in Firefox. If I double click on my editable span it will be replaced with the input field. It will then disappear if I focus on some other element EXCEPT another editable span. Here, is the page script <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TabExample1.aspx.cs" Inherits="TabStrip.TabExample1" %>
keyboard focus on togglebutton
It appears to me that when using button() to create a toggle button from a checkbox+label (as shown on http://jqueryui.com/demos/button/#checkbox ), it doesn't add ui-state-focus when you tab to it the way it does with buttons created from input, button, or anchor elements. The togglebutton IS keyboard-accessible, but without any way to style the focus it's not obvious to the ordinary keyboard-navigating user. Is there an option or configuration that I'm missing here, or should I try to add this
ASP.NET Dropdownlist + jQuery UI dialog
I have postback problem while having ASP.NET Dropdownlist and jQuery UI dialog on the same page. All the postback data are repeating depending upon how many dropdownlist on the page. e.g. let's say if I have two dropdownlists and a textbox inside jQuery dialog and the user type "Test" in textbox then submit the form, after postback the data in the textbox become "Test,Test". I already submitted this question and I am resubmitting it again because it doesn't show up in my post. Thanks.
Sortable Div Containment Problem
<script type="text/javascript"> $(document).ready(function() { $("#listA").sortable({ connectWith: ['#SUBA'] //, containment: '#listA' }); $("#SUBA").sortable({ connectWith: ['#listA'] }); }); </script> <div id="listA" style="z-index: 20; padding-bottom:100px;"> <div>hans1</div> <div>hans1</div> <div>hans1</div> <div>hans1</div> <div>hans1</div> <div>hans1 <div style=" padding-top:
How can I stop effect causing page position to jump to container location?
I have a page with a very basic photo roller across the top followed by a lot of content. I am having a problem where when you scroll down to read the content, the page location jumps back up (scrolls up) to the roller when the jquery effect executes. Here's the way the roller is written: A UL contains pictures in LI elements that are all display:none. A timer is set on page load which when it executes moves an index counter to the next value and sets all LI display:none. The index counter is then
Bug with Asp.NET DropDownList + jQuery UI.Dialog help
I am having problem with postback data when jQuery UI.Dialog and ASP.NET Dropdownlist on the same page. The postback data are repeating as many times as total dropdownlist on the page. e.g. if you have two dropdownlist and you type "MyTest" on the textbox, after postback your data in the textbox will be like this "MyTest,MyTest". I tried with multiple browswers and it is all getting the same problem. Is that know issue?
Tabs inside dialog will sometimes show through
I load a dialog, with Tabs inside. Every once in awhile, it will open with the content of the next tab showing through, and can only be cleared up by refreshing the entire page, and relaunching the dialog. Does anyone know what could cause this ? Thanks in advance,
Tabs within tabs: activating parent tab?
Hey guys! I have a tricky question for you: i'm using a tabs inside tabs structure, like this: $('#tabs').tabs(); $('#tab1').tabs(); <div id="tabs"> <ul> <li><a href="#tab1"><span>tab 1</span></a></li> <li><a href="#tab2"><span>tab 2</span></a></li> <li><a href="#tab3"><span>tab 3</span></a></li> </ul> <div id="tab1"> <ul> <li><a href="#subtab1"><span>subtab 1</span></a></li> <li><a href="#subtab2"><span>subtab 2</span></a></li> <li><a href="#subtab3"><span>subtab 3</span></a></li> </ul> <div id="subtab1">subtab
Jquery BlockUI cursor image?
Hi, Very new to jquery and especially the blockUI feature which is great. Just wondering if it is possible to change the cursor: 'wait' eggtimer image to a cool little gif or similar.. Cheerz. Robert.
broken animated background
Hello. I am using jQueryUI's animate() function and jQueryUI redmond theme CSS file in my page. I tried to animate a div to a red background. But only the upper half of the div went red. (See the attachment) Thanks is advance for any explanation Tested in IE8 & FF3.6 & Safari 5. PS: removing the jQueryUI theme file or adding a 'useless' "#targetdiv {background:transparent}" to stylesheet will solve the problem but I can't tell why they work. here is my code: <!DOCTYPE html> <html> <head>
Getting elements re-draggable
Following thing works: A -> B refresh page B -> C but dragging A -> B -> C doesnt. $(".user").draggable({ helper: "original" }); $("#projectMembers").droppable({ hoverClass: "ui-state-hover", accept: ".user", revert: "invalid", cursor: "move", tolerance: "pointer", drop: function(event, ui) { $(this).find(".placeholder").remove(); $("<div class=\"added\"></div>").html(ui.draggable.html()).appendTo(this); $(ui.draggable).remove(); } }); $(".added").draggable({ helper: "original" }); $("#trash").droppable({
Submit the Value of the array not the key
Hello. Im using the autocomplete plugin of jquery. Im very new at jquery. When i start writing in the text box, all the keys that fit the query would appear, but when i press submit, it only submits the key, I want the value not the key to be submitted. How can I do that? Thanks!
Selecting the last tab
With tabs, how can i select the last tab? $("#tabs").tabs('select',$tabs.tabs('length'));
Getting attribute val inside a UI callback
I want the get the attribute value of my "event_id" attribute defined in my div inside the open portion of the dialog jquery function but I don't know how to get that information. The reason I need it is b/c ultimately I'm calling another JS function inside the open: of the dialog that requires this value. Thanks in advance. I have the following: HTML: <div id="dialog" title="Dialog Title"> TEST </div> <p><a href="#" id="dialog_link"
Dialog extra button text problem, buttontext stored in a variable
$('#div_msg').dialog({ modal: true, buttons: { "Ok": function() { $(this).dialog("close"); }, sExtraButtonTekst: function() { document.location = sExtraButtonLink; } } }); I get an extra button this way but the text in it is sExtraButtonTekst while it should be text in that variable, for example: Modify properties Any idea how to solve this?
Problem with draggable/droppable when droppables are inside scrollable div
Hi, I have droppable elements inside a DIV. This is a scrollable DIV as lot of droppable elememnts (ui) are there. The drop accept begins even after a draggable item is dropped below this scrolling DIV. Note that, item is dropped even no droppable is visible (since, they are actually in DIV with scrollbar). Can anybody please look into this problem? Sample is there at, http://jsbin.com/asatu3/3 In above sample, drag (Record 1, Record 2...) from left list to the right list which is scrollable. This
Cloning Elements with Autocomplete
How do you clone elements that have an autocomplete and have the autocomplete apply separately to the new element? Right now I clone the element withDataAndEvents but the autocomplete triggers the original input instead of the cloned input. Is there some way to avoid this behavior?
Next Page