Opening Dialog with link in content causes flicker & jumping
I'm trying to use the jQuery UI Dialog and I'm encountering some odd behavior. See the link at the bottom for a demo of this issue. I have a link that creates (and opens) a dialog on click. A dialog with no links in the dialog content open as expected; however, and dialog which has a link in its content causes a flicker of the entire page and jumps the dialog content down to the first link. You can look at the source of the page linked below for an example of this issue. Any help is greatly appreciated.
jQuery Plugins Login
Hello, I am having real problems today logging into plugins.jquery.com in order to upload the latest versions of the plugins I have authored (under the user name "sohnee"). When I log in, I get the following mixed message, and clicking on "My Projects" states that I don't have any projects. I also get access denied errors when trying to view my plugins directly, which I can do when I am not logged in (such as http://plugins.jquery.com/project/sidecontent) Can anyone help with this issue? Here is
My jquery works on IE but not on Firefox
I've load form.php page on index.php page with .load() function. Then include form.js in the form.php that validate and submit the form. It works on IE but not on firefox. But If I load the form.php page directly on firefox it works. What is the problem!?
Autocomplete. Submiting by enter does not work
Hi! Submiting by enter does not work when suggestions are shown, but no one is not selected. When I type something and then press Enter, does nothing. I expect that form will be submitted (as default behaviour for forms). How to solve this problem?
failing test: diff: basics (1, 0, 1)
undefined, expected: "<em>the</em> quick <del>brown </del> fox <del>jumped </del><del><strong>over</strong> </del><ins>jumps </ins><ins><strong>o</strong>ver </ins>" result:"<em>the</em> quick <del>brown </del> fox <del>jumped </del><del><strong>over</strong> </del><ins>jumps </ins><ins><strong>o</strong>ver </ins>", diff: "<em>the</em> quick <del>brown </del> fox <del>jumped </del><del><strong>over</strong> </del><ins>jumps </ins><ins><strong>o</strong>ver </ins>" On chrome, Fx, IE and Safari. Doesn't
UI Button primary icon only position problem
Dear all, I'm using jquery 1.4.2 and jquery UI 1.8.4. I need to create some button with a primary icon only and text. Setting a primary icon only (other than the text) the problem is the text has a wrong position relative to the icon (see the attached image, icon only and primary+secondary work fine). JS code: $("#button").button({ icons: { primary: 'ui-icon-locked' } }); I tried it on Safari, Firefox and IE getting the same problem. Anyone could help please?
bordered round corners for ie
The example on the page at http://jquery.malsup.com/corner/ contained this code for round corner ui element with border: $(this).corner("round 8px").parent().css('padding', '4px').corner("round 10px") but if it is replaced with this: $(this).corner("round 8px").parent().css('padding', '1px').corner("round 9px") the upper corners don't show right for internet explorer 8, they are ok with other browsers. I had that in my project first and then I wanted to know if I can reproduce the behavior with the
:empty, select and .serialize()
Hi! I found a jQuery bug: http://jsfiddle.net/TbJ9G/ Case: If you have an select-option with value="" (or be :empty), it will be selected. :S Bye.
Bug - link in dialog has rectangle around it.
I think I found a bug using a UI dialog containing a link. I have a simple page with a UI dialog containing 2 links. The first link is rendered in the browser with a rectangle around it in most browsers I have tested it in. One browser where this does NOT occur is IE6 (haven't tested with IE7). In Safari 5 mac, there is a blue rectangle around the link. In FF 3.6.8 mac and FF 2 Windows there's a black dotted line. In Opera 9.02 in Windows, the link is highlighted blue. Feel free to school me if
Slider moves wrong way?
I tried the vertical slider example, with slight modification, the test file is: http://ancestry.bagnall.co.uk/time_machine/test.asp . I find in FF that when clicking on the slide, the button moves in the opposite direction. And I also can't click and the slider. I must have made a fundamental error, but I can't spot what it is. Can anyone help please?
IE7-8 png on hover
Hello, I can't find a way to fix this. Let's start with the code. HTML <div id="showcase_home"> <div class="shop"><a class="shop_hover" href="?page=shop"></a></div> </div> <!-- END showcase_home --> CSS .shop_hover{ background: url(img/shop_hover.png) no-repeat top; width: 290px; height:230px; display:block; padding:0; margin:0; } div#showcase_home div.shop{ background:url(img/shop.png) no-repeat top; margin-right:0;
jQuery XML parser not getting attribute 'dir'
I'm using jQuery to parse XML which is retrieved via ajax, however I have found a problem/bug with using the actual XML input. Consider the following example: var $line = $('<example dir="value">Example Text</example>'), dir = $line.attr("dir"); console.info("dir: ", dir); This example should return 'value' instead it returns an empty string. Tried the above code with a different attribute name and it returns the correct value. Is 'dir' an invalid attribute or its value should always be 'ltr' or
submitting a form that is in a dialog
Hi! I have the following problem: I've created a dialog, which works correctly. The "ok"-button of this dialog shall submit the form. But this action doesn't seem to work, because nothing happens. Here is the body-part: http://pastebin.com/bYeeiqyt On line 38 you can see the submit function (I tried various). On line 47 I specified the form. I hope, that someone can help me.
TImers Plugin "Too much recursion" on oneTime function
While it works, I'm getting a "too much recursion" error using jquery.timers.js. Version: just downloaded 8/26/10. Code that's causing the issue: <script> $(document).ready(function() { // This will hold our timer $(document).oneTime(3000,"",function(){window.location="/hpn/public/index";}); }); </script> Not a biggy, just reporting the issue. Thanks, John
Setting options in autocomplete after init has no effect
Hello, I set up autocomplete (jQuery UI autocomplete - added in 1.8) like this: $("#client").autocomplete({ minLength: 0, source: '/path/to/autocomplete/ajax/datasource' }); Autocomplete works as expected. But then I need to change "source" option so I do this: $("#client").autocomplete("option", "source", "/path/to/another/datasource"); but is still requests original datasource URL (I used to FireBug and it's the same URL). No change happened. I tried different options, but with no luck. Even destroy
validation rules/messages using "id" instead of "name"
I am using .NET 4 with ClientIDMode="Static" which outputs controls with nice clean id's, although the "name" is still messy when nested in master pages, user controls, etc... For example: <input type="text" id="txtEmail" name="ctl00$hdr$txtEmail" /> However, when I tried to use the id as I expected to set something like: "...validate({ rules|messages: { txtEmail: "required" }..." it wasn't working. But if I change it to use name instead like : "...rules|messages: { ctl00$hdr$txtEmail:
validate plugin doesn't remove multiple error messages in firefox
The validate plugin was setting opacity to 0 but not display:none if I had multiple validation errors ( one was being removed correctly the others were just transparent) I used the following fix in 1.6 if(typeof(ajaxValidate)=='undefined'){ajaxValidate = false} if(!ajaxValidate){ linkTofield = $.validationEngine.linkTofield(caller); var closingPrompt = "."+linkTofield; //fix by BW 2010-08-11 $(closingPrompt).fadeTo("fast",0,function(){ $(closingPrompt).remove();
Validatation Plugin Documentation Problem
I'm getting a database error trying to access the validate plugin documentation. Url: http://docs.jquery.com/Plugins/Validation Error: A database query syntax error has occurred. This may indicate a bug in the software. The last attempted database query was: (SQL query hidden) from within function "MediaWikiBagOStuff::_doquery". MySQL returned error "1205: Lock wait timeout exceeded; try restarting transaction (localhost)".
Load using tabsselect causes 'events' is null... error in IE (urgent help needed)
Regarding the following, I've tried 1.8 up to 1.8.4... The following error only happens in IE 8 I've stripped out anything other than the most basic functionality. Scenario: 1. example page layout... <body> <div id='workarea'> <div id='tab1>{tab defition...}</div> </div> </body> 2. Initialize tabs: $("#tab1").tabs( ); 3. Bind to tabsselect function to load data to tab: $t.bind('tabsselect', function (event, ui) { return $(this).LoadTabFunc(event, ui); }); 4. LoadTabFunction retrieves (via
jquery validation - not requiered, but if (not blank || not default value ) {check condition}
$('#enquiry').validate({ rules: { Email: { required: true, email: true } }, messages: { Email: "Enter valid email" } }); i this case Input Email couln't be blank (required: true) <input type="text" name="Email" value="Your Email" onFocus="doClear(this)" onBlur="doDefault(this)"/> issue: $('#enquiry').validate({ rules: { Email: { email: true } }, messages: { Email: "Enter valid email" } }); function doClear(theText) { if (theText.value == theText.defaultValue)
Using 2 datepickers, when selecting last day of month, 2 datepicker shows blank days
Anyone see anything wrong with this? When you select a date from the 1st datepicker, onSelect it should auto-fill tomorrow's date in the 2nd datepicker. However if you select the last day of the month, in this case it happens to be August 31, the 2nd datepicker's value becomes equal to August 31 (should by +1day) and breaks everything. Any clue? $('#subscription_suspend_on').datepicker({ dateFormat: 'yy-mm-dd', numberOfMonths: 2, showOn: 'both', buttonImage: '/publisher/images/calendar-select.png',
Problem connecting horizontal and vertical sortable ul's
I discovered a problem when connecting a normal vertical sortable ul to a horizontal (float: left) sortable ul. With the vertical one everything works fine, but the horizontal one uses mouse events if it were a vertical one. So when I'm trying to drag an item to the right in the horizontal ul, the mouse pointer has to be below the middle of the item. When dragging to the left the mouse pointer has to be above the middle of the item. This makes the behavior of dragging in the horizontal ul acting
jquery and prototype conflict in opera
Hi, I'm using prototype and jquery with .noConflict and it's working fine - except for problems with opera 10... The problem occurs with jquery plugins - I could lower it down to probably the outerWidth() function - as it seems to return wrong values so that the area base on returned value is far too big in opera. Other browsers work well. Any Ideas on how to fix this would be greatly appreciated... Thanks Marc
Possible jQuery 1.4.2 JSONP bug with executing complete handler twice
While debugging a plug-in tool that I have developed, ajaxMonitor. I found that $.ajax with JSONP was executing the complete handler two times more than once Here is the unit test written in QUnit to verify my results: test("jQuery.ajax() - JSONP, Local [validate completion count]", function() { expect(3); var otherHandlerCount = 0; var completeCount = 0; function validateCompleteCount(){ if ( otherHandlerCount == 1 ) { if(completeCount !== 1) {
ui.jquery resizable.bind not working?
Hi! I have tried to use the bind for resizable() ui but the web browser says size is null or not an object. This is my code: $("#templateArea1").resizable().bind("resize", {widthId: "#area1Width", heightId: "#area1Height"}, showHW); function showHW (event, ui) { $(event.data.widthId).val(ui.size.width); $(event.data.heightId).val(ui.size.height); } But when I use the code below, it is working: $("#templateArea1").resizable({resize : function
Unable to add a project and gets weird access denied messages
I created an account to create a new plugin (or actually it's a fix but since the author is not active anymore...) and wanted to upload my new plugin. Everything got kind of weird from that and the site was completely weird and gave me access denied messages when I tried to go to the Plugins page ( http://plugins.jquery.com/ ) when logged in. If I log out there is no problem. Anyway, I don't really care that much but I wanted to share an update on a smart, easy plugin created by mr Reisig himself
What happened with jQuery Plugins site?
Yesterday, I once again logged to my account (Sultry) and was incredibly disappointed: 1. Practically for all of the functional site I get - ACCESS DENIED!!! 2. The section of my projects is empty, even though the plugin is present on the site (XSLT Templater)!!! 3. Similarly, I can't add a bug report!!! I tried to create a new account (tmp12345), but the situation has not changed! What happened?
Bug with .css()
Hi there, has anyone else had this problem? Basically after using $('#myEl').css( { 'top' : someValue + 'px' } ); And then using alert( someValue + '!=' + $('#myEl').position.top ), the 2 values are not the same. I've tried just increasing the value of "someValue" to fudge the required "top" value, but that doesn't get me where I want either...and it's not really a fix. I'd really appreciate any ideas anyone has...or a fix would be even better! ;) Thanks.
Difference between .children() and .find() matched items when using a child selector
I noticed a difference in the behavior of the children() method versus the find() method, if the selector is a 'child selector'. In the example of the child selector documentation (http://api.jquery.com/child-selector/) change the script to: <script> // Child selector gives trouble $("ul.topnav").children("ul.topnav > li").css("border", "3px double red"); // matches $("ul.topnav").find("ul.topnav > li").css("border", "3px double blue"); // doesn't match $("ul.topnav > li", "ul.topnav").css("border",
UI Dialog moves when content is added to the page.
Ever since the dialog widget started using position: relative when positioning itself, it will jump downwards if you dynamically add content the the document. Proof of concept scenario: You've got a table of data. To add a new row, there's an +Add button that opens up a form in a dialog. Submission of the form is all handled via javascript to dynamically add the new row to the table... When this happens, the dialog will shift down exactly the height of the new row, due to the fact that the dialog
Issue with Show/Hide on hover (or mouseover/mouseout)
Hi, I have an issue with a show/hide effect on a menu (list based) triggered with a hover event. Here is the part of the HTML : <div class="somm"> <ul> <li><a href="#tech">2. Aspects techniques</a> <ul> <li><a href="#gmapi">2.3. L'API JavaScript Google Maps</a> <ul> <li><a href="#gmapipres">Présentation et « initialisation »</a></li> <li class="parent"><a href="#gmapiprem">Premiers
I can't get akModal working
I'm using akModal to display forms. I'm following the docs, but when I try and run it, firebug throws a syntax error at . $.showAkModal(this.href The code for the link is below:- >a href ='getContent.php?type=form&class=show' onclick='$.showAkModal(this.href,'New Show',230,170);return false;' class='formBtn'<>Add Show>/a< Has anyone got any suggestions of what might be going wrong Thanks John
Problem with ajax call in version 1.4. Error callback not called
I recently migrated from jquery 1.3 to version 1.4. I am using Ajax to get the results from a php backend file. When the networkconnection is not available (no internet-connection) i normally got a error callback. As of version 1.4 I however get a success callback (with emty data). This causes my application to function abnormally :( Does anyone know why this is currently the case? I noticed that some JSON handling is more strict, but i don't see any reason for this behaviour. Can anyone shed some
UI Datepicker not refreshing
Hey guys! I cannot get the Datepicker to refresh. I've tried both the documented way "$(#calendar).datepicker('refresh')" and a common suggested way that is trying to select the already selected date via javascript. Nothing seems to happen and script doesn't break on firebug. Any help would be appreciated. Regards, João Pedro
wrapAll() around HTML that contains script tags executes referenced JavaScript twice
Test case: http://jsbin.com/ujico3 I can't see how this could possibly be the intended behavior. I was able to fix this for myself by filtering out script tags [using .not('script')] before calling .wrapAll(...), but it took me about a week to hunt down the root cause of why some of my JavaScript was executed twice.
problem draggable+droppable+resizable leads to unwanted elements move
Hi everybody, I am facing this problem when someone drags and drops and elements into a container and then resizes another element the first one will move. Any idea how to solve that? You can check it at http://akram.belajouza.com/?frage=20 You can move for example "FAQ" to the top-right corner and then resize the "Sitemap" element. "FAQ" will then slide a little bit.
dialog bug
http://jqueryui.com/demos/dialog/modal-form.html IE8 :SCroll bar appears help~
slideDown doesn't work fine in IE7. please help
it works fine int all other browser ( including IE6, 8) but not work in IE7. The menu item slided down but it didn't push the next element down Please help thanks <script type="text/javascript"> jQuery(document).ready( function () { jQuery('#menudoc a.menuItem').click( function () { var sub = jQuery(this).next('div'); if (sub != null) { if (sub.is(':hidden')) { sub.slideDown('200'); } else { sub.slideUp('200'); } } } //function ); //click } //function ); </script> <style type="text/css"> #menudoc
Jquery .ajax , .get and .getJSON broken with firefox 4.0 beta 3
The callback method is never executed although I tried all varieties including the .ajax low level method with success and complete function. The same functions work with safari.
jQuery MENU & AutoComplete causing conflict
Hello, I am using the jQuiery UI AutoComplete and everything works great. As soon as I started adding in the MENU structure (IE: iPod drill down menu) it causes conflict. I realize that there is still development being done on the project, but has anyone else run into this problem and noticed a fix for it? I really like the menu structure, and not sure which I want to sacrifice if I have to. I would greatly appreciate some heads-up if anyone knows of anything. Cheers.
Next Page