Dialog buttons are giving error in IE6
I am getting an error when I try to open this dialog: $("#add_todo_form_div").dialog({ modal: true, autoOpen: true, width: 740, height: 350, overlay: { opacity: 0.5, background: "black" }, buttons: { "Save": function() { add_new_todo(); }, "Cancel": function() { $(this).dialog("destroy"); } } }); If I comment
data on dialog
Is taht possible to set dialog data by using $('#dlg_1').data('xxx', {'title': 'zzzz', 'width': '200px', 'height': '300px'}); instead of doing like ... $('#dlg_1').data('title.dialog', 'zzz') .data('width.dialog', '200px') .data('height.dialog', '300px');
Successfully using the JQuery UI...?
Hi All, I have a couple of questions related to using the accordion. These questions are regarding JQuery v 1.3.1 and UI v 1.5.3. 1) What circumstances would cause the compressed version of the UI to fail? For whatever reason, I can't load it. However, using the uncompressed version works just fine. 2) Can someone provide some exhaustive documentation regarding the Accordion itself? I can't seem to locate all available options for activating items. For instance, I don't wish to key off a "header"
problem implementing jQuery Tabs with ScriptManager
Hi I am trying to use the jQuery Tabs UI. Everything works as expected until I move the code in a page which has a ScriptManagerProxy. Is this supported and/or do I have any other steps to get it to work? The error is that it simply doesnt reneder the tabs - I just get the <ul> elements and their corresponding divs unstyled. Thanks for any pointers, dan
Invalid data from ui.position when using both draggable & resizable options
Hi! I'm developing some tool prototype where I have DIV (313x213px) container with image background and I want to create draggable & resizeble box inside that DIV that allows users to mark some area over image. Covered area offset & size are very important for me, because I need to store this data for other operations. So I have the following sample code in prototype: <style type="text/css"> @import 'themes/base/ui.all.css'; #draggable { width: 50px; height: 50px; background:#FF9; margin:0; padding:0;
Expandable form
Hi there, very new to jquery so any help is appreciated - I posted this before in the wrong forum (dev) We're wanting to create a form that initial shows say 3 fields. This form is positioned within a page and is shown using the slide effect. We have a link saying "Add Contact", when the user clicks on this the 3 field (first, last name, email) form slides down underneath. Ok so far so good. However we want to give the user options of other fields (such as multiple addresses, etc) - what I'd like
Form validation within jQuery UI tabs
The form validation never works when I load it on a tab: I have a form validator running fine here: http://gbanker.com/test/formvalidator.html And I have my tabs here: http://gbanker.com/test/tabs2.php (the form validator is loaded on the first tab) Any help on getting the validator working on a tab is greatly appreciated. Thank you.
dialog height not working on IE6
I'm using jquery-ui-personalized-1.6rc6 and it seems that when i pop up a dialog in IE6 it dosen't respect the height attribute that I set: $("#add_teammate_form_div").dialog({ modal: true, autoOpen: true, width: 400, height: 300, overlay: { opacity: 0.5, background: "black" }, buttons: { "Save": function() { add_new_teammate(); }, "Cancel": function()
1.6rc6 overlay bug yet?
Hi i am working with 1.6rc6 and i am still stuck with the overlay bug. I saw the bugtracker report on that error and i edited the ui.dialog.js file to add the new line 'dialogClass: '', ' but it isn't still working. My snippet is as simple as: $(function() { $("#formDlg").dialog({ autoOpen: true, buttons: { "Send": function () { // $("#frmGrpChooser").ajaxSubmit(); $(this).bind ('click',
moving a slider with the keyboard arrows
hello ui community, i would like to make my slider movable by the keyboard arrows like this: left = left right = right up = left edge down = right edge i already got the hot keys plugin (http://code.google.com/p/js- hotkeys/) running. i am getting the actual position of the slider now but i don't know how to move it. $(document).bind('keydown', 'left', function() { var reglerPos = $("#crossfaderHandler").position().left; // how to move the crossfader: // left position - 10px, or so;
dialog slow opening/closing to the point of not being usable...(IE-only problem, naturally...)
I am just opening a small dialog box in a web page that resides in an iframe. Code is as follows: $(function(){ $('#test_dialog') .dialog({ title: 'this is a test', width:300, height:150, buttons:{on:function(){alert('toto')}, 'close':function(){$(this).dialog('close')}}, autoOpen:false, open: function(ev, ui){var t = new Date(); $('#dialog_contents').html ((t.getTime()-start_time) + ' ms')}}) }) Code to open is simply $('#test_dialog').dialog('open') on button click. Before opening the dialog,
Cannot get position using ui.position when combining both draggable & resizable options
Hi! I'm developing some tool prototype where I have DIV (313x213px) container with image background and I want to create draggable & resizeble box inside that DIV that allows users to mark some area over image. Covered area offset & size are very important for me, because I need to store this data for other operations. So I have the following sample code in prototype: <style type="text/css"> @import 'themes/base/ui.all.css'; #draggable { width: 50px; height: 50px; background:#FF9; margin:0; padding:0;
Downloaded Zip is corrupt?
I can't seem to download a usable zip of the "personalized" JS files...WinZip and Windows XP are both saying the file that comes down (file size looks normal, I think) was corrupt and/or unusable. Help? Also, the docs area is fubar on IE7 (layout is messed up)... kn
Cannot get position using ui.position when combining both draggable & resizable options
Hi! I'm developing some tool prototype where I have DIV (313x213px) container with image background and I want to create draggable & resizeble box inside that DIV that allows users to mark some area over image. Covered area offset & size are very important for me, because I need to store this data for other operations. So I have the following sample code in prototype: <style type="text/css"> @import 'themes/base/ui.all.css'; #draggable { width: 50px; height: 50px; background:#FF9; margin:0; padding:0;
problems with custom download
Just downloaded the tabs ui using the custom download and it doesn't seem to work with 1.3.1. When I download the latest stable zip file its fine. I like the custom download as everything is put in one file rather than two as in the latest stable version. Could be me being hopeless but setting the tabs up shouldn't too hard should it? Cheers Matthew
[jQuery 1.3.1 + jQuery UI 1.6rc6] Slider problem...
Hello~ I am using jQuery 1.3.1 + jQuery UI 1.6rc6 for the slider in my page. I used the following coding to init the slider: // JS Coding $(document).ready(function(){ $('#myslider').slider({ min: 0, max: 7, step: 1 }); }); <!-- HTML Coding --> <div id="myslider" style="width: 80px;"></div> /* CSS */ .ui-slider-handle{ background: url(myhandle.png) 0 0 repeat-x; width: 10px; } So, there should be 8 steps for this slider. But I found that the handle moved outside the rail when the value is 7. In firefox
[jQuery 1.3.1 + jQuery UI 1.6rc6] Slider problem...
Hello~ I am using jQuery 1.3.1 + jQuery UI 1.6rc6 for the slider in my page. I used the following coding to init the slider: // JS Coding $(document).ready(function(){ $('#myslider').slider({ min: 0, max: 7, step: 1 }); }); <!-- HTML Coding --> <div id="myslider" style="width: 80px;"></div> /* CSS */ .ui-slider-handle{ background: url(myhandle.png) 0 0 repeat-x; width: 10px; } So, there should be 8 steps for this slider. But I found that the handle moved outside the rail when the value is 7. In firefox
UI Dialog - Modal Overlay is broken in rc6
Hello, In trying out rc6 I've found that I cannot use the modal overlay. I reduced the page I was working on to a minimal test case and then also tried rc6 out on a previous minimal test case I already had up at jsbin.com. Here is a link to the test case. I have commented out the link to rc5 and added the rc6 link. You can just comment rc6 out and try it with rc5 to confirm it functions. I haven't been able to use any modal overlays so far in rc6 in any of the test cases I've put together. I am stumped.
Docs for required versus optional
Consider the list of required JS files for Dialog: http://docs.jquery.com/UI/Dialog * ui.core.js * Optional, ui.draggable.js * Optional, ui.resizable.js I read this as: You must use ui.core.js and that's it. However, you can't run anything w/o also including ui.dialog.js Was that meant to be implied?
jQuery UI Tabs Plugin Conflict
This might be a better place to put this. I'm trying to use the UI tabs with a scrollbar plugin, but I'm getting some unexpected behavior. I'm guessing it's because this CSS has to be set this way and not display: none. .ui-tabs-hide { position: absolute; left: -10000px; display: block; } If it's set to display: none; then it doesn't flash but the content doesn't show. I did add the class beforehand to the second tabbed area. I've updated it at http://chris-gwen.com. Thanks.
drag/drop replace text/element
I'm trying to drag and drop between lists. I have the simple drag and drop down, but I want to add something else... I want drop a list item to another list item and replace the text or the drop zone. For example. I have two lists: <ul id="sortable1" class='droptrue'> <li id="whatever 1" class="ui-state-default">whatever 1</li> <li id="whatever 2" class="ui-state-default">whatever 2</li> <li id="whatever 3" class="ui-state-default">whatever 3</li> </ul> <ul id="sortable1" class='droptrue'> <li id="default
UI Tabs, strange effect: content not within tab borders
Hi everyone I'm using the UI tabs widget and wondered if anyone could explain this effect (not the blurring)... http://www.highbeeches.plus.com/jquerytabs_borders.png The content on each tab doesn't appear within the borders of the tabs. This happens on IE7 and FF3. The tab contents are all loaded through AJAX using the built-in href ability. The tab content is a <div> with inline style of a fixed width/height and also vertical overflow scrollbar support Within the DIV is a table which simulates
J. Zaefferer's Accordion Flicker/Jump
Hi, I am trying to implement J. Zaefferer's accordion into my website. Everything looks great in Firefox, however when viewing it in IE6 & 7, I am seeing an odd flicker or jump when opening or closing the accordion. My test is uploaded here: http://teaessare.com/test2/menutest2.html Does anyone know how to remedy this? Any help would be greatly appreciated. Thanks. Todd
jQuery UI Sortable connectWith Load Time Performance on a Calendar
WHAT I AM DOING: Creating a calendar with varying date ranges (ex: could be 1 week displayed, could be 20 weeks displayed). This calendar has events in each day, and the events are sortable within the day itself, as well as between all other days on the visible calendar. My average calendar date range is approximately 10 weeks, which includes approximately 50 events.<div> </div><div>THE PROBLEM: For each day on the calendar, jQuery's Sortable interaction takes a certain amount of time to set up.
ui.Datepicker
HI, i wondered if anybody knows how to display the date in one format (dd-mm-yyyy) to but have the actual value posted in the form a different one('yy-mm-dd). The manual suggests this: Display one date format and send another from a different field. $(".selector").datepicker({ altField: '#actualDate', altFormat: 'yy-mm-dd' }) but i can't see how i would grab that information when the form is posted?
Error on Firefox 3 when resizing
Hi, Sometimes when I resize a resizable div I get this exception on the javascript console: [Exception... "'Syntax error, unrecognized expression: #' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)" location: "<unknown>" data: no] Line 0 Any ideas? Thank you, Pablo Pazos Gutierrez http://groups.google.com/group/yuppframeworkphp
ui 1.6rc6 tabs broken in ie6/7 (in certain contexts)
I have a below an example that shows a problem I'm having. I have in my application some dialogs that have tabbed content in them. After upgrading to jQuery 1.3.1 and UI 1.6rc6 everything was working...until I checked things in IE. Here's an example that I think shows the problem I'm running into. The dialog is created as a property of a class object - it is created initially, with the autoOpen:false option. I then append content for tabs, then create the tabs ui object. In FireFox, it works fine.
jQuery rounding <divs>
Hi, I am looking for some way to round the divs using jQuery. Would be happy if somebody can point me to a good approach. Currently, I rounding the divs using the following way: $("div.round").each(function(){$(this).corner("round");}); where there is a div with class "round" and on document ready i call the above js code. Thanks in advance, -guntas
prototip-like script for jQuery
Hi, is there any jQuery script similar to ProtoTip ? I need a script that shows the hint which doesn't move when the mouse is moved and doesn't disappear if the mouse is over the shown hint...
drag/drop replace text/element
I'm trying to drag and drop between lists. I have the simple drag and drop down, but I want to add something else... I want drop a list item to another list item and replace the text or the drop zone. For example. I have two lists: <ul id="sortable1" class='droptrue'> <li id="whatever 1" class="ui-state-default">whatever 1</li> <li id="whatever 2" class="ui-state-default">whatever 2</li> <li id="whatever 3" class="ui-state-default">whatever 3</li> </ul> <ul id="sortable1" class='droptrue'> <li id="default
accordion overflow
Hi everybody, I have started using accordion on my website, but for some reason, it seems to override the css overflow: auto; with overflow :hidden; after the first use of the accordion. I have looked for a solution in the doc and this forum but did not find any answer on how to set it correctly. I tried to play witht autoheight, clearstyle,fillspace, but none of my tryings managed to get overflow: auto. Is there a way to force it I am using the latest stable version Thank you very much Eric
jQuery UI Sortable... Placeholder size.
Hi, im currently working with the sortable functionalities in jQuery, an has stumbled upon an issue that i can't find a solution to. When you are dragging a sortable item, and has a placeholder, this placeholder does not take the same size as the item you are dragging. The odd thing is that when there is no placeholder, the space between items, that you drag another item in between, will have the right size, but not with a placeholder added. I have tried in different ways to call the item that i
Embedding one UI into another
So basically I want to have one Tab in a jQuery UI tab open a jQuery accordion page. The problem is that the formatting is not correct on the accordion when loaded from a tab. How can I fix this? the accordion: http://gbanker.com/test/meals.php the tabs: http://gbanker.com/test/tabs.html (meals tab)
jquery.ui.all.js vs. individual files...
Hello, I've been using jquery-1.2.6 + UI 1.5.x for some time. I've had my application load individual components of UI, rather than the whole library, as I'm trying to limit the code sent to the browser as much as possible.\ The widget I most frequently use is ui.dialog.js. So typically I'd load ui.core.js, ui.resizeable.js, ui.draggable.js and ui.dialog.js. After upgrading to jQuery-1.3.1 and UI 1.6rc6, and updating my theme, I've found that the dialog does not work correctly unless I load everything
Problems with Tabs and the customization with a theme
Hello, first excuse my bad english ;-) I have a the problem, that i want to use the tabs function with a theme. But the schown result looks wrong. Here is the page: http://ug-team.de/page_startseite.html#tabs-3 Between the tabs and the content is a border-line (it come from the css class: .ui-widget-content) but I can't set it to none, because the tab area has the same css class and this need the border style. Have somebody suggestions what I am making wrong? Greetz Laire
List in Accordion Content
List in Accordion Content displays not currect see it on http://ui.jquery.com/themeroller/ Themeroller --> Accordion --> Section 3
Problems with Resizable
Hi all, I'm having problems when I get the css "top" attribute of a Resizable DIV after the resize, I think after the resize jQuery UI sets the Resizable DIV css attribute "position" to "absolute", so I get a big value (209px) when I spect 15px. Here's some code: <html> <body> <h1>title</h1> <h2>sub title</h2> <div id="container"> <div id="zone_1">xxx</div> </div> </body> </html> $(document).ready( function() { alert( $("#zone1").css('top') ); // this must be 0px, because "zone1" is at the top of
datePicker 1.6rc5
I need some help, Im using the following code: $j("#datepicker").datepicker( { createButton: false, displayClose: true, closeOnSelect: false, selectMultiple: true } ) .bind( 'click', function() { $(this).dpDisplay(); this.blur(); return false; } ) .bind( 'dateSelected', function(e, selectedDate,
1.5.3 multi datepicker css
Hi , i've been searching for an implementation of the demo with multiple months in horizontal way. I need help to turn this css used in 1.6 to be used with 1.5: /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%;
Corner Rounding + Dialog break in IE7
Hello, I am trying to figure out why using rounding corners in a page that uses UI DIalog breaks jQuery in IE7. I have been trying to find a work around for the 'Bullet Proof Round Corners' and 'JRC 0.91' jQuery corner plugins which are both great. I'd really appreciate some input on this one. Has anyone had this problem before or familiar with the problem? Any advice or known fixes? Here's a paste to an example: http://paste.pocoo.org/show/102218/
Next Page