cluetip horizontal position problem
My clue tips are clinging to the right edge of the browser window. The site I'm working on uses inman positioning and I think it is interfering with the cluetips plugin, but I'm not sure exactly how. My gut tells me it may have something to do with the fact that my triggering elements are inside nested divs that are in turn positioned by percentages (just seems that may create an inheritance problem). I've tested outside of my page layout and my scripting works. Pull it in and the tip box clings
Autocomplete auto resize list item width
Hi, i switched my south-street CSS theme from 1.8rc3 to 1.8. Since this change, if i hover over a list-item the item-text gets wrapped in a new line. The wrapping occurs because the dropdown list doesnt modify width automatically if i scroll down the list. On 1.8rc3 the list was resized in width automatically so that the list-item-text was always in the same line. Would be cool if someone could redo this change so thats it works like in 1.8rc3. Thanks!
default demo for tabs gets corrupted format with a floated div
If you add a floated div to the default demo of tabs, then the tabs get formated wrongly... Click here to see error:- http://devel.netfm.org/devel_test/jquery-ui-1.8rc3/demos/tabs/default2.html Here is the default demo without the floated div added http://devel.netfm.org/devel_test/jquery-ui-1.8rc3/demos/tabs/default.html And this is essentially the html change made to the default demo <div class="demo"> <div style="float: left";background-color: green"> <pre> Just some content to see if this upsets
Validate Plugin, Using Classes
As a quick test today I just did $(".fields").rules("add".... etc. Now, this works for the first HTML element in the set, but it doesn't work for the rest. I'm dynamically adding/removing rules. I'm assuming that it just applies the rule to the first element in the set, but preferably I'd like it to work for all elements that use that class. Perhaps this could be a bug? Or perhaps I'm using it incorrectly. If anyone could confirm this I'd be grateful. Thanks.
IE8 & sortable placeholder
If you give a class to the placeholder on IE 8 and you drag something at even a moderate speed it loses track and stops your drag. The more complex your placeholder is the lower the speed is that you can successfully drag before it just decides to stop. so something as simple as: $("#sortlist").sortable({ placeholder: "ui-state-highlight" });Will stop the sort on any sharp mouse moves, FF and IE < 8 don't have this problem. It seems to also be tied to the height of the placeholder. If you give it
Dialog Position - don't extend below viewport
I want to open a dialog so that the top of the dialog is just below where the person clicked their mouse - so the click event has this: $('#dialog').dialog({ autoOpen:false, modal:true, width:740, closeOnEscape:true, resizable:false }); $('foo').click(function(event) { $('#dialog').dialog('option','position',[(event.clientX - 90), (event.clientY + 30)]); $('#dialog').dialog('open'); });In my case, the dialog is larger than the viewport - and I *do* want it to extend
Issues with cloning hover event
I'm running into an issue with cloning a jQuery object with a hover event. For each clone of an item, the hover events are stacked rather than just duplicated. <html <head> <title>jQuery Clone Hover Issue</title> <script src='jquery.js' type='text/javascript'></script> <script type='text/javascript'> $(document).ready(function(){ var box1 = $('div'); box1 .click(function(){ $(this).append('Click'); }) .hover(function(){
Offset behavior in I.E.
Hi ! I posted this in the comments of the offset page but of course it wasn't the good place :S Sorry for that, here is the post : Don't know if it's a bug or if I'm just being noob but I found a strange behavior when offset() is used with only one coordinate : $('element').offset({left : left_coord}); works perfectly in Firefox, Opera, and Safari but throws a javascript error in IE 6, 7 or 8 ("invalid argument"). IE needs both coordinates to be specified, like this : $('element').offset({top : top_coord
UI Button - Drag within checkbox button then release
If you click a checkbox button then drag (like selecting text) and then release within the button, the button changes state to selected however the hidden input is not "checked" nor is the aria-pressed state set to true. This can be recreated with the Button Checkbox Example if you unhide the checkbox via Firebug
Problems with .load() function : nothing working
Hi, I have some problems with the .load() function. On my local machine, everything is working fine. But, when I upload my document on my web server, the .load() function does not work anymore (with Safari, IE, Fx, ...) Is anybody knows why ? The code is here : http://processx.net/easymodules/test.html (It's the standard test code from jquery.com) Thanks in advance !
jquery ui tabs :: tabs content does not appear with IE7
Hi there, I have a weird problem with IE7, (though works perfectly on firefox, chrome or ie8). Tabs content do not appear unless I change content's size from developer toolbar or open firebug-lite (i.e. make any action that could change dom structure). I'm using: jquery 1.3 jquery ui 1.7 Any cluses? Thanks
clone(true)'d widget's events effect the original object
When you apply any widget from the jQuery UI 1.8 widget factory (button, dialog, etc), and then clone(true) the object which you've widgetized, some of the actions/events that occur on the clone will effect the original. The instance that I discovered the bug with was calling .remove() on the parent of the cloned object, which then reverted the original back to an un-widgetized state. see: http://jsfiddle.net/J7fKG/ for an example of this.
Opera issue
function pridajDoKosika(kod){ $.get("/ajax/dokosika/"+kod,function(data){ var obj = $.parseJSON(data); obnovKosik(obj.suma+",-",obj.pocet); } ); }This is object XMLHttpRequest in opera console: abort prototype Object readyState 4 responseText "{"suma":1249,"pocet":1}" responseXML XMLDocument baseURI null characterSet "utf-8" charset "utf-8" dir "" documentElement null firstChild null lastChild null status 200 statusText "OK"I don't know why Opera expect XML data and don't parse returned
jQuery UI 1.8 -- Tabs not correctly displayed in IE 7
The problem can be easily verified on the themeroller page in the "Tabs" demo section: http://jqueryui.com/themeroller/ If the first tab is selected, there is a solid line under the tabs (above the tab content). If another one but the first tab is selected, this line disappears.
UI tabs does not work in iframe where parent instance of jQuery and jQuery UI is used
I'm playing around with using the parent instance of jQuery and jQuery UI from an iframe - trying to avoid loading multiple instances of jQuery and jQuery UI. In the iframe, I do: window.jQuery = window.$ = function (selector, context) { return window.parent.$(selector, context ? context : document); }; jQuery works fine but jQuery UI such as tabs does not work quite correctly. When you select a tab, it doesn't change panels. I corrected the problem by modifying jquery.ui.tabs.js
IE errors
Hi all. I using on site http://kulbet.katowice.pl script who require jquery. I include latest version of framework on my server and include in to head section code <script type='text/javascript' src='js/jquery-1.4.2.min.js'></script> In Chrome, Firefox and Opera site look good. All slideshows are displaying. Unfortunately in IE (8 and below) are displayed critical errors in jquery script file. Page http://jquery.com/ is displayed great without any errors, so I include to my page script directly from
Attribute selectors for SVG elements limited.
I'm a new user to jQuery I admit, but already I'm finding it convenient for a new javascript application I'm building for one of my websites. The app in question uses SVG to help generate a music game based stepchart. Due to the nature of SVG elements, I often have to be able to retrieve elements based on their x or y values inside the primary SVG document. Some sample code is as follows: <g id="svgNote" transform="scale(3)"> <svg x="16" y="40" class="note_008 tap"><g><path d="m 1,2 v 12 c 0,0 0,1
unbind method not behaving properly with custom objects.
I think I've discovered a bug related to the event registrations on custom objects on jQuery 1.4.2, I will leave the test unit for you to run it, I apologize in advance if I can't provide a patch to fix this, I'm not really fluent on the jQuery code. Thanks. Roman Gonzalez.
BlockUI breaks under 1.4.1
Have a asp.net mvc project using jquery-ui-1.7.2. and BlockUI. When I changed jQuery version from 1.3.2 to 1.4.1, the CSS pertaining to the block ceased to render. The functions fired (verified by in-line alerts) and firebug had no complaints. Moved back to 1.3.2 and the blocker rendered perfectly.
this.setArray is not a function [Break on this error] return this.setArray( this.add(t).get() );
Please help... By merely including the jquery.validate.js library into my website I am getting this error. I can remove all my javascript leaving only: jquery/1.4.2/jquery.min.js validate/jquery.validate.js jqueryui/1.7.2/jquery-ui.min.js in the code and I get this error. Can someone help me... the site has been working just fine for the past 2 weeks and now all of a sudden this has cropped up. I have a feeling that perhaps something was changed as I am referencing these libraries from ajax.googleapis.com
Editor needs "clear formating" button, and "html editing" feature
This little "wysywig" editor is getting in a way when one does copy/paste into it. especially when one wants to insert some source code ... into the middle of existing code in the post. formating gets taken-in and the current code is screwed. Google docs has very useful "clear formating" button for that. Also ability to edit HTML behind would solve this and all the other similar issues .. --DBJ
jQuery Cycle plugin glitch
Hello, This might be 100% my fault but im using jquery's cycle plugin to show a very nice slideshow. Inside of that slideshow i also have swf's. My problem is when i use the pause feature and hover over the swf's it does not start back up again. To make it even weirder this is only an issue in Firefox. Any ideas would really help. <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="cycle.js"></script> <script type="text/Javascript"> //<![CDATA[ jQuery.noConflict();
.button( 'disable' ) not actually disabling the button.
Hi. I was wondering if this is the correct behavior. im using ff 3.6 and if i inspect the disabled button with firebug, ith has no disabled property, it only has the following. <button id="btnEliminar" type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-button-disabled ui-state-disabled ui-state-focus" role="button" aria-disabled="true"><span class="ui-button-text">Eliminar</span></button> However, Im able to click it and it responds to click event. I can
Extra newline <br> seems to appear when attempting toggle or slideToggle (?)
I have a div block with some text ... half of which is hidden (at first) in a span. When clicking on a link at the end of the visible half of text, the remaining half should slideToggle, revealing itself and hiding the link that the user just clicked on. All works great except an extra newline <br> seems to appear where the link was and I cannot seem to get rid of it. Any assistance would be greatly appreciated! <html> <head> <script type="text/javascript" src=" http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script
Themeroller (jQuery UI 1.8) - 2010-03-22 not working?
Howdy; it appears that the themeroller is not actually adding the customizations to the output file when I attempt to download a theme I've rolled. 1. Customize theme 2. Select "Download Theme" button 3. Customize JQuery UI download [ all this is with 1.8 ] I've tried both specifying and not specifying the custom theme name, and it appears that output is generated both under ./css/[theme name] and ./development-bundle/themes/[theme name], but nowhere in the generated CSS do I see my customizations.
data('title.dialog', 'new title') not working
Hi, I read the forum and found this syntax to change my dialog box title after it has been initialized: $('#myDialog').data('title.dialog', 'new title') However, it doesn't work for me. I'm using jQuery 1.4.2 and jQuery UI 1.8. Here is my very simple page: <html> <head> <title>Dialog box test</title> <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.custom.css" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript"
Draggable Ticket 5191 was solved but error remains and documentation not up to date with 1.8
I upgraded to the new 1.8 version. (Thanx for the many improvement!). When using the draggable plugin you can set the stack option. According to the documentation you set it like this: Initialize a draggable with the stack option specified. $( ".selector" ).draggable( { stack: { group: 'products', min: 50 } } ); However when looking at the source there has been a change between 1.7.2 and 1.8. in 1.7.2 the source is: $.ui.plugin.add("draggable", "stack", { start: function(event, ui) { var o = $(this).data("draggable").options;
getColor reports inaccurate color for transparent elements in Webkit
I realize that getColor (from jquery.effects.core.js) is not an exposed function, but I did notice something odd about the logic which leads to it reporting incorrectly for transparent elements on Webkit. I copied getColor, getRGB and the 'colors' variable out into a simple example file with the latest jQuery and following contents: <div id="red" style="background-color:red;"> <div id="trans"> Some text. </div> </div> And with the following call: alert(getColor($('#trans').get(0),'backgroundColor'));
Dialog explicit height doesn't match given value from set option
While trying to figure out some of the failing unit tests I came across a failed test that needs to be looked at. When setting dialogs height explicitly the actual height is 18 pixels higher then specified. Test case http://jsbin.com/equce/edit Ticket: http://dev.jqueryui.com/ticket/5392
UI Tabs - Loading pages recursively with ajax that contain tabs
Hello, I'm trying to load pages recursively that contain tabs via ajax tab call. I got a main page that loads a childpage and the childpage loads the childchildpage. All pages contain tabs. The childpage works correctly after I added the ctabs via the tabload event $('#tabs').bind('tabsload', function(event, ui) { //alert("tabs loaded"); $("#ctabs").tabs(); }); My problem is that this approach does not work with the chidchildpage, because the javascript will not be executed in the childpage. Is
Alternating style on Autocomplete
I'd like to propose adding a CSS class to alternating items in the autocomplete menu. Makes it easier to see when you have many items or items with long text. Add the following line to the autocomplete "refresh" function: this.element.children("li.ui-menu-item:odd a").addClass("ui-menu-item-alternate");And the following CSS definitions: .ui-autocomplete li.ui-menu-item { padding: 1px; // needed to prevent the item sizes from changing on hover } .ui-autocomplete a.ui-menu-item-alternate
Autocomplete - loading gif modifies default border style of input box
When used with a remote source a "ajax loading spinner" is set on the background of the input box. When this occurs on a default input box with no styling, the border style of the input box changes when the gif is present via the background rule. To duplicate: http://jqueryui.com/demos/autocomplete/#remote-jsonp If you have full control of the app you're adding autocomplete toyou can just set the border of the input box beforehand. However I'm trying to build an autocomplete widget that can be dynamically
TODO comment in autocomplete demo
http://dev.jqueryui.com/ticket/5381
add new raw in table and rename the input field name
I try to add new raw in table and rename the input field name in div, the id updated, but name doesn't updated and select filed not work for new raw. Thanks for any suggestions. Here is the sample: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#item_no1").click(function() { var row = $('#mytable tbody>tr:last').clone(true).insertAfter('#mytable tbody>tr:last');
Setting 'class' attribute in bulk attribute syntax without quotes breaks IE/Opera (WAS Possible bug in 1.4)
Morning peoples. I think i have found a possible bug in 1.4 but it's only in Internet Explorer 7 & 8. The following code does not work and completely ruins every peice of jquery on the page (that means everything inside $(document).ready and anyting else... $("<div/>",{ id: 'tooltip-'+rand, class: 'dock-tooltip', css : { 'position': 'absolute', 'z-index': '999', 'left': left+'px', 'bottom': '32px', 'display':
Firefox (3.6 on MacOSX) + Flash FileList.browse() = problem
I have a multiple file uploader that uses Flash to open the file browsing windows. It was having trouble with Firefox on Mac. I put it on to the test. Everything works fine, until I load the jquery library in the same page. No functions nor anything, just loading the library gives me the problem. The problem arises when I open the file browser from Flash and then close it (either by canceling or selecting some files). Then, the flash movie loses all mouse events (which prevents me from opening new
XML response parsing crashes on strange Content-Type header (XOP)
Hello all, I have discovered the following problem (jquery 1.4.2). I use $.ajax to send a request to a XML-responding webservice. This webservice sends and unusual Content-Type HTTP header which leads to a parsing error and calling the error callback function. Normally, a Content-Type header looks like: text/xml;charset=utf-8 but this time it is generated with help of the XOP which implies sending binary data, so the HTTP Content-Type header looks like e.g.: multipart/related;start="<rootpart*8d077d6b-19a4-4725-9ee2-f87f841541ad@example.jaxws.sun.com>";type="application/xop+xml";boundary="uuid:8d077d6b-19a4-4725-9ee2-f87f841541ad";start-info="text/xml"
scale broken in IE when using origin argument
I've been trying to show a div using the show function with the scale effect. My code works fine in Firefox. When I test it in IE 7, it breaks. I narrowed it down to either the origin argument of the scale effect, or the time argument of the show function (which seems unlikely). Like this: Works in IE 7, italics added to show commented code better: $(document).ready(function() { $("#hover").hover( function() {$("#content_show").show("scale",{percent: 100, direction: 'vertical'});},//,
dragdrop ui position absolute
I have a button which adds new image elements to a page at a fixed location (left: 132 top: 0). Each new image will sit on top of the last one unless the user moves it. If the user clicks add image and moves the image then clicks new image again both images are movable; however, if the user clicks add image twice then tries to move the top image, the bottom image cannot be moved unless the top image has been deleted. I attached a quick example to better explain the situation. In the example, the
IE7 / IE8 problem
Hi, I am using a Wordpress theme that uses curvycorners and a fade/hover effect jquery scripts. Unfrotunately this is not working in IE7. When I hover over nav button the background fade is supposed fade but instead it gets really messed. Here's the website: http://www.van-hussen.com/ontrading/ Has anyone got an idea why this is not working in IE? Thanks, Mark
Next Page