Dimensions .height function fails for IE7 when element has percentage height
I have a div that has a height of 80%, and this line: $('.class:first').height() works fine in firefox, but when I try to use it in IE7 it always returns 1. Is there a known workaround for this?
Sortables in IE
Hi i recently created a simple sortables div... very simple...judt a <ul> with sortable <li> elements... Now everything hunky dory in FF BUT in IE i get strange behaviour 1) text disappears on drag??? 2) The first element wraps over 2 lines....(purposefully) when it is clicked there is a DISTINCT lag before IE allows drag.... 3-4 seconds at least Single line it is OK.... In FF none of above probs occur Anyone any ideas about the 2 above? Code here <script src="jquery.js"></script> <script src="jquery.dimensions.js"></script>
Unexplainable tab behavior - example inside
Please have a look at sample with turned on firebug: http://shev.org.ua/mftest/index.php.html Here is the problem: Please count tabs from right to left. When first tab clicked it loads content via AJAX one time. When second tab is clicked it loads content two times... When fourth tab clicked it loads content FOUR times. Why is this happen in this simple example?????
UI datepicker and field focus
Is there a way of ensuring the field focus is not lost when a date is selected with the datepicker? Once a date is selected with the UI datepicker, the focus on the date field is lost (presuming the pop-up was revealed on focus). This is causing a few problems for me: - hitting the Tab key to move to the next field in the form doesn't work (the focus starts back at the top of the page) - the blur function I have bound to the field is not firing. I tried adding a function to onSelect: which refocussed
Select and Drag..any news yet?
Hey guys, I am wondering if anyone knows a method of selecting multiple objects and being able to drag them? http://rksdesignstudios.com/magnet/ If you go there - say you want to select four and drag them around? Any idea? Thanks so much, Ryan
Tutorial/Sample/Design pattern?
Hello, I want to build some UI plugins for jQuery and I'm looking for some tutorials or design patterns or samples on how the best way to do this. Andrew.
clone() issue with ui.datePicker
hi all, i originally posted it in the jquery general mailing list, but it occured to me this is actually a more suitable place. Do correct me if i'm wrong. I'm having an issue to attach the datePicker UI on a element that is clone() . I've set up a test bed here: http://www.pixeline.be/youplaboum/ui.html and the line of code: $('#weekamount').bind("change", function(){ $weeks = $(this).val(); $('.newWeek').not('#templateWeekUI').remove(); for (i = 0; i < $weeks; i++) { $('#templateWeekUI legend').text('Semaine
jQuery API extension for Dreamweaver
BETA: http://xtnd.us/download/dreamweaver/jquery/ Works with Dreamweaver MX (6), 7, 8, and CS3 (9). Provides the jQuery API via code hints and snippets in Dreamweaver's code view. Includes jQuery UI, and API version 1.2.x. Please send me your thoughts, ideas, notes, etc. to chris@laflash.org - thanks!
help understanding UI code
I am trying to fully understand how the ui code works, for instance in tabs we have instance[method].apply(instance, args); first of all I don't understand how instance[method] even works and second, I can't find any info on what .apply() does. any help understanding these 2 things what be very nice. Thanks Ryan -- View this message in context: http://www.nabble.com/help-understanding-UI-code-tp14624685s27240p14624685.html Sent from the jQuery UI Discussion mailing list archive at Nabble.com.
Sortable demos not working
The sortable demo in this link doesn't work. http://docs.jquery.com/UI/Sortables I think the code is broken. Can someone please fix it? FYI, This is the error message as seen in firebug: array has no properties inArray("li", undefined)core.js (line 1110) click(Object type=mousedown target=li currentTarget=li)ui.mouse.js (line 70) (no name)()ui.mouse.js (line 57) handle(Object type=mousedown target=li currentTarget=li)event.js (line 254) (no name)()event.js (line 52) Regards, Deepak
Extra comma in jquery.ui.slider.js
IE was throwing me a 'Expected identifier, string or number' error when loading a page that uses ui.slider. Eventualy I found out that there is and extra comma in line 33, last character. Firefox ignores loose commas in object or array definitions, but IE chokes on it. I don't have any svn checkout of the project, so I was wondering if someone could get rid of that extra comma in the trunk version, for the next release. (I hope this is not repeating some other message or is being posted in an inappropriate
Draggables going behind other elements
Hi all Devs, We are in the process of converting a web application from using Interface to using UI, but have come across a strange bug (or more!). We have two DIV's (call them Source and Target). Source has CSS overflow:auto - to provide scrolling, and CSS position: absolute. Target has CSS position:absolute, and is defined as Droppable. The source has various div's in it that are set to draggable. The problem comes when dragging the divs out of the Source - they will not do so (in Firefox2, Opera9
Draggables position:fixed
Hey I am using the drag drop UI and I love it. I ran into a problem, my droppable box is fixed to the bottom of my screen with position:fixed; bottom:0; in the CSS. This way, when I scroll the page, the droppable is always at the bottom. But when I try to drag my draggable over the droppable it doesnt detect the droppables NEW position on the page (once you scroll). It will only allow you to drop it in the spot where the droppable was when the page was loaded. Any help is appreciated!
bug on ie
hello, i'm using jQuery accordion but i've a little bug ! the slide does not work properly. Do you know why ?? the webpage is here http://ebouzerand.free.fr/slide/logiciels.html
UI Tabs and Media Plugin Issue
Hi I am having an issue trying to get two great plugins to work together with Firefox 1.5. I have tested on IE6 and everything is OK. Due to the restrictive security policies of my client I am unable to test on other browsers currently!! The basic story is that I have three tabs. Tab One intros the page, tab two uses the media plugin to display a PDF, tab three shows another pdf - different to the one in tab two. Works great in IE6!! But in FF1.5 I get an empty iframe. If I turn tabs off the PDFs
Tabs under Firefox 3 Beta 2
If u installed Firefox 3 Beta 2, please visit http://www.foorumbbs.com/site/popular or else, check this photo: http://photos.zorpia.com/fayland/photo/25132682.9117b0/1 Thanks.
draggableDestroy throws errors when nothing draggable?
I get the javascript error inlined below, when making the following invocation... $("#script .tile.rect").draggableDestroy(); //reset all draggable behaviour The reason I'm calling draggableDestroy() for this group of elements is to remove all draggable behaviour IF such elements exist, and if any of them are draggable. It's a means for me to reset all draggable behaviour, and then reconstruct the draggable behaviour from scratch in a way which is appropriate for the current state of the page. However,
Datepicker + Custom weekends + Ajax
Hello. I am using UI Datepicker in my project, and want to have custom weekends. I found a solution in manual, but i have very log historical data, so to specify my custom weekends to datepicker, i need to specify weekends for 10 years. It is very long data, and not every user needs it. My idea was to create a function for something like "OnChangeMonth" event, and then load weekend data with ajax. But i can't found any event descriptions in http://docs.jquery.com/UI/Datepicker. Can someone please
Tabs in IE7
So here's one that's got me pretty baffled. I put together a rotating tabbed interface for a client and things work beautiful in Firefox and even pretty decent in IE6 (minor issue with tab width), but in IE7, the tabs don't display inline, they get messed up and don't float left like they should. The link below shows you what I'm talking about. Any ideas why IE7 isn't behaving and where I should focus my efforts to fix this? Much thanks! http://www.caesarspoconoresorts.com/tabs.html David
Tabs - have no clue how to make my task with it....
Hello! Have a task - need a tabs on page, which need to be created and dynamically updated via XML every few minutes. Each tab must have count of items in brackets, and if count is zero, tab need to be disabled. Here's example: | Browse (15) | Master1 (4) | Master2 (2) | All masters (6) | Sent away (1) | Tab's contents need to be reloaded too. All tabs will reload full container <div> below, but "Browse" tab have a "date selector" in it, which don't need to be reloaded or altered, and below date
Sortables incompatible with table rows?
Hello-- I'm trying to create a drag and drop reorderable table using Sortables. The HTML elements are table rows. Regardless of THEAD and TBODY tags etc., the row (TR) being dragged likes to jump about 150px vertically above the mouse position. This appears to happen whenever the table is not the first element on the page. I've got some example code reduced to core elements for demonstration purposes here (try it in Firefox): http://alexking.org/dev/jquery-sortables/index.html I thought this could
Resizable updates - patch file
Team, Like the Selectable patch file I posted recently, here is a Resizable patch file. http://codesquare.com/js/ui.resizable.patch.js Here is what it does: x. It adds better support for resize in the north, northeast, northwest, west, and southwest directions. The previous released version didn't have those handles enabled by default, and when we enabled them we discovered that resizing in those directions didn't change the top/left coordinates. The result was that resizing in the north direction
How to get the object of the dialog?
If I want to return the object of (parent or children)dialog,but I can't find a method to invole?and I think it is a must to add these methods to let the user to control the dialog well.
Tabs with multiple themes?
How does someone set up multiple tab themes all on the same page. For example, how can I use the standard theme on one set of tabs and the Flora theme on another? Luke Brookhart
Using Dialog with older jQuery...
Hello, Is there a version of Dialog that doesn't use the $.data function? I'm forced to use an older version of jQuery, and noConflict isn't a possibility. Thanks, Ryura
TABS "show" option isn't triggered on first time
I am using the new UI Tabs and loading the content via the AJAX methods. When a page first loads, the first tab is selected and the content for that tab loads. I need to call some code to process jquery corners on some divs within the tab content. This works on all subsequent tab clicks via the "show" option, but not on the original tab that was loaded by default from the standard page load. Is there a way to have a callback after the first tab is loaded, and not just on subsequent ones? Luke Brookhart
Getting ID of element and droppables
Hey, I have been through the docs and also in the IRC chat but no one got it. I am wondering: How to get the ID of the element that is being dropped in the drop box. Then I want to be able to send that element to a PHP page. i have that part, but need to know how to get the ID of what element is being dropped. Thanks! Ryan
UI shadow plugin - not displaying - no errors
Hey all, I am trying to use the ui shadow plugin and it will not display a shadow on my object and not sure why..i get no error messages or anything..any ideas? My .word is a span element as well, code is below: $(window).bind("load",function(){ $(".word").shadow(); }); $(document).ready(function(){ $('#addWord').submit(function(){ $.ajax({ type: "POST", url: "add.php", data: {"word": $('#word').val()} }) $('#wordBank').load('words.php',
UI draggable and selectable combine
Hey i was wondering if it is possible to combine both of these effects..the draggable and also the selectable so I can drag over a set and then drag them all, they are span elements with the class name of .word and are posted on the page via jquery ajax. Is this possible? Thank you! Ryan
Droppable and delete
Hey all! I have been working on this and am really stumped. I have a page where you can drag and drop an item to a element and on drop delete it from the database. My code is here: http://pastebin.com/d3d15d695 So far my drag/drop works fine. I am confused about: 1. Using a call back within to delete it would it be here: drop: function(ev, uii) { $(this).append(" Deleted!"); } 2. When i drop it and it says deleted just have it fade in and fade out. 3. And also delete the word that is dropped in there
Draggable and opacity
Hey all, i have my code and I want to set a opacity like half way so when you drag it gets transparent and i cant seem to get it, any ideas? my code is below, it looks perfect. http://pastebin.com/d5df16db8 Thanks, Ryan
UI Shadow - shadow on each side - no offset
Hey, i tried to making the offset:0 and I have been playing with other values as well and is there a way to make it set as for the shadow is hitting say all four sides of my object? I thought offset:0 would, but it didnt do it? Thanks so much, Ryan
Tookit/plugin for dynamic layout/reflow?
Hi all, Does jQuery offer functionality to dynamically reflow/reformat page layout for various windows/screen sizes? For example if the display is wide enough, then show three boxes next to eachother at 33% each, else below eachother at 100% width each. Another example is showing an image at 1:1 size when the resolution is high enough, else resize the image to fit. I know the basics of this are available in CSS, but it gets very complicated when you want to introduce minimal and maximum sizes, want
Remembering changes?
So I'm relatively new to jQuery, but am using this in a plugin for TextPattern. I'm utilizng jQuery UI and allows users to resize a textarea. I would like to have the textarea automatically resize to the last set size by the user every time they load the page. I'm thinking storing the size in a cookie might be useful, but was wondering if jQuery had a better solution. Can anyone point me in the right direction? Thanks!
Sortable across columns?
I can sort across columns but when all sortable items in a column are moved to another column you cannot move them back to the empty column. Any insight? <html> <head> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery- latest.js"></script> <script type="text/javascript" src="jquery-ui.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#container").sortable({ items: $(".sort"), hoverClass: "sortHelper", helper:
Date Picker theming with prev and next on same row as current month
I would like to theme the datepicker control to have the prevText and nextText links on the same line as the current month (assuming that changeMonth and changeYear are false). The goal is to style the datepicker similarly to the YUI Calendar or ASP.NET Calendar, etc. http://developer.yahoo.com/yui/examples/calendar/quickstart.html Reading the source from the trunk it seems like I could either: 1) Use absolute positioning for the datepicker_prev and datepicker_next to put them adjacent to the month
Draggable Handles? A way to implement?
I've searched through discussion here for 'draggable handles' and found a few mentions, but nothing explicitly saying if that option exists. I'm trying to create a draggable div, that is also resizable and scrollable. I haven't messed with the resizable option yet, but am already stuck with the scrollbar. The issue is that the entire div is draggable, so if you click on the scrollbar, that just drags the div around, rather than scrolling the contents of it. I think scriptaculous has the concept of
magnifier inside accordion
Hi, Is it possible to use the magnifier effect on a bunch of images which are placed inside an accordion node? The magnifier effect doesn't work when placed inside an accordion. When i place the images outside the accordion it works perfectly hope one of you knows a solution for this. regards.
Datepicker - bug
Datepicker breaks if you add methods to the date object. Specifically, the following code breaks it Date.prototype.getMonth = function() { var month = (this.getUTCMonth()+ 1) + ""; if(month.length == 1) { month = "0" + month; } return(month); } Date.prototype.getDate = function() { var date = this.getUTCDate() + ""; if(date.length == 1) { date = "0" + date; } return(date); }
Multiple startValue on the Slider
What would have to be done to the slider to make it so that you can pass an array into the startValue option? I have a slider that has two slider handles, which is fine, but when I try to set the startValues it doesn't work when you have multiple slider handles... is there no way to add more than one start value for the handles? Thanks, Randy
Next Page