change dialog button text from variable
Howdy, Just wondering if it's possible to dynamically change a buttons text using a passed variable in a function: eg: here is my test: function ShowDialog( sButtonText ) { $("#Dialog").dialog( "option","buttons", { "Close Window": function () { $(this).dialog('close'); } }, { "Button Text:" + sButtonText: function() { $(this).dialog('close'); } } ); $("#Dialog").dialog( "open" ); } but that is throwing javascript errors at the plus sign. any ideas? thanks in advance!
jquery-ui tabs iframe and IE problem
Hi every body. I'm starting this discussion because I'm having problems implementing jquery-ui tabs into an application that contains an iframe where is lodaded the rest of the scripts. I implemented the tabs on a script and it works perfectly standalone on firefox and IE. But when I load it inside the main iframe it didn't work on IE, but stills work on firefox. I can't see what's the problem, so I ask for help here. I read and search for a solution on this group, I google it but I'm afraid that
selecting new added ajax tab
I'm really stuck on this and can't find any answers that are helpful. Hopefully someone here can help me. Very simply, I'm adding a tab to the UI when the user clicks a link. That part works ... I can add a tab no problem. $(document).ready(function(){ $("#container").tabs(); $("#test").click( function() { $("#container").tabs ("add","test.html","test"); }); }); Unfortunately, an added tab doesn't automatically become selected. Seems like fairly intuitive behavior ...
Open Links in the current tab (doc problem?)
Hello, In the following section of documentation: http://docs.jquery.com/UI/Tabs#...select_a_tab_from_a_text_link_instead_of_clicking_a_tab_itself The code works only once. That is, the tab is loaded (ajax) with some links in the body. If I follow one of the links the tab loads the new address that contains even more links. If I click any of the new links the whole window will load it, instead of just the tab. I am wondering if its a bug, a documentation problem (as it doesnt makes clear the code
Problem with setting Modal on jquery ui dialog in 1.6rc6
I am trying to use the jquery ui dialog in 1.6rc6, but it does not make the dialog modal. It was doing it just fine in rc5. Anything I need to do as a workaround to get this working now? Regards, Jeff
Change dialog buttons
Hello guys, I'm new to jQuery UI. I have the interface that can use only one dialog at once, but the dialog buttons need to be changed depending on the method that initiated the dialog. This is how I define th dialog: $('#dialog').dialog({ bgiframe: true, autoOpen: false, width: 600, show: 'clip', hide: 'clip', resizable: false, modal: true, close: function() { $(this).empty(); } }); Then when the I need to open the actual dialog window: $('#dialog').dialog({buttons:
ui-effects-wrapper
Hello, dozens of .ui-effects-wrappers are being created on a page I'm working on. They are actually above a tabs button pane and I'm unable to select any of the tab buttons. I've never experienced this before, is there a known issue with this?
Proper syntax for the "show:" option in dialogs?
I'm just curious as to the proper syntax for changing the effect of when the dialog is displayed. I'd like something akin to sliding the dialog into view, but I'm not sure what syntax to use on the "show:" line.
ui-state-error and Title Bar for Dialogs
Hello, I've tried adding the ui-state-error to my dialog like this: $(function() { $("#dialog").dialog({ bgiframe: true, dialogClass: 'ui-state-error', height: 140, modal: true }); }); This works pretty good with the exception of the title bar. The title bar still contains the main color of the theme rather than the red color that matches the ui-state-error class. It seems like it might be beneficial to be able to set the Header:
jQuery UI dialog submit form to another page for PHP
Hi, I want to allow non-registered guests to register their details by when they click the "register" link, the jQuery UI dialog pops up and asks them for their name, email and password. I then wish to submit these details to another page where I can pick them up using php $_POST['']. Is this possible? as I've been looking around the jQuery site and google for days! Many Thanks
new problem with dialog in rc6
I'm trying to bind to the submit function, pop up a dialog box, and set a value on a hidden field before a page is submitted. It's late here, and I'm pretty new to the JQuery UI stuff so not sure if this is me or a bug - but I think this code was working and has broken with the upgrade to rc6 - the only change I made was to take out the overlay. Instead of waiting for a button click, it now falls straight through and submits the form. Any thoughts much appreciated. $(document).ready(function(){ $("#new_contact").submit(function(){
Tab moves randomly when you have many tabs..
I am using tab plugin and when I create many tabs and then last tab moves randomly based on clicked tab. Check http://jsbin.com/igine/
Issues with latest jQueryUI (accordian contained inside a tab list)
I downloaded the latest jquery UI code yesterday and developed some concepts for a project and it worked fine in firefox 3 but in IE 7 it blew up I have a page with multiple tabs (6) and have the accordian inside each tab. IT works in firefox 3 but not in IE 7 when you click onto tab #2 then onto the second accordian button you get --------------------------- Error --------------------------- A Runtime Error has occurred. Do you wish to Debug? Line: 5409 Error: Invalid argument. ---------------------------
slow applying ui theme
hi.. jquery experts i have setup the jquery ui tab widget on my site and pleased with the look..It is also seo friendly where as the previous tab script i was using (webfx tabpane) was not. Problem i'm experiancing is taking a long time to render the tab from page load so user see's text as a list before tab renders. please see http://www.speedcrete.co.uk/access-solutions-c178.html for example.. is there a way to pre-load script /css to prevent this happenining.. trouble is the old webfx tab script
how to unbind e.g datepicker
hi, i'm not sure how to unbind a datepicker... html is: Date: <input type="text" id="datepicker"> <a href="#" id="load">load datepicker</a><br /> <a href="#" id="unload">unload datepicker</a><br /> javascript: $(document).ready(function() { var loadfn = function () { $("#datepicker").datepicker({ showOn: 'button', buttonImage: 'templates/images/calendar.gif', buttonImageOnly: true }); }; $("#load").click(loadfn); }); is there a possibility to use
draggable cause parent element move (IE6, jQuery 1.3.1, jQuery UI 1.6rc6)
Hi, I tried to use the following code to a div element. The parent element is an absolutely positioned div. Everytime I start to drag the element, the parent element move to the left a few pixels. And also the div can only move to 20px away from the parent element's edges. $("#test").draggable({ containment: 'parent', scroll: true, grid: [20, 20] }); I then removed the grid option. That fixed the gap between the div and parent's edges but still caused the parent element move to the left a few pixels.
Themroller - Download for 1.5 Broken
I just found themeroller earlier today (Call me slow - sorry) and im having an issue with downloading themes for jQuery UI 1.5 If you modify or "edit" a pre-built theme and go hover the Download for 1.5 button you can see in the status bar that it is showing the following: http://ui.jquery.com/themeroller/download.php?href=/themeroller/css/parseTheme.css.php<br /><b>Notice</b>: Undefined variable: qString in <b>/srv/www/htdocs/ themeroller/_rollyourown.php</b> on line <b>372</b><br /> I didnt notice
formatDate in datepicker not formatting correctly in IE and Avant
Hi All, I'm using jQuery 1.2.6 and the datepicker widget from jquery-ui- personalized-1.6rc5. I have a date that needs to be in Japanese. I have used the i18n files that came with it, and altered jquery/ui/i18n/ui.datepicker-ja.js to: dateFormat: 'yy年mm月dd日', from dateFormat: 'yy/mm/dd'. In Firefox, Safari, etc, this renders properly as "2009年02月27日" which is 27th of Feb, 2009. IE and Avant show "02/27/2009", which has neither the Japanese characters nor the order of the format correct. I haven't
Troubles with tabs ui
I have downloaded the tabs ui both as one file containing the core and the tabs (I think that is what the downloader does when it packages it up anyway) And I have downloaded the core separately then the tabs file an dtried both methods. Anyway I am getting a realyl weird error in the ff error console. It goes like this... Error: function (C) {C.ui = {plugin: {add: function (E, F, H) {var G = C.ui[E].prototype;for (var D in H) {G.plugins[D] = G.plugins[D] || [];G.plugins[D].push([F, H[D]]);}}, call:
UI Tabs + opacity issue
Hello, I'm having a problem using the opacity:'toggle' for UI Tabs. When switching tabs quickly the opacity level is redefined based on the opacity of the previously selected tab. In one test I tabbed quickly till the tabs became mostly transparent at .3 opacity. They retained that opacity level when I tabbed through them slowly.
Sortable behave differently in IE vs Firefox?
I have a sortable list and the handle is a text number that is automatically reordered each time an item is moved. On IE7, this works fine. But in Firefox 3, the reordering only start from where you drop it. Try drag something from the end and drop in the middle a couple of times and you will see what I mean. You can try it here. URL case sensitive, view source to see code. http://homepages.nyu.edu/~bz225/Test.htm http://homepages.nyu.edu/~bz225/TestAlert.htm The second one has an alert in it, so
nested lists in ui tabs
Having a a list in which each list item is structured the same as your tab nav in you content div causes a few problems e.g. <li><a href="#"><span>blah</span></li> perhaps this is fine if you want nested tabs but not it you don't. I gather you can change this by using $.extend() (not actually tried this yet). Out of the box would it not be better to target lis within an id rather than blanket bombing all the lis within the tab structure itself. hope this makes sense. Cheers Matthew
Why is the update callback for sortables broken in v1.6?
Strikes me as a pretty important function to test. I don't want to sound pissy but could someone tell if if it's been removed or if the docs just aren't up to date?
sortable list items to droppable trash
I've been searching for an answer for a couple of days now and have tried a couple of things I found, but without any success. I have a sortable list of thumbnail photos that is within an accordion widget, and would like to be able to drop any of the thumbnails into a trash bin image. This would remove it from the sortable list and call a PHP script to delete the image from the server and its reference in the database table. The closest I've come is the image will disappear for a quick second and
.sortable bug in WebKit browsers (Chrome, Safari, WebKit)
Hi, I noticed the following bug in .sortable(): http://dev.jqueryui.com/ticket/4041 while updating to jQuery 1.3.1 and jQuery UI 1.6rc6 today. I'm not sure if it's a jQuery bug or an UI one, so I posted in the UI tracker since it's happening with the .sortable component. Thanks for the efforts on jQuery UI, Samo
Hiding and showing accordion show scrollbar
Hello, i'm using an accordion but when i show that after hiding it ($ ("accordion_id").hide()) each line active of the accordion shows a scrool bar with a fixed height of 23px. element.style{ height: 23px; } Do you know that about that problem? thank you Iacopo
draggables on mousedown with 1.6
I want to create draggables dinamically on mousedown over some divs. For some reasons I don't want to create the draggable object before the user need it. To do this in jQuery UI 1.5 I did: <div style="margin-left: 40px;"> $('img').bind('mousedown', function(e) { $(this).draggable().trigger('mousedown.draggable', e); }) </div> But this code is not working with version 1.6rc5. Somebody knows a wa to do this with the last version? Thanks in advance.
How to specify the output date format with UI.Datepicker.
Using $('#StartDate').Datepicker({ dateFormat: 'dd-M-yyyy' }); ~or~ $('#StartDate').Datepicker({ dateFormat: 'mm/dd/yy' }); to initialize the UI DatePicker to return a specific date format. It produces an error: (using jQuery 1.3) The error returned from VSExpress is: Object doesn't support this property or method. $('#StartDate').Datepicker(); does not produce an error but does not return the correct format. any light shed on this issue will be greatly appreaciated. RobGMiller...
Sortable received item attributes
hello all, I'm trying to figure out how to obtain attributes from the received items and I keep getting undefined could some please point me in the right direction ? Here is what I have <script type="text/javascript"> $(document).ready(function(){ $("#hottopic, #hidden").sortable({ connectWith: ['.connectedSortable'], receive: function(e,ui) { alert("received " + $(ui).attr('id')); } }); }); </script> thanks for any help
jQuery Slider - (x)HTML default value
I'm wanting to put a default value for the slider in the (x)html for semantic reasons. I could be overlooking something, but currently I'm only seeing the default value being applied in the (jQuery) constructor. My reason is that I'm using the slider for a voting/ranking interface and there can be multiple voting elements on a single page, so each one (on the page) could have a different starting value (if people have already voted), and I would rather have the starting value embedded into the (x)html
jQuery UI dialog question (emergency)
I need a way to do this today! So any help would be appreciated. I'm trying to do a confirm of a deletion on a list element, but I don't know how to pass info into dialog, and the examples I can find don't help much (they only pop up dialogs, they don't explain how to do anything in the callbacks). Here's what I have: $("#example").dialog({ autoOpen:false, modal: true, buttons: { "No": function() {
Showing a page using the dialog UI
Hi, How can I use the dialog widget to show a page instead of a div? I am hoping to use jQuery UI to replace Prototype, unfortunately, Prototype had a very easy way of loading pages in a window. Thanks.
jQuery UI - dialog and datepicker problem
i have an issue regrading dialog and datepicker usage. first, i call the dialog box which contains form with several fields to show. next, the $('.datepick').datepicker(dpOptions) is called to attach the datepicker to the required fields (there are two). the problem is when any of the fields is clicked, the datepicker only shows UNDER the dialog and therefore is not visible. i thought it has something to do with its z-index (datepicker's) but was not able to fix it. any suggestion or help is welcome.
ui.datepicker range problem
Hi, Hope someone can help me out with this one. I'm using the latest version of the ui datepicker and I'd like it to be able to select a range. I've looked at the examples and as far as I can see I do it correctly. Here's my init script: <input type="text" id="txtDate" /> <script language="javascript" type="text/javascript"> $.datepicker.setDefaults($.extend({ showMonthAfterYear: false }, $.datepicker.regional['sv'])); $("#txtDate").datepicker({ rangeSeparator: ' to ', firstDay: 1, rangeSelect: true,
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;
General JS UI design question
Hi, I am new to building JavaScript / AJAX applications. I am building a web app that has a page made up of a lot of controls such as jquery's slider. I do not want this page to have an "apply" button. Therefore, after sliding a slider for example, I would like to make an AJAX call that changes my model on the server side, without requiring that the user explicitely applies this action. Is building something like this a common pattern ? My guess is that yes, this is quite common, to the point where
Multiple jquery ui dialogs opened at the same time on the same page
Hello, guys. I have a problem. I cannot open two dialogs at the same time. As soon as the second one is opened, it replaces the first one. Is it a jquery feature or i am doing something illogical? To be presice, I have an iframe shown in a [modal] dialog, and, by clicking a link in that iframe, I want another dialog to be shown next to the first one.
Dialog opening behaviour in 1.6 - potential regression
Hi I'm not sure if this is considered a bug, but I wanted to clarify behaviour is as expected, as it differs from 1.5. In 1.5 $("#dg").dialog() always opens the dialog. In 1.6 $("#dg").dialog() only opens the dialog on the first invocation. The issue arises when I want to open a the same dialog multiple times. In 1.6 I need to write $("#dg").dialog().dialog("open"); to ensure it always open. Perhaps this isn't correct API usage and I should be writing something like if (dg == null) { dg = $("#dg").dialog();
c.Event is not a function after install ui-1.6rc6
I downloaded ui 1.6rc6 and new theme today and replace original 1.5.3. on my applcations. It causes this error "c.Event is not a function" on jquery-ui-1.6rc6.min.js line 10. Don't know what's wrong. Please help!
Overlay setting not being passed to modal dialog
When using the overlay{} option in a dialog, its contents are not being applied to the resulting dialog. Using 1.6rc6. For example: overlay: { backgroundColor: '#000', opacity: 0.5 }, does not have any effect whatsoever
Next Page