Need an event that occurs after dialog 'open'
I have a dialog box that contains a list which is created and filled via an AJAX call when the dialog box is created. I'm using a tooltip plugin (cluetip) which is supposed to display additional information. The problem is that I can't find single event to create the tooltip plugin which works correctly. For example, - if I create the tooltip elements on the dialog 'open' event it's too early. That is the tooltips are not created. - if I create the tooltip elements on some event like 'mouseenter',
How to add wheel down function on slider
How to use mouse scroll down to scroll both the slider bar and the content area at the same time?
Programatically moving a slider handle with a multi-handle slider.
Hey all. I'm using the jQuery UI Slider control in my ASP.NET app and I have the slider working and it's updating values in a masked text box. When the user changes a value in the masked text box I want to reposition the corresponding handle if the validation passes. (Validation checks to make sure the value is either less than or equal to another value). The problem is I can't reposition the handle. I tried the following... Slider('option', 'value', ticks) ...where ticks is the value I want
PrimeFaces powered by JQuery UI
Hi, I just wanted to let jQuery UI community know about PrimeFaces project. PrimeFaces is currently the most popular JavaServer Faces component suite and many of the widgets are powered by jQuery UI. In addition to jQuery UI widgets, we've also integrated ThemeRoller for our custom widgets like panel, fieldset, datatable and more. HomePage: www.primefaces.org Demo: http://www.primefaces.org/labs/ui/home.jsf Regards, Cagatay Civici PrimeFaces Lead
jQuery Dialog Widget not styling
I am having problems getting a dialog widget to be styled on one of my pages. http://portfolio.tamaratemple.com/javascriptexamples/popupwindow3.html has a viewer div on it that i'm using as a dialog. When you click on a link, the widget is exposed, but there's no style on it. To check if there was a problem with the styles, I copied one of the dialog source examples and put it in another page: http://portfolio.tamaratemple.com/javascriptexamples/dialog-demo.html . As you can see from the source,
slider + fast mouse movements
i was tearing my hair out for a while over this one, and then i realised a certain subtelty that i suppose is known, although if it is it should be better documented: $('#mySlider1').slider({ slide: function(e,ui){ $('#myAmount1').text(ui.value); } }); $('#mySlider2').slider({ slide: function(e,ui){ $('#myAmount2').text($('#mySlider2').slider('value')); } }); produces two sliders that behave similarly, although the latter lags a little. meaning
UI Button primary icon only position problem
Dear all, I'm using jquery 1.4.2 and jquery UI 1.8.4. I need to create some button with a primary icon only and text. Setting a primary icon only (other than the text) the problem is the text has a wrong position relative to the icon (see the attached image, icon only and primary+secondary work fine). JS code: $("#button").button({ icons: { primary: 'ui-icon-locked' } }); I tried it on Safari, Firefox and IE getting the same problem. Anyone could help please?
bounce effect position
Hello. I have problem with position of my div element while using «Bounce effect». This is position while bounce: http://img843.imageshack.us/img843/3859/whilebounce.png And this position after bounce (correct position): http://img829.imageshack.us/img829/2796/afterh.png How can I correct this?
jQuery UI - Can it reproduce this behavior?
Hi all, I'd like to recreate the following drag and drop behavior. 1. Have two sortable lists linked together. (I have this figured out) 2. Initially one list has all the options, the second one is empty. (No problem) 3. One can drop at most 5 items onto the second list. (How do I do this?) I am basically looking to recreate this exact functionality: http://www.dhtmlgoodies.com/scripts/drag-drop-nodes/drag-drop-nodes-demo2.html The only difference is that I only need two lists. (Just Team A, not
Resizable + Overflow problem
Hello, I am using jQuery 1.4.2 with jQuery UI 1.8.4 and would like to make my div element resizable. I did so and it functions, however since my div requires overflow: auto; because it loads chat text into it every few seconds, makes it so resizable() shows both scrollbars even when they are not needed, and the actual resizable icon scrolls with the div as new chat gets posted. How can I allow my div to be resized with an overflow set to automatic? Here is my current code jQuery: <script type="text/javascript">
Killed off Script
Ahoj chytřejší kolegové, snažím se impletovat do stránek aplikaci ze sady jQuery UI (jqueryui.com), přesněji kalendář. <script type="text/javascript" src="development-bundle/jquery-1.4.2.js"></script> tak odrovnám jiný, to má za důsledek znemožnění otevření menu. Dříve když se na něj kliklo, otevřela se další nabídka, nyní se v adresním řádku zobrazí jen # a nic. Má s tím někdo zkušenosti? Díky Ještě posílám odkazy: Zde je moje šablona: http://www.webgurus.biz/adminskin2/dashboard.html Zde je ten
jQuery UI checkbox nightmare
I'm sure I'm missing something fundamental here.... But maybe someone can help. I am using jQuery UI and wanted to take advantage of their buttons and buttonsets. If you look at their site, their buttons and buttonsets look all happy and pretty. The buttonset buttons are adjacent to each other, rounded, etc (http://jqueryui.com/demos/button/#checkbox) I applied the buttonset to my site and they look awful. The font is huge (as if the label is using h2 or h3 or something), and the buttons aren't next
ThemeRoller Theme Galleries???
Does anyone know of any ThemeRoller galleries apart from the Official ThemeRoller Gallery. Or any good websites that are using themeroller to style their website? Am looking for some design options and ideas to improve my theme.
z-index and accordian
I'm trying to use an accordian control in my site... the menu uses the bgiframe plugin to get around ie6 but now the accordion is over the menu i've tried setting the z-index on the accordian to 0 or -1 and it has no effect the menu always pops behind the accordian any idea?
How to access ui.draggable properties like ID, Class etc.?
Hello, I'm quite new to Jquery. In the application I'm building, I would like to know the class of the draggable that was dropped into my dropppable, as I want my logic to depend on it. Where can I find these properties documented? Thanks, Philbert
Bug - link in dialog has rectangle around it.
I think I found a bug using a UI dialog containing a link. I have a simple page with a UI dialog containing 2 links. The first link is rendered in the browser with a rectangle around it in most browsers I have tested it in. One browser where this does NOT occur is IE6 (haven't tested with IE7). In Safari 5 mac, there is a blue rectangle around the link. In FF 3.6.8 mac and FF 2 Windows there's a black dotted line. In Opera 9.02 in Windows, the link is highlighted blue. Feel free to school me if
jquery ui custom bundles
Currently after downloading a bundle I need to go through and remove all the stuff I don't want. When building a custom bundle it would be nice if you could specify if you want to include the demos or no demos,minified files,unminimized, or both, and if you want to combine or not.
Inputs not selectable in stacked modal Dialogs ?
When I open a Dialog on top of another Dialog, I cannot select/edit any input fields in the Dialog that is on top. // 1st Dialog var $reviewdialog = $('#userreviewform') .dialog({ autoOpen:false, modal: true, resizable: false, draggable: false, show:"slide", hide:"scale", width:520, // etc. // Submit button in 1st Dialog opens 2nd Dialog // 2nd Dialog var $progressdialog = $('<div class="jqdialog"></div>') .dialog({ modal: true, resizable: false, draggable: false, // etc. // When loading is finished,
Selectable with a calendar type layout
Can't seem to wrap my head around this... Is it possible to use selectable on a calendar type layout (table based with rows = weeks, cells = days) such that when selecting across rows it will select all the appropriate cells? I can get it to work when selecting "down" (i.e. start at the 2nd and select down to the 18th) - but that's about it. I can't seem to figure out how to get the unselecting to work or the "upward" select (i.e. start at the 28th and select up to the 10th). any help is appreciated.
JQuery.Ui.Tabs problem with ASP.NET Pages
Hi: I have a rare problem with the JQuery.Ui.Tab object in an ASP.NET form. First I try the example "Default.html" page in my ASP.NET solution and everything is working fine. When I put the SAME code in an ASP.NET form I get the "Index is undefined" javascript error in the line 607 of the file "jquery.ui.tabs.js" I believe is some kind of problem with ASP.NET forms. I attach a screen shot with my error. Any suggestions?
jqurey embedded in ui tab
Dear all, I'm newbe in Jquery and I encounter a problem for which I do not find solution. My goal is to have tabs in which are files with content linked to jquery scripts. My files work very well on IE8 and firefox 3.6.8 but not with google chrome 5 and safari 5. The behavior is that the scripts are not loaded. Here are the source code indextest.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
Set draggable position alfer drop
Hi, I need to change draggabe position after successfull drop im droppable. I want to everything to be in place, not a couple pixels to the left o top. I want to set position for draggable (top and left) same as position od droppable object. Thx
accordion keep clicked header in view
Hi, I'm using jQuery 1.4.2 with jQueryUI 1.8.4. I have an accordion on a page in a div. Everything is working well with the following exception: There are around 20-30 headers in the accordion. If I scroll down and select a header from the bottom the header content opens (as is should) but it display the last entries (the content bottom) while the top is not visible so I have to scroll up to display the header that I just clicked on. It's a usability issue ... Hopefully my explanation makes sense
Datepicker and dynamic html - not finding id
Hi, I am creating a table dynamically, and the table cell in question creates a text box as follows: var cell1 = row.insertCell(0); var el1 = document.createElement('input'); el1.type = 'text'; el1.name = 'date_from' + iteration; el1.id = 'datepicker'; cell1.appendChild(el1); The html is created fine, however the id is not being found for the datepicker function when creating the element dynamically. when i manually insert a text box and give it the datepicker id, it works great.
dialog not working
$('#complete_dialog').dialog({ height: 140, modal: true, resizable: false, buttons: { 'Mark Complete' : function() { $('input#mark_complete').val('on'); $('input#mark_complete').attr('checked', true) $(this).dialog('close'); return true; }, Cancel : function() { $('input#mark_complete').val('off');
How to pass jQuery slider variable value to another page?
$(function() { $("#slider").slider({ value:0, min:0, max: 10, step: 1, slide: function(event, ui) { $("#amount").val(ui.value); $("#price").val('$'+ ui.value * $("#rate").attr("value") * 12); } }); $("#amount").val($("#slider").slider("value")); $("#price").val('$' + [VarName,S]); }); <div id="container"> <div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"
Removing auto-corner classes from accordion & tabs
I need help removing the auto-corners from the the accordion and tabs, Something like a ui-corners-none override option. The accordion has three states and within the states are different corners. (active = ui-corner-top & ui-state-hover / ui-state-default = ui-corner-all) but I don't want any corners in the accordion element at all. I require the same removal of corners for the tabs header row which I'm assuming is in the <ul> using the ui-widget-header class. I tried a bunch of options, but I can't
button behavior
I'm new to jQuery but stuck so appreciate any tips. I create a button which opens a dialog. 1. Using Start Theme, the button is dark blue, then light blue on hover, and green on click. On click the dialog opens but after the dialog closes the button does not return to dark blue, it stays in the hover state. Why? 2. Why doesn't the icon go next to the text on the button by default instead of above? Must I create a specific style for the button to fix the layout? <script type="text/javascript">
jQuery UI Sortable serialize not working
The notes on UI Sortable 'serialize' says it creates a passable array based on the ID of the sortable list. You're supposed to use an ID with a name and underscore "foo_" and it creates an array -> foo[1], foo[2], etc. However, it does not work. I'm getting a result that looks like this: '[] = foo_1, [] = foo_2, etc. Has anyone else had this problem and know what the fix is?
Datepicker ui-state-active Bug?
Hello, I've noticed when a date is set in Datepicker and is assigned .ui-state-active class, the same date (1-31) on different months also get assigned the .ui-state-active class. Example: August 15, 2010 is selected and picks up .ui-state-active class. All other month's 15th day will also pick up the .ui-state-active class. This was not a problem with the previous version of Jquery UI. Since upgrading, my calendars now have the selected date also selected for all other months. Thanks in advance
submitting a form that is in a dialog
Hi! I have the following problem: I've created a dialog, which works correctly. The "ok"-button of this dialog shall submit the form. But this action doesn't seem to work, because nothing happens. Here is the body-part: http://pastebin.com/bYeeiqyt On line 38 you can see the submit function (I tried various). On line 47 I specified the form. I hope, that someone can help me.
Drop and Drag slideshow
hi , I made a slide show drag drop able but when I drag from left slide show the image goes hide until I drop it in the down slide show , I want to make it visible . please see the link below : http://www.persianinfotech.com/drop/BuyEquipment.htm jQuery(document).ready(function () { $('#BuyEquipmentLeftSlideShow img').mouseup(function () { alert("test"); }); $('#BuyEquipmentLeftSlideShow img').draggable({ helper: "clone", opacity: "0.5" }); jQuery('.first-and-second-carousel').jcarousel();
How can I create a Selectable with preselected items?
I want to filter some stuff using a Selectable. Works fine. My problem is that I need to save the selection so that the user has the same filtering active when he returns. Saving the values is of course easy, but I can't find any way to load that selection back in. Said in another way: I can't find a way to select items programmatically. Having a way to select items from code would solve all my problems in this case, because I could then select the ones I need after having created the Selectable.
Accordion style BBC homepage
Is there a way to make an accordion behave like the one on the www.bbc.co.uk homepage. What i mean is that i want to open a tab in the accordion...leave it open and then open another one without closing the previous. It would be fine if someone could point me to a demo or tutorial. Thanks Steve
jQuery UI accordion - Not quite working as expected
Hi guys, Just wondering if you would help me out here. I'm not bad with jQuery, and I've used the jQuery UI before, but this is my first time using an accordion. Basically what I'm trying to achieve is this: http://www.lmbd.co.uk/cms/working.png The black header is essentially the active link, and the box beneath it is the div containing links that correspond to that header action. So under 'Manage News' there might be 'Add News' etc. The other silver links would be other sections, such as 'Manage
Setting options in autocomplete after init has no effect
Hello, I set up autocomplete (jQuery UI autocomplete - added in 1.8) like this: $("#client").autocomplete({ minLength: 0, source: '/path/to/autocomplete/ajax/datasource' }); Autocomplete works as expected. But then I need to change "source" option so I do this: $("#client").autocomplete("option", "source", "/path/to/another/datasource"); but is still requests original datasource URL (I used to FireBug and it's the same URL). No change happened. I tried different options, but with no luck. Even destroy
Datepicker trouble with dynamic HTML
Hi all, I'm copying a template row in a table and I'm trying to add a date picker to the template. Here's what I've tried, but I don't get date pickers in the new rows. I also don't get an exception, so I'm not sure what's going wrong. I used the exact same code that I used when an initial, visible row. Thanks! $("#MyButton").click( function() { try { // First, copy the template. var template = $("#MyTemplateRow"); var newRow = template.clone();
problem with Cookie in JQuery UI Tabs
Hi I use this code to add tabs with cookies enabled $("#tabs").tabs({fx:{height:'toggle',duration:'fast'},selected:0}); $('#tabs').tabs('option', 'cookie', { expires: 30 }); but when I use the second line , all tabs get disabled except one. - what's wrong ? - also if I use only the first line without "selected" option , the secont tab always is selected tab , why ?
New buttons - custom icon/size?
I have been using the older development version of the jQuery buttons from the wiki which had a size option and allowed a custom image for an icon. After upgrading to 1.8rc1 the buttons don't have a size option and can only use the built-in icons. I guess I can change the size myself with css but what would be the best way to have a custom icon? Thanks
jQueryUI Autocomplete multiple select with checkboxes (or smth). How?
Hello! At first, sorry for my bad English... So, the question is, how can i make multiple select like on the screen below? or, like this: any suggestions?
Next Page