Hi I've noticed the draggable performance/responsiveness on the dialog degrades heavily when dragging over an iframe. Here's an example: http://jsbin.com/emale5/5
The delayed positioning affects FF + Chrome, I haven't tested other browsers. I've tried using a helper and it gives the same effect.
I've also tried using the draggable functionaliy outside of the dialog it's a lot better (although still a little jerky): http://jsbin.com/emale5/4
I'd really like to be able to drag the dialog over an iframe, but at this time it's just too slow. Does anyone have any suggestions on changes I can make to speed this up?
The reziable and draggable interactions aren't very responsive when the dialog sits on top of an iframe, so my plan is to use helpers, but there is no option to pass in config vars to the draggable and/or resizable interaction widgets. How can this be done?
For about a week now, whenever I try to manage my plugins in the plugin site, i get the 'white screen of death'. (pls see attached). Am I the only one getting this?
I've been trying to get my head around how trigger works, I've had difficulties with triggering bound functions to elements. The unexpected behaviour is that when triggering a bound function to a matched element, the bound functions for all other elements also get executed. This causes conflict with my understanding of how bind() and trigger() can be used.
- bind 3 different functions (expand, collapse and toggle) to the divs
- when the user clicks on the spans, find the closest div to the span, and execute the bound 'toggle' function for that div
- within the 'toggle' function, execute either the 'expand' or 'collapse' funtion bound to the div
So my understanding is that once you have bound functions to an element, you can execute those functions by using trigger.
In the case of my example, the following line follows this understanding:
var div = $( this ).next();
div[ triggerAction ]( 'toggle' );
Which is essentially div.trigger('toggle')
So I find the element, then I simply execute the function on that single element.
Why, when I do this, does trigger() execute the 'toggle' function for other elements?
The solution to this problem is to use triggerHandler() instead of trigger(), but i'd really love some clarification on why trigger() is doing this. I couldn't find information in the docs explaining why toggle does this.
I'm using the sorable 'items' config value to prevent certain child items from being sortable. I dynamically add new items to the sortable container, and I expect the sortable('refresh') method to re-select the sortable items, but i'm not able to get it to behave like that.
I was wondering if there are any plans to make a splitbutton widget? (I couldn't find any information regarding the splibutton menu in the jquery ui wiki.)
I understand the splitbutton menu is not relevant to the button widget itself, but perhaps creating a new jquery.ui.splitbutton.js widget would be the way to go?
Perhaps when the menu widget is complete, it could be used to create the menu for the splitbutton, is that the general thinking?
Would users want a simple splitbutton widget without the bloat of using a large menu widget, and if so, would that go against the grain of jquery ui development? (2 different sets of code to create a very similar ui widget)
Hi There I'm using the excellent ui button widget to convert my buttons.
I have only only issue with the widget itself. Due to the nature of the system i'm working with, it's not possible for me to create/instantiate the buttons immediately after they have loaded in the document, so there is quite an obvious FOUC.
To get around this, I apply the relevant UI styles to the relevant elements. This works nicely for some of the UI widgets (eg tabs), but does not work for buttons.
If I have the following base markup for a button, with all the relevant styles in place:
I'm currently using this small fix, but I really do not want to adjust any of the base ui widgets. It would be uber rad if this was included in the button widget. What do you think?
I'm sorry if this seems like a noobish question, but i really haven't found a reliable way of handling the mouseover and mouseout events.
If i use the hover() function, sometimes the mouseout event is not fired. For example, if I quickly hover over an element and quickly hover out, the out event is not fired. (This may be due to the processor being busy at the point of mouseout, or something on those lines. I'm not sure really.)
I'm trying to create a simple tooltip plugin, and this is quite an issue for me. I don't really want to pollute my code with intervals and timeouts and mouse positions to determine if the mouse is not hovering over a given element.
Any advice or pointers would be greatly appreciated.
hi i would like to know why .dialog('destroy') does not return the dialog container to it's original position in the dom? im building an ajax application and am re-binding the dialog to new html retrieved and inserted into the dom via ajax. the container ID will be the same in every case. for example: $('#download-dialog').dialog(); when i want to re-bind the dialog after an ajax request, javascript gets confused as there are now 2 divs with the same id in the dom. this is because the UI dialog widgets moves the dialog html to the end of the document. from the jquery ui docs, it says using .dialog('destroy') "will return the element back to its pre-init state". this is not the case for me, the dialog element remains at the end of the document. ofcourse a quick fix in my situation would be something like $ ("#download-dialog").dialog('destroy').remove(), but i found that using destroy was misleading, and i had to investigate to figure out what actually it does. i was just wondering if this is intentional or a small oversight? --
Hi there The subject soughta explains my query; why is there no preview of the ui-theme when download jquery ui packages? I think this will be most useful ;)
Not sure if this is the best place to post this, please let me know if I should post site bugs somewhere else. There's a little bug in the jQuery UI site functional demos. When you click on one of the effects links (Easing or General or Show/ Hide), then click on one of the buttons to preview the effect, it redirects you to http://ui.jquery.com/download_builder/ Is this a bug or this intentional? (I think it's a bug.) I spent a bit of time going through the UI Javascript trying to find the event that is being binded to these buttons, but have had no luck. I hope this reaches the right people.
Why doesn't the little snippet of jQuery code on the homepage use a better example? When you run the code, it show's a paragraph, but the paragraph has padding, so towards the end of the animation it "jumps". Wouldn't it be so much smoother, and hence more impressive, to show a paragraph without any padding? I'm assuming the .show("slow") function doesn't take into account padding when finding the height of the container, and hence the unexpected animation jump. (Doesn't the innerHeight() plugin, that is now part of jQuery core, take care of this?) I think someone should fix that example, I hope this message reaches the right people. Peace, Rich jQuery Rocks!!
Hi all I recently make a classic old school "snakey" game using jQuery. It was a lot of fun, and something I'd been wanting to do since I was young. It ain't no serious game, more like proof of concept? Anyways, it's kinda fun. It supports levels, wall obstacles, snake growth etc. I've just create a new project over at google code, you can check it out there: http://code.google.com/p/jquery-snakey/ - I will put up a demo soon, for now you can view the source and download the demo files.. - I would like to get some feedback from people; suggestions, bugs & errors so I can improve the game. - I've only tested it on FF2 & FF3. many thanks
How long does it take to sort out hosting issues? 1 month, 2 months? I've been reading all the comments from frustrated developers who are unable to do their job because the jQuery site does not load. I thought those people should understand the situation and be patient. Now it's my turn to complain, because now this is affecting my job. Media Template obviously don't have the knowledge or capacity to correctly host a high traffic site. What's the problem, really, i'm curious why this SERIOUS issue has not been resolved after so long?
Hi There I've integrated a keyup event listener to listen for when the enter key is pressed on certain elements, to submit a form, as I am using a custom submit button (in the form of an anchor). I'm using the following code: $("#email, #password").keyup(function(e) { if(e.keyCode == 13) { $("#loginform").submit(); } }); Fair enough, that works as expected. The only problem I have is when I focus on the #email field, for example, my browser presents me with a drop down list of previous entered email addresses, (form history). When I use my arrow keys to scroll down the list to select my email, and I hit enter, the form is posted. This behavior makes complete sense, I was just wondering if anyone has any suggestions with regards to a work around? (IE, when I hit enter on the selected email in the form history drop down, I don't want the form to be posted, I just wanted the selected email to populate the focused form input element.)
Hey There I recently starting working on a Mac using FF2 as my browser of choice. After a short period I noticed the infuriating text dimming FF2/Mac opacity bug. Thanks to the support from this group, I found that by by adding -moz-opacity:.999 to the body would fix this issue, but recently Joel Birsh pointed out this fix causes issues with FF3. He found an elegant solution to this: if ($.browser.mozilla && parseFloat($.browser.version) < 1.9 && navigator.appVersion.indexOf('Mac') !== -1) $('body').css('-moz- opacity',.999); I see sites daily that experience the same issue because the developers are obviously unaware of the issue, as I was until I started working on a mac. So, why not include the above as part of the core jQuery package to once and for all sort his issue out?
Hi There I have been struggling to correctly format a datastring to be sent via POST that may contain 'invalid characters'. I am trying to send text & html via ajax post, and this has been achieved mainly due to Javascript's escape() function. For example, to send the ampersand (&), escape() is used to convert the character to it's (8bit?) value. For the most part the escape function correctly formats the data string, but there are certain characters that will not be escaped, and will be processed literally, eg: the plus (+) character. I assume the reason why I cannot send the + char as part of the data string, is because if the + is used in the url it is seen as an escaped space character. Without completely re-working my system, is there any possible way of sending all data literally in a data string using $.ajax via post? I'm using the following code: $.ajax({ type: "POST", url: '/cms_page_manager/savepage', data: dataString, error: function(XHR, status, error) { }, success: function(msg){ } }); Any suggestions would be greatly appreciated. I wish I had some more experience with character handling, right now i'm about to pull my hair out! Many thanks in advance.
Hi There I was wondering if anyone else has noticed or experience the weird effect that fade has on the screen when viewed in FF on a mac (leopard). In safari and opera, even IE run under parallels, there is no screen flicker. When the fade is occuring, some colours, even the font changes slighty, then returns to normal state once the fade has finished. This does not occur with a simple timed opacity change, using regular javascript. I cannot say I have experienced this with other libraries. Is it just the type of screen i'm using, or is this common for FF(2) Mac? I was wondering if I should post this as a bug? Peace, Rich
Hi there Just a suggestion, or a question, why aren't css sprite images being used to build the dialog window? Less requests = faster loading. You could place all those separate (background) images into 1 image file and use background-position. This is what I have done, not sure why the default dialog does not use this technique, perhaps this issue has been addressed before? Peace Rich
I was wondering if there is any way of making the tabs still retain their original link after you have click on a tab. IE when you click on a tab, it goes selected but the link still remains and the cursor still remains as a link area, so when you are viewing the content of the selected tab, you still have the option of reloading the content of the tab you are viewing by clicking on the selected tab. Thank you for any suggestions. Richard
Hi There I'm realling ejoying using tabs, especially the ajax content. I would like to know if there is painless way of updating the current tabs content via ajax without using the tabs. For example you view the content of a tab, click on a link within the tab, and the current tabs content updates dynamically, without changing the order of the current selected tab? Any suggestions would be greatly apprecated.
I love jquery, the only issue I have is the non-graceful degradation of some methods with mainly Safari Ver < 2. I understand this browser is outdated, and perhaps the worst browser out there, but my colleagues at work still use it. If some of the features of jquery are not available for safari 1x, why not make it degrade gracefully? For instance, I want to show() a division layer, that has set display:none. If safari 1x does not support the opacity effects, then why not degrade to simply changing the container style to display:block, instead of returning and doing nothing? I think this would be a great advantage if jquery could do this, i would like to know why jquery does not support "graceful degradation". Thank you for any comments.