outerWidth(true) retrieve a wrong value on Chrome (ubuntu)
Hello, I try to get the outerWidth(true) value on a div but I get a wrong value on Chrome 6.0.472.63 (Ubuntu 10.04.1 LTS) with jQuery 1.4.2. I try my test under a windows XP Chrome version, same problem... I found a 2 years old open ticket (#3333), but It's about jQuery 1.2.6. somebody see what is wrong, my test is really simple... maybe I need to open a new ticket ? test: <style type="text/css"> #example1 { width: 500px; height: 500px; position:
blockUI 2.31 throws a JavaScript error in FF 3.6.10
When using blockUI, sometimes I get an error on line 462 of the code, near the end of the handler function: if ($(e.target).parents('div.' + opts.blockMsgClass).length > 0) This may or may not be due to firing multiple .block() events on the same element. The problem seems to be limited to Firefox; IE8 & Chrome 6 work without an error. I have tested this on multiple Firefox installations. I have a fix that checks to see if opts has been defined as a closure prior to its use: if (typeof opts !== 'undefined'
Easing Problem with Accordion in jQuery 1.4.2 and UI 1.8.5
So I have am Ajax loading a set of tabs with Accordion's inside the tabs. The tabs are working fine, but the accordion gets an easing error after the first click to switch tabs. Firebug is throwing an error of "jQuery.easing[specialEasing || defaultEasing] is not a function" on line 5854 in jQuery 1.4.2. has anyone ran across this? here is my code below: <!-- ### BEGIN SCRIPT FOR TABS ### --> <script type="text/javascript"> $(document).ready(function(){ $(function() { $("#tabs").tabs();
Select's onSelect event doesn't work in IE and Chrome
Hi, I'm using my custom component that has a combo box (jsf's h:selectOneMenu, which has a onselect event) in it and it already has a onchange event, so I want the onchange event to trigger another onselect event with jQuery and it only works in Firefox. I tried it without the component and it looks like this: <html> <head> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript"> function select() { $('#customid').trigger('onselect'); } </script> </head>
Jquery issue in IE browser which contains protoype
we are using jquery 1.4.2 for displaying menus on mouse over functianlity In one of our legacy page we are using ajaxtags-1.1.5.js and dependent prototype1.3.1.js for ajax autocompete functionality .in this page the menus are not working in ie browsers .th error message 'Object doesn't support this property or value' is displaying in jQuery line no 2828 (match expression). where as in firefox it is working fine. can any one help on this? thanks, bala.
dblclick on item addeds dynamically in Sortable List
Hi, I have a problem with a dblclick event on Sortable List. If i added item dynamically in this mode: $('<li id="id">Text</li>').appendTo("ul#list"); When a click on one of this new item the event dblclick not respond, this problem appers only with new item added dynamically. $("ul#list li").dblclick(function(){ alert($(this).attr('id')); }); Thanks very much. I'm so sorry for my bad english.
onSelect is called too soon (in my opinion)
Hello I am using the jQuery datepicker plugin for a project I'm working on, but noticed the following: I changed the default styling so that the dates wouldn't be font-weight: bold but normal. This way I thought I could, with the help of an ajax call bold the dates that have appointments. To do this, I use the onSelect and onChangeMonthYear events. This semi works. The problem is that when using onSelect: I go through the dates, bold the ones that have an appointment (I halt the JS with alerts and
Event binding to buttons in FireFox requires an alert() box
Hey I have a piece of javasacript code that searches through several iframes for buttons with specifi id's. When I find the button, I bind a click event to that button. This works perfectly fine in IE, but only works in Firefox if I alert something. After I click on the alert button ok, the click events are assigned correctly and the buttons work fine. See my code below for achieving this: $.each(iframe, function(index, ifrm) { // Add target="_blank" to text hyper
UI 1.8 Date Picker: parseDate() error
Hello All, I am using the jQuery UI Date Picker and our client is having a very particular issue. We are formatting dates with the mask 'mm/dd/yy' and are running into an issue when typing the date '11/01/2008'. After typing '11/01/2' the date picker decides that this is enough to create a date and updates the date picker to '11/01/2002'. It also removes the date from the text field. It seems that the internal method _doKeyUp() is calling parseDate() and parseDate() is causing the partial string
Problem with Forms plugin and IE 7
Hi, I'm using the Validation plugin in conjunction with the Forms plugin for an online survey app the I made for my company. You can see the app at: www.millenniumpromise.org I've disabled the app for IE 7, so if you go to that page using IE 7 you won't see the app. The app works beautifully on Firefox, Safari, and IE 8. However, on IE 7, my validation script seems to make the browser "freeze." I've narrowed it down to the snippet below (SEE BELOW). After a long trial and error session, I discovered
Issue with jQuery.dialog(), IE6, and IFRAME
I have a dialog that I create to float over an IFRAME, but below a 'suckerfish' menu system. When the dialog displays in IE6, the dialog, along with the text above the IFRAME, are moved up so as to show only part of the dialog, and none of the content of the IFRAME. This behavior does not happen if I use IE8. Are there any known issues with jQuery.dialog(), IFRAMES, and IE6?
jQuery doesn't kick in on FF unless firebug is launched
I have a number of javascript files. Some my own and some which I got off the net in my application. First, there's jquery and then a bunch of plugins and finally, my own scripts to bind all the correct elements and get the page ready. For some strange reason, none of the scripts get loaded when I load the page. However, once I open firebug to try to see what's happening, it works fine. Does anyone else see this problem? Any tips on where I can start looking?
Problems with buttons with primary icon
I'm not sure what's going on here. I have a stock jqueryui install, latest version. When I use the jqueryui button functionality with a left (primary) icon, the button appears at the upper left, and the text appears below. I tried copying the demo source and running it on my own web page, and it happens there too (see screencap). What am I missing?
No download link for jQuery Log
When I go to this plugin: http://plugins.jquery.com/project/jQueryLog There's no link to download the plugin. What's the deal? There seem to be download links available for other plugins.
Accordion bug
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>jQuery UI Tabs - Default functionality</title> <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="../../jquery-1.4.2.js"></script> <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> <script type="text/javascript" src="../../ui/jquery.ui.tabs.js"></script>
Sortable elements not clickable after sorting.
Hi, I have an unordered list that is sorted and each of the <li> elements contain divs with a class that is used to assign a click function to the div. The click function works fine before a list item is moved in the list. Once it has been moved though, the click function does not work anymore. Any thoughts on what this could be? I've tried a couple of things now and the below is the current state of the code which is producing the error as described above. Thanks in advance $("#sortable").sortable({
problem with tabs ui
I have been using jquery tabs (love jquery) on one of my sites and it has been working beautifully except the client recently needed a 12th tab (up to this point they have had 11). the tab appears, you can switch too it but none of the css code gets applied to the last tab. If I move it to an earlier position it works great but whichever tab is in that 12th position the css code is not applied. I upgraded to the most recent release and looked through the script but cannot seem to find the issue.
autocomplete - repeat searches no results.
Hello all! First time in the forums. I have setup an autocomplete text field, linked to a db datasource that is loaded through an ajax json call. I have noticed that if a perform a search (e.g. "ch"), then backspace and perform the exact same search, the results dropdown will not appear the second time. This only happens if performing the exact same search twice in a row. If I do another search (e.g. "chr"), the second time, then do my original search I will get the results dropdown as expected.
d(this).data("draggable") is null
Hi, This error occurs in firefox at the very end of a drop operation and happens 1000+ times before finishing, with everything appearing to be normal. Looking on the web, I can find two other posts reporting an identical problem with identical situation to mine - http://www.developerit.com/2010/06/11/jquery-live-draggable-live-droppable http://www.jquery-board.de/index.php?t=rview&goto=1085&th=357 Looking through the jQuery UI code, I believe that the problem is in one of the methods below from
absolute positioning doesn't work in a dialog on any browser
absolute positioning from a parent element doesn't work in a jquery UI v1.8.4 dialog box. I'm having a hard time coming up with a workaround for what I need, so figured I'd post this issue here and see if there's a potential fix? Basically, if you have a div (doesn't matter how nested it is) with css position:relative inside a jqueryui dialog, and then inside that div you have another div with css position:absolute, the inside div will be positioned relative to some other element (an unknown element
Accordion item expands even if there are no child elements.
Parameters I use: active: false, collapsible: true, animated: 'easeslide', autoHeight: false, Please check the attached screenshot. Note: The issue disappears if the following steps are done: 1. Open an item with no children (item expands now) 2. Open another item with no children (now this item doesn't expand). 3. Open the first item again now (the item won't expand now). Version used: http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/jquery-ui.min.js
hoverintent accordion example broken in IE 8
Hello, I am trying to use a hoverintent event for an accordion on my site. However, the example I'm using on the jQuery UI site throws an in IE8. Gives a 'Member not found' error. Any help is greatly appreciated. Edit: URL to problematic demo: http://jqueryui.com/demos/accordion/hoverintent.html
jquery.tablesorter sortStart called even when sorting is disabled
Hi, I am using the jquery.metadata plugin to disable sorting on certain columns by specifying the class "{sorter : false }" as suggested. That works fine BUT I also have bound a sortStart method and that gets called even on disabled headers. I "fixed" this by simply putting a check to see if the sorting is disabled on a particular header and if so, exiting the function -- but it might be worth not calling the method or not binding the header in the first place on headers where sorting is disabled.
Possible bug when Adding Autocomplete Comboboxes dynamically
Hello, It seems that adding comboboxes dynamically, after the first one, voids the previous autocomplete/combobox event handlers and nulls the previous Selected value. See html here: http://gomedia.cc/plv3_svn/tpl_mockups/comboBoxIssue.php Js here: http://gomedia.cc/plv3_svn/js/newProject_docReady. & here: http://gomedia.cc/plv3_svn/js/autoCombo.js The bug appears to occur in Gecko browsers. IE works as far as I can tell. We're actually trying to populate these with ajax but ran into this issue
docs.jquery.com not accessible -- any advice ??
Have problems to get that page loaded. The main page http:jquery.com and forum is ok. Only the http://docs gives problems. Yes, I have Noscript installed, but can't find any settings, same with cookies ... What else prevents my firefox to get that page. On a MAC on the same router/lan no problem. Any advice? Günter mail: neandr_AT_gmx_DOT_de
Load() issue and script getting disabled?
I followed a simple example on the jquery site where I load a html page inside a div. The page does load inside the div correctly however what i noticed is that the page that loads inside the div, its jquery scripts don't work. . when i call the page by its own the jquery scriptes work: code in js file: /* Loads the default contact page inside the content div using the jquery ajax api */ $(document).ready(function () { $("#showcontactusform").click(function(event){ $('#contentdetails').load('/contact/contactform1.html');
Fix to bug #4088 didn't work for IE
Hi, A couple of weeks ago I discovered that the fix in #4088 didn't work for IE (and I found a forum post where someone else had hit the same problem). I think I tracked down the reason and reopened the ticket and added some information to it about what I think would be the way to fix it. Because it has the original milestone and isn't assigned to anyone it's possible it may not pop up on any of the lists to review, so I thought I'd make this forum post just to draw attention to it! Regards, Matt
Datepicker causing table width to expand on IE6
Hello, I have found a very strange problem. I have a datepicker in an input and few tables in my page. All the tables are set to width 100% so if they aren't too wide, they will reach the border of the window. One table has a lot of columns and therefore the width will cross the window border (even if its width is 100%). When I click on the input to open the datepicker, it pops up fine but all the tables widths are expanded automatically to the widest table width (the one which is wider than
Jquery image-scroller help needed
Hello everybody I am trying to implement the following image-scroller jquery technique But for some reason it doesn't work, I compared my code against the demo 100 times, but everything is just the same. Could anybody please help me? JS: HTML Code: <script type="text/javascript" src="/uploads/turizm/images/jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(function() ).width($(".wrapper").length * 170).height(170).appendTo("div#viewer"); //add images to container $(".wrapper").each(function()
Strange behavior of Draggable under IE8
Hi, I'v made a toolbox (ie: a div containing several objects). I want to have the toolbox being draggable, and each individual object being draggable as well. See enclosed page. The page works fine with FF and Chrome: when I move an individual, the toolbox does not move (as expected). However, strangely enough, under IE (8), the toolbox follows the individual. I spent several days on this.... and would appreciate if someone can help! Thanks.
Touch Event: jQuery Event normalization does not preserve the event.touches (at least on iOS/iPad)
$(document).bind("touchstart touchmove touchend",function(event){ debug("touch event " + event.type + " touches: " + event.touches); }); // doing this will pretty will print ".... touches: undefined" Workaround: Luckily, jQuery keep the originalEvent handy (thank you!) debug("touch event " + event.type + " touches: " + event.originalEvent.touches);
"tabindex" selector: IE6 Vs FF3.6
Currently our company is migrating from IE6 to FireFox 3.6. For some time both browser will be used in parallel. The selector $("[tabindex]") seems to act differently on both browsers, consider the following code: <script type="text/javascript"> $(document).ready(function() { var output = ""; $("[tabindex]").each(function(i, elem) { output += "<br/>"; output += $(elem).attr("text") + ":" + $(elem).attr("tabindex"); }); $("#result").html(output); }); </script>
copy/paste broken when datepicker attached to input field
Hi guys, I've come across a small problem using the datepicker from jquery-ui. When attaching a datepicker to an input elements as below, the key bindings for copy and paste seem to be lost. $(document).ready(function() { $('.datepicker').datepicker({ changeMonth: true, changeYear: true, dateFormat: 'dd/mm/yy' }); }) <input class="datepicker" type="text" name="mydate" value="01/01/1981"> I suspect that this is because the use of keyboard shortcuts that are attached to the datepicker. Is there
Autocomplete - options not redisplaying
I just recently moved up to jquery UI 1.8.4 from 1.8.0, and this was introduced somewhere along the way. The problem is visible in the "remote datasource" demo for autocomplete. Reproduction: 1. Type in 'sp', wait for results 2. Press backspace, results go away as intended. 3. Type 'p' (field now reads 'sp') 4. Note, results do not come back. Granted, you can press the down arrow to get the list, but that is not immediately obvious to the average user. I went into the code see if i could easily
using custom options in jquery UI dialog
I've noticed what I'd call a bug when using custom properties in the jquery UI dialog plugin: If I do something like $(function() { $('#dialog').dialog({test: 'OK'}); alert($('#dialog').dialog('option','test'); });all works fine and I get an alert with "OK" written in it. However if I do something like $(function() { $('#dialog').dialog({test: 'OK'}); alert($('#dialog').dialog('option','non_existent'); }); the alert contains "[object Object]", and upon further tests it seems
Strange and unexpected behaviour of $.ajax, error and localhost
Hello, I found this behaviour of $.ajax using this simple code. I tested this on Firefox, Chrome and Safari (not on IE :| ). I'm using jQuery 1.4.2 Suppose you have this code: function test() { $.ajax( { url : 'test/GameConfiguration.json', dataType : 'json', data : { a : 'aaa' }, cache : false, method : 'get', timeout : 10000, //10 secs of timeout success : function(data, textStatus, XMLHttpRequest) { console.log("success"); if (data == null) console.log("it's not a real success"); }, error : function(XMLHttpRequest,
jQuery New release 1.4.2 doesn't suppoert cross server functionality
Hi, I am using jquery.1.3.2 version in my application. My application is running on two different server, one is on "http" and other is on "https" I am displaying few files from https server to http server via ajax. Everything works fine in IE 6 +. But same functionality not works in Firefox 3.5. Before changing jQuery's version (dont know exactly which version), my functionality works properly in IE and FF. Today I downloaded latest version of Jquery (1.4.2), and while testing I found
ID-Selector always returns null after move to new server
I just moved a project from my development-server to the live-server. Since the move, the jQuery I use for scrolling an image stopped working: $("#" + divid) is null // divid is "box" in this case The variable doesn't seem to be the problem, since it contains the right string when I check with Firebug. I tried selecting the div without the variable: $('#box')But it just returns null. When I do the same on the development-server-copy of the page, it works and returns the div. Selecting the element
Recreating button not working
I am having an issue with .button() on the second call for a dialog open function. On the first pop up the icon is included and the button is enabled, etc. On the second pop up the icon is not included. Any ideas? Here is my code: $('.ui-dialog-title') .append('<span style=\'padding-left:10px\'><button id=\'previous\'></button><button id=\'next\'></button></span>'); $('#previous')
Selector Traversing Problem in IE
Does not work in IE6, but FF, SAF works only. any better way to solve this issue? $js('#row_1 #my_name').css({ color: '#00FF00'}); $js('#row_2 #my_name').css({ color: '#FF0000'});<div id="row_1"> <div id="my_name">Asim</div> </div> <div id="row_2"> <div id="my_name">Masood</div> </div>
Next Page