jQuery won't bind events to <object> elements
It looks like when I do $("object").bind("<mouse-event>") the event isn't actually being bound to the element in Chrome and Firefox (not sure about IE). Using $("object").each(function() {this.addEventListener(...)}) works fine though. I may have done something wrong (sorry if so). Here's an example page (it won't let me upload a .html for some reason). The commented out portion works, the uncommented part doesn't. <html> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
Issue with the jQuery pagination
I'm working on a page that has pagination and 3 different types of sorting. When the page is loaded, the pagination works fine, but, when i go to page 2 and then i choose one ordenation, the page 2 remains as index. The itens of page are inside of lists and divs tags. here's the code: <script> var quantItens; var hide; var paginated; function pageselectCallback(page_index, jq){ var order = document.getElementById('order').value; var new_content = jQuery('#Searchresult
accordion in IE9
I am sorry if this post is a duplicate to a reply I posted earlier, but it appeared that that thread may not have been active. I am using UI 1.8.6 and jQ 1.4.4 and the latest IE9 beta (v7.930) I encounter the standard "IE-is-breaking" error when trying to open an accordion element other then the first one. To wit, the error is: 'null' is null or not an object jquery-ui-1.8.4.custom.min.js, line 287 Does accordion remain a problem for others in IE9? Specifically, on selecting the first accordion
Datepicker formatDate can't handle predefined standard date formats
At http://docs.jquery.com/UI/Datepicker#option-dateFormat I've read that formats are avaiable from "For a full list of the possible formats see the formatDate function." There are predefined standard date formats like ATOM, or W3C ... If I set W3C the script handles it like it's a literal text. I didn't expect that. Here is my code, using jquery 1.4.4, jquery ui 1.8.6, livequery plugin 1.1.1 $( "#productionInterval" ).livequery(function() { var dates = $( "#productionStart, #productionEnd" ).datepicker({
jquery does not work after navigating another page
Hi, I am developing a project by using ASP.NET MVC 2 and Jquery Mobile. Everything is working fine but the problem is like that: I have an index.aspx and contains some links on it.my jquery codes are working fine in this page.I can evalute click function for textboxes or divs. When I navigate to another page "OtherPage.aspx" , nothing works overhere. But the tricky thing is , If I call the page directly form my browser like "http://myserver/OtherPage.aspx", everything works again fine. I try the
select within data-role="fieldcontains" sometimes renders off screen (1.0a2)
When I'm rendering a large list of select options in a form, if the default option is a ways down that list, most of the upper list renders off the top of the screen and isn't scrollable to choose it. In the example below, the option 'check_ping' is the default, which causes it to render in the middle of the immediate screen, and pretty much everything abut check_nntps (in this example) is unavailable off the top o the screen. The workaround I've devised so far is to simply not set any of the options
Jcarousel IE - Stop running this script?
Jcarousel causes the following problem on the website www.radiomagnifique.com. Stop running this script? A script on this page is causing Internet Explorer to run slowly. If it continues to run, your computer might become unresponsive. As you can see on the screenshot.
.stop() jumps to end
Hey. I have problem with stopping an animation. When I stop the animation, it jumps to end, even if I have given "false"-attribute. Example: I click hardware. It starts to move to hardware. I click projects. It jumps instantly to hardware. It starts to move to projects. It stops at projects. What it should do: I click hardware. It starts to move to hardware I click projects. It changes course to projects. It stops at projects. http://laasonen.net/ <- My page http://laasonen.net/js/page.js <- goTo-function
problem tih 'offset(coords)' in different browsers
I have a very specific bug, and i spent a few hours trying to dig into something.so here's the bug: i have a very different behavior of setting offset top with $.fn.offset function in google chrome and mozilla firefox(ie has behavior like mozilla). the results are very different. as i watched - the inside body of the function gets the top property of element by curCSS, which is definitily giving different results(first case - about 150, other - about 4500 px). i am setting the top of the element
Dialog position not honored within an iFrame in Chrome.
I am using jQuery UI dialog widget to show notices in an application that is running within an iFrame (a Facebook application to be precise). It works fine in Firefox, but in Chrome, the dialog shows up on extreme left-bottom inside the iFrame, even though I have specified the position as 'center'. I am using jQuery core version 1.4.3 and jQuery UI version 1.8.6 My code is as follows: $(function() { $("<div id='flash-notice' title='Done!'><p>Your edits were successfully saved!</p></div>").dialog({position:'center'});
Change event not raised when using datepicker in IE8
When using IE8 and entering a date using the keyboard the change event isn't raised when the input loses focus if the datepicker was visible whilst entering the date. Steps to reproduce: Use IE 8 Focus the input field (datepicker should show). Enter the date "10/10/2010" in to the first input field (do not close the datepicker). Tab to the next input field. Result: The page still shows "Date: none" Expected Result: The page should show "Date: 10/10/2010" http://www.jsfiddle.net/gUc5c/8/ Notes: The
live() method does not work if selector has dot character
I am trying to work live method work but could not if id/name has . (dot) character. jQuery1.4.2 Example: <html> <head> <script type="text/javascript" src="../scripts/jquery-1.4.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('[id="state._[0]"]').live('change blur',function(){
find() in IE
<html> <head> <script language="javascript" type="text/javascript" src="jquery-1.4.4.min.js"></script> <script language="javascript" type="text/javascript"> var xml = '<?xml version="1.0"?><root><t1>c1</t1><t2>c2</t2></root>'; alert($(xml).find('t1').text()); </script> </head> <body></body> </html> in FF this script returns 'c1' and $(xml).find('t1').length == 1 in IE - empty string in alert and $(xml).find('t1').length == 0 How
jQuery 1.4.2 and 1.4.4 break forms - preventing browsers from "remembering" previous values
Normally, if you fill in some form values, hit submit, then press BACK, your previous values are still there. However, if you add jQuery to your form, then browsers no longer remember your previous values. From what I've read this is because jQuery hooks the unload event, and this is a signal to browsers like Chrome and Firefox that the page is not backwards-forwards-cache aware (bfcache). See: http://friendfeed.com/paul/2b7ddce5/jquery-1-3-breaks-bfcache-because-it-binds Is there a fix planned?
Radio, checkbox and select disappearing
I am using jQuery mobile to develop a mobile friendly site. When I post a form to the same page all the radio buttons, checkboxes and select boxes disappear. (The reason for doing that is to display validation errors above the form.) More generally if any of these controls has an id which is the same as a post variable name they just don't display. I don't know whether it is a bug or feature, but it seems to be the former to me. Edit: I figured out in the meantime, that it is not neccessary to actually
resizable and chrome
The following web page and application.js should just make an image resizable... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link rel="stylesheet" href="css/main.css" type="text/css" media="screen" title="no title" charset="utf-8"> <link rel="stylesheet" href="css/smoothness/jquery-ui-1.8.6.custom.css" type="text/css" media="screen" title="no title" charset="utf-8"> <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
jQuery FAQ recommends CSS float property unnecessarily
In the FAQ, under the heading, Why do animations set the display style to block?, a workaround proposed is to set the element's CSS float property [to something other than none]. This may be bad advice, as floated elements have side-effects that may be unwanted* and working around those side-effects can be a delicate art. There is a much better alternative, designed specifically for the task: display: inline-block. This style is supported in all of jQuery's supported browsers, excepting the following:
Some page rendering issues
<legend> inside <fieldset> makes Safari (both on Mac and iPad) not render the page. <div data-role="footer"/> makes the browser not render the page; Chrome, FFox, Safari. <div data-role="footer"></div> works fine.
text-indent bug (bugs.jqueryui.com isn't working for me)
text-indent: -99999 on icons makes adjacent inline elements disappear too. To reproduce, view this in IE8 with Browser Mode: IE8 or IE8 compatibility view, and Document Mode: Quirks Mode. <html> <head> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css"/> <style> /* "body" required for reproducing bug */ body .ui-icon-star { background-image: url('/some-url-404'); /*
jqModal IE6 infinite scrolling
Hello, I have implemented the jqModal plugin on a website (still under development) it works fine on all browsers so far, but on IE6 the window is scrolling infinitly vertically, I found some link on the internet, but I don't really understand what the ppl did http://groups.google.com/group/jquery-en/browse_thread/thread/faee5390daa3d95d?fwc=1 Has someone already faced this issue or got any clue ? Thanks! Kevin
jQuery Dialog difference between 1.7.2 and 1.8.0
There seems to be a change between the way jQuery UI Dialog boxes position is handled between 1.7.2 and 1.8.0. In 1.7.2, if you position a dialog box to be off screen the browser will have scroll bars and the dialog box will be where you put it. In 1.8.0, if you position a dialog box to be off the screen it puts it on the right most edge of the viewable area of the browser. I can see the use case for both, but updating broke some functionality. Is there a way to have 1.8.0 act like 1.7.2. I have
autocomplete escape html tag in version 1.8.3
Hi, I'm using the google jquery ui files 1.8.3 and since last week the suggestions doesn't seems to accept anymore html tag as it was doing with 1.8.2 ex: ["<b>dell</b> ordinateur","<b>dell</b> computer","<b>dell</b> ordi"] Thanks marc
jQuery UI and RubyMine code inspector errors
I am developing a Ruby on Rails (2.3.9) application on my Windows XP machine with RubyMine 2.0.2. I use HAML/SASS for the views...and want to incorporate jQuery and jQuery UI for some rich content. jQuery UI wants to work with a theme that uses a lot of background images (dropped into Rails /images folder). After I add 'jquery-ui-1.8.6.custom.css' (from the default download) to my stylesheets, then look at that CSS file with RubyMine, the code inspector indicates a lot of red errors...which makes
jquery .get not doing an xhr request! on firefox
Hi,I have just entered the world of jquery and pretty new to javascript too.I have a small javascript snippet like below:- <script type="text/javascript"> $(function(){ $('a').click(function(event){ event.preventDefault(); $.get('/_add_navigation_',function(response){ $('#themaincontents').html(response); }) }) </script> The html looks like below:- <a href="?toaddnavigation">CLICK Me</a> <div id="themaincontents"></div> On the server side I do an xhr header
Validation - Remote validation marks a field as both "valid" and "error"
The title says it all. I am using jQuery Validation to validate a form. One field (a CAPTCHA field) is validated on the fly using remote validation. When the user types the correct code into the CAPTCHA field for the first time, the field is marked by jQuery validator as "valid" and "error" (I'm not sure how this is possible). If the user then clicks into the CAPTCHA field and then clicks/tabs out of the field, the erroneous "error" class is removed. I think the issue must have something to do with
Bug with Accordion and Tabs on same page in container divx
I have discovered an apparent bug when using both Accordon and Tabs on the same page. It took some hours, but here's what I tracked down ... My page was laid out in a two column table. Accordion in the left (narrow) <td>, tabs in the right <td>. It worked fine. I converted the page to all divs. Float left div for the left column, float right for the other. When the accordion div (within the primary left column div) and the tab div (in the primary right side div) are on the same horizontal plane,
Combobox within html form tags
I need quick help with the combo box, the script i am using below works perfectly fine until i put the combobox within form tags the autocomplete works fine but the dropdown list automatically submits the form once clicked??? <form> <label>Town: </label> <select id="town" name="town"> <option value="">Select one...</option> <?php $fetch = mysql_query("SELECT DISTINCT Town FROM properties"); while ($row = mysql_fetch_array($fetch, MYSQL_ASSOC)) { $townnames = $row['Town']; echo "<option value=\"$townnames\">$townnames</option>";
dialog not centered horizontally in chrome with v1.8.6
To reproduce <div id="popupcontainer"> Test stuff </div> and $("#popupcontainer").dialog(); The dialog is shown centered vertically, but not horizontally (appears on the left) in Chrome 7.0.517.44. Works fine in IE and FF.
Different behaviour since v1.4.4
Hi, In a very simple JQuery example I use the following code: $('#master_sidebarNews').toggle('slow'); If using JQuery up to v1.4.3 this works just fine. When switching to v1.4.4 I get an "Object expected" JScript error on this code. Can anybody help? Thanx
Links on Dialog Pages does't work in nested lists.
Having one of the nested list item open a dialog upon pressing, does show the dialog popup, but clicking on the link just closes the dialog box and returns to the original page. It will not go to the page linked. Below is a sample implementation <ul> <li> States <ul> <li><a href="tennessee.html" data-rel="dialog" data-transition="pop">Tennessee</a></li> <li><a href="Alabama.html">Alabama</a></li> <li> <ul> And lets say the tennessee.html contains an a href link.
Toggle/Animate breaks <a href=''> linking?
Greetings, I've already spent two nights on trying to solve this very annoying issue, so I'd really appreciate if anybody could give me a hand as fast as possible. SITUATION DESCRIPTION: I've created a menu that is animated by two jQuery scripts (also written by me). One script animates the <ul> listing of menu items, and the second one animates whole menu blocks - a block (header and <ul> listings)r is risen up after clicking its header. PROBLEM DESCRIPTION: After applying those two scripts on the
IE 8.0 shows jQueryUI Tabs with small defect
I've noticed a small defect of jQueryUI Tabs in IE 8.0. If any tab except first is selected, there is no thin background colored line between inactive tabs and palette of active tab. If first tab is selected this line is displayed. Here is a simple code I reproduce this small shortcoming with: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <!-- jQuery --> <script type="text/javascript" src="jquery-1.4.2.js"></script> <!--
Animations should (temporarily) override min-height and min-width
When animating, jQuery of course overrides width and height (as well as forcing overflow:hidden). If you have a min-height or min-width though, jQuery doesn't reset that--it really ought to, so you can, say, .slideDown() an element that when visible, has a min-height. Here's an example: http://www.babywhale.net/jquery/minheight.php I run into this one a lot more than you'd think! :)
JQuery UI 1.8.5 dialog - now has scrollbar since upgrade
Hi I upgraded from 1.8.4 to 1.8.5 and this has caused my dialog to display with a scroll bar. The only change is which version of jquery-ui.js file I am linking to. This is the html for the dialog: <div id="myDialog" title="My Title"><p>This text forms the first paragraph of my dialog text. Lorem Ispum blah test.</p><p>This is the second paragraph text of my dialog.</p></div> This is the code for showing it: var dlgOpts = { bgiframe: true, modal: true, closeText: "Ok" , buttons: {Ok: function() {$(this).dialog('close');}}
Fullscreen positioning doesn't work properly
In the latests Alpha 2 the Fullscreen positioning doesn't work properly. Whe you open a page this is the behavior: iPhone: When you open the page the header/footer are hidden. When you tap nothing happens. When you tap again (2nd try) header/footer are displayed. At this point, everything works properly. Android: Exactly the same as the iPhone. Desktop: When you open the page the header/footer are hidden. When you click again header/footer are displayed. Also, if you move the scroll bar, header/footer
click even have two connected movements
I met a very strange question, click even have two connected movements I use jquery js code to load the dynamic features required to load the appropriate procedures js The work load is usually regarded as normal, but sometimes abnormal Reload the page, the location of newly hatched problem will not necessarily be a problem In short very random For example the following code When you click on the corresponding object, it will trigger to load the js file, and perform the functions file $('#project').click(function(){
bugfix for jquery-1.4.2, internet explorer 8, jquery.fx.step()
Hi. I'm developing a free web component, http://mediabeez.ws/lah, which runs into a startup problem when viewed in IE, caused by jquery. The thing crashes due to a "invalid argument" error. I hereby propose the following fix; jquery-1.4.2.source.js: line 5892 and further: old code: step: { opacity: function( fx ) { jQuery.style(fx.elem, "opacity", fx.now); }, _default: function( fx ) { if ( fx.elem.style && fx.elem.style[ fx.prop ] != null ) {
Bug with jQuery UI checkbox .button() Style does not change when script changes checked value
<input type="checkbox" id="check" /><label for="check">Toggle</label> <input type="button" id="button1" value="Turn it off" /> <script> // make the checkbox a jquery ui button $('#check').button(); // make the button turn off the Toggle checkbox $('#button1').addListener('click', function(e){ alert($('#check').attr('checked')); $('#check').attr('checked', false); alert($('#check').attr('checked')); }); </script> The style of the toggle button will not change, even though the attribute
Sortable <ol> elements don't display numbers properly.
I have an <ol> that I've made sortable, and when I drag elements around, the numbers go all out of whack. So initially I have a list appropriately numbered 1, 2, 3. When I start dragging an element, it shows 1, 3, 4. Then when I drop it, I get 1, 3, 3. This problem is in Firefox 3. In Chrome, I get the wrong numbers when moving elements, but it seems to always be correct after I drop them. If anyone would like some example code, I could probably make something fairly quickly. Thanks!
Resizable Textarea within Dialog
I've tried this in multiple browsers and it seems that when using Resizable Textareas within Dialogs the textareas are "hidden" not sure how they're hidden, but they are.
Next Page