Tab select event bug in 1.5
$('.nav').tabs({ 'select': function(ui) { console.log('select'); } }); In 1.5rc1 the above fired every time you selected a tab. In 1.5 it only fires the first time. jQuery told me to post here on Twitter... it was a little creepy.
print ui.dialog issues
Hi, because the ui.dialog functionality creates many inline styles, I'm finding it near impossible to create external print stylesheets. The problem is roughly this; 1. I have a main page which launches one / many dialog boxes. 2. A user wishes to print say a 'receipt' dialog, by clicking a link in the box. 3. dialog box has all inline CSS styles that mean that it's not possible to reformat to an appropriate style for printing. Additional issues are that I'm required to NOT print the other dialog
sortable remove
I've got to be missing something obvious here, but I can't see it. How do I get 'remove' to fire on a sortable? I've got a sortable setup with the following code: $('#sorted-images').sortable({ cursor: 'move', items: 'div.scraped-image', opacity: 0.8, placeholder: 'image-outline', revert: false, remove: function(e, ui) { console.info( 'REMOVE: '+ e ); }, stop: function(e, ui) { save('#sorted-images'); } }); As you can see, I'm using Firebug to see
So when will sortable have the ability to have nested items?
I've seen this kicked around in here - but would just like to know when jQuery is planning on the sortable feature work with nested items. Where - if there are currently no child items, you can still add them. Seems kinda simple, but obviously isn't or it would've been done by now. Hmmmm
$.ui.carousel
Im interested in the $.ui.carousel effect on the demos homepage I cant see any documentaton for this - anyone any ideas on what plugins / code I need I can probably mess about with the behaviour.js code but it would be easier if I knew better how it fitted in.
tabs in IE6 css problem
hello, I am struggling to integrate jquery tabs into a page in a way that works well in IE6. I'm new to jquery, and have had a search around on the net and this forum but haven't found any pointers. Basically the tabs seem to mess up what is otherwise functional css in IE6. You can see the work in progress here: http://www.freebuddhistaudio.com/study/foundation_test This works fine in IE7, Firefox and Safari, but clicking the tabs (e.g. Part 3) in IE6 causes the page footer with its stripy bottom
Change the text of a tab
Is it possible to dynamically update the text displayed on a tab? The only way I could see was something like this: $('#myTabs').data('tabs.tabs').$tabs[4].firstChild.innerHTML = 'New Tab Text'; Is there a cleaner approach? BTW, I tried deleting and re-adding the tab, but the new tab doesn't get the 'ui-tabs-nav-item' class applied, so it doesn't look at all tab-like, at least using a modified theme builder theme. Is there something special that needs to be done for this to work correctly? Or am
Dialog photo gallery?
I'm wanting to migrate all of my thickbox code over to the new ui.dialog, but I'm wondering if anyone has been able to mimick the photo gallery functionality of thickbox using ui.dialog? Our application makes heavy use of thickbox mostly using iframes for various forms, file handling, etc. But we also use the photo gallery functionality in a few places. I'd really like to replace thickbox entirely, but this is a critical piece for us. Just wondered if anybody had done this (or knew of plans to do
Controlling width of display
Is using the sorter seems like it will expand the tabel to the width of the screen. What seeting do I change to allow the table width to be larger than the display screen size? (access using left/right scroll bar)
Selectable and able to drag objects
Hi I am wondering if there is a clever way to use selectable to group elements and able drag them together. For example: <div id="parentDiv"> <div id="div1" class="drag">1</div><div id="div2" class="drag">2<div> </div> <script> $(document).ready(function(){ $("#parentDiv").selectable(); $(".drag").draggable(); } </script> When div1 and div2 are both selected I would them to be able to move together when I drag on either div1 or div2. I hope I have explained clearly. Any insight or demo will be appreciated.
Slider jquery.ui-1.5
Hi All! I've problem retreiving the correct value from the slider with the latest jquery ui lib (1.5, jquery: 1.2.6). When i change the slider it returns the actual value (0,20,40,60,80,100) instead of a value between the min and max. I use the following code: $('#slider').slider({ minValue: 1, maxValue: 5, startValue: 1, steps: 5, range: false, change: function(e,ui) { console.log(ui.value); }}); Am I forgetting something or is this not the right way to retreive the value?? Or is it 'just' a bug?
ui.tabs and "left: -9999px; position: absolute;"
Hi community, I am using jquery 1.2.6 and ui.tabs. Due to a problem with "display:none;" from another javascript (namely "reflection.js", I am forced to use "left: -9999px; position: absolute;" for "ui-tabs-hide". Doing so, the fx-transitions, especially fading, do not work correctly. How can this be fixed or worked-around? Reproducable in IE 6 with SP 2 and Firefox 3.0. Thanks in advance, Marius
How can we fix Flora / Themeroller conflict?
The themes created with themeroller cannot be swapped with Flora seamlessly. For example, my first try with JQuery UI was Tabs and the Flora theme. This combination works fine with this html: <div id="tabs"> <ul> <li><a href="#fragment-1"><span>One</span></a></li> However after changing just the include to use the themeroller theme, it doesn't work. Turns out themerollers requires a class like this: <div id="tabs"> <ul> <li class="ui-tabs-nav-item"><a href="#fragment-1"><span>One</span></a></li>
Tabs 3 - Using Divs instead of Unordered Lists
Hey there, I'm using jQuery for the first time, and am attempting to utilise the tabs ui with my current menu (built using divs instead of ul/li - advanced rollovers). Having a real hard time finding anywhere on the net that will show me how to reference this correctly, and as such, the tabs feature is not working for me. At the moment, I have this in my header (in addition to the references to all the latest .js files): <script> $(document).ready(function(){ $("#tabsjq > div").tabs(); }); </script>
How do I access the cloned instance in connectToSortable?
Hi, The heart of my problem is that I have to be able to drag a button into a sortable list but insert a seperate div into the sortable that's hiding down the page instead of inserting the draggable button into the list. I was planning to achieve this through targeting the cloned instance of the button and then replacing the HTML with my div. I can't, however, figure out how to do it as I'm pretty much a JS newb. Of course, if there's a better way to do this I'm all ears! Here's the code for my draggables...
SPRY like Data for UI
I would like to see jQuery add SPRY like data features. (Or to interact with EXT JS style data... both in fact.) When new data is loaded, changed, added the system would know how to interact with the data server. I am interested in taking an active lead role or support role in this project if anyone else would be interested. (Or if it is already on the build table.)
Want to create a theme for the jQ UI svn, any words of wisdom before I begin?
Howdy All! I'm itching to contribute some design work to the jQuery project, so I'd love to provide a nice theme for jQUI. I'm planning on just picking apart Flora to figure out how things work. Otherwise, can anyone point me in the direction of any documentation that could help me along-- that'd be great. I'm new to SVN (used perforce for most of my professional career) but hopefully someone can help me get things integrated once I figure everything out on my end. I'd love to create some general
ISO format date in UI Date picker
How to get ISO format date and time in jQuery Date picker? Format: 2002-11-22T00:00:00-05:00 Is there any option in jQuery UI Date picker?
Dynamically loading data and Tabs - a real challenge
Hello All, I have a rather peculiar question thats driving me nuts. I have a list of products in a table, and would like to have tabs to edit various aspects of the products when a product's table row is clicked. The list is loaded dynamically when a use clicks on a particular category, also loaded dynamically in another div. the product table is being loaded into a div which isnt one of the tabs div's, but is located under them. Content is loaded into this div from a php script and jquery/ajax.
event in sortable list
Is there any possible way to bind an event when we finish moving a list in sortable list. I have tried: $("ul li").bind("mouseup", function(){ var serialStr; $("ul li").each(function(){ serialStr+= $(this).text(); }); alert(serialStr); return false; // prevent bubbling }); but it actually didn't fire any event, anyone can help?
Disable JQuery editable
Anyone know how to disable jquery editable? I have tried using unbind $ (".itemEditable").unbind('editable'); but it is not working. Anyone have suggestion?
dialog close callbacks
Is there a way to perform the callback function before the dialog closes? i.e. I have a box that when the user clicks close, I have a message that says something like 'if you close this, you will lose all your data - are you sure?' and on true, the dialog closes, but on false it remains open... Any ideas?
Set datepicker current date from an href
I need to know how to make a Inline (always visible) jQuery UI datepicker change to reflect a date that is passed through an href click. So you have a date that is attatched to the on click of a href and it is submitted to the datepicker script and refreshes the Inline datepicker to show whatever date was submitted.
Set datepicker current date from an href
I need to know how to make a Inline (always visible) jQuery UI datepicker change to reflect a date that is passed through an href click. So you have a date that is attatched to the on click of a href and it is submitted to the datepicker script and refreshes the Inline datepicker to show whatever date was submitted. Seems simple but I cant quite figure it out and make it work right.
Floating <div> at top even if user scrolls area
Hi people I'm trying to find a way to make a div to float at top, even if user scrolls the window/area For example, I've seen this example of a floating menu, that keeps in the same position even if user scrolls https://nettuts.s3.amazonaws.com/018_Floating_Menu/demo/dhtml_float_menu_final_nettut.html but I want to apply that (in an easy way) to the blue div with a number you can see here http://img58.imageshack.us/img58/2599/sshot2it8.jpg Is there any UI plugin or jQuery plugin that can do this
Stop blinking when load a page with tabs and other widgets
Hello, In my page a have some Jquery UI widgets, like tabs, but when I open the page it show me the DOM without the javascript applied to it and them if "flashes", or "blink", to show the formated version, with the tabs and so on. All my JQuery code are inside $(function(){}); structure... What else can I do to prevent this "blink" thing?
Sortable Question
I am trying to use a sortable to keep track of an ordered list that is mirrored on a MySQL DB. For example lets say we have this list: 1. My 2. Hello 3. Start 4. Dog 5. Cat 6. Bird 7. Example 8. Nice 9. Life Now I sort this list to move item 9 before item 4 to show the following: Moved Change() Method 1. My 2. Hello 3. Start 9. Life --> 4. Life 4. Dog --> 5. Dog 5. Cat --> 6. Cat 6. Bird --> 7. Bird 7. Example --> 8. Example 8. Nice --> 9. Nice My question is how do I determine that the 9th item
Theme Roller Size Issues
I hope this is a fresh thread. (Likely I am just doing something but can't see what.) I created this theme... http://ui.jquery.com/themeroller#bgColorDefault=809d92&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=75&borderColorDefault=809d92&fcDefault=1D38B8&iconColorDefault=1D38B8&bgColorHover=809d92&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=75&borderColorHover=384c45&fcHover=00f800&iconColorHover=00f800&bgColorActive=d6d2cc&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=384c45&fcActive=009900&iconColorActive=222222&bgColorContent=ece9e4&fcContent=222222&ffDefault=Verdana%2C+Arial%2C+sans-serif&fwDefault=bold&fsDefault=12&fsDefaultUnit=px
Passing JSON object o datePicker does not work
I downloaded the ui.datepicker by "Marc Grabanski" Herez the problem 1. I am dynamically creating the JSON object & passing it to the datePicker $('#dateEl').datepicker(JsonObject); 2. This works fine as long as I do not add "onSelect" to the JSON object.but If I hard code it works $('#dateEl').datepicker({ showOn : "button", buttonImage : "../calendar.png", buttonImageOnly : true, minDate : calendarContext.cal_startDate, // picked from variable maxDate : calendarContext.cal_endDate, // picked from
ui.dialog drop down menu issue
I'm really racking them up today... Is there an inbuilt way to get around the IE6 bug, where a drop-down menu <select> 'shows through' DHTML layers... In the past I've used an empty <iframe> resized to same size as the dynamic layer (and floated one z-index below it) to 'kill' the select boxes... but I just wondered if there was something in ui.dialog that would do the same thing? (I think there's a similar issue, where Flash movies show through too...) :)
Ajax, ajax tabs and functions questions.
Hello, My page have 3 dynamic tabs. In one of those tabs I have a button that call an ajax with $.ajax(). On "success" of the ajax call I reload the tab with .tabs("load", index). Everything works fine, but I want to add a yellow flash to the background background when the tab contents finish loading. How can I do that? I can only set the "flash" effect when the first ajax call returns. I want that the flash "wait" all tab content to be loaded before it start... My code: $("#activeconnclear").livequery("click",
Effects show(slide), hide(slide) != slideUp(), slideDown()
I noticed when ui effects library animates an element, it takes the element out of the flow of the current document. I also noticed that the slide[Up/Down]() doesn't take the element out of the flow of the document. So, is there any way to get the ui effects library to animate elements WITHOUT taking the element out of the document flow? See example here: http://jakemcgraw.com/javascript/ui - jake
New User of Jquery
Hi, This is Bhushan from India. I am new in ui development & learning Jquery.I am very happy about your support Jquery is really very helpful for us & make easy every task. Thanks & Regard Bhushan Sharma
Droppable - tolerance options
It would be nice to have a way of defining a custom function for dealing with this in addition to the simple default options (fit, intersect, ...). For example, what if I were to drag one column of a table over another one and use only the vertical axis as a constraint to decide whether the draggable is over the droppable.
Feed accordion with JSON data
Hi, is there any way to feed my accordion control with JSON data? I have some items in accordion that can be filtered. Filter action returns JSON data and I want to update my accordion to show just the filtered data.
Feed accordion with JSON data
Hi, is there any way to feed my accordion control with JSON data? I have some items in accordion that can be filtered. Filter action returns JSON data and I want to update my accordion to show just the filtered data.
Don't work position[30,40] in dialog
$("#dialog-"+numDialog).dialog({ position: [30, 40] }); result: dialog in center!
Sticky Tabs or The Tab That Never Moved
Hi all, sorry for asking whats probably a css question but when using tabs, in IE7 (maybe IE6) if the tab content is long enough to allow vertical scrolling of the page, when scrolling down, the selected tabs remains affixed in it's inital position on the screen. It doesnt happen in FF2 which is the only place I really know how to get at the css (via Firebug). Here is an example: http://claypooljs.com/docs/api/ then click on 'MVC' in the left nav and scroll down. I use the Blueprint css framework
Select a newly created ajax tab?
I am using tabs3 and wondered how to chain in a select on a newly created ajax tab? If I specify the id, then I can easily do this... $('#right-body > ul').tabs('add', ' '#tab-'+tid, 'Ticket '+tid).tabs('select', '#tab-'+tid); but I cannot do this with ajax style since I do not know how to get the id of the newly created tab? How would I get this?
Table Sorter : Text Extraction Method for Text Box, Select Box and Check Box
Has Anyone who is using TableSorter Plugin has implemented Text Extraction methods or Parsers for Tables which includes Text Box , Select Box and Check Box as data holders. Thanks for your help. regards Vijay
Next Page