[jQuery] Jquery Validate Dependency Callback Error Message?
I need to make sure that 1 field os less than the other so I am using the dependency callback feature and it's working but I cannot get an error message to display - anyone get this to work? Here is my code: $(document).ready(function(){ $("#AddPartner").validate({ rules: { GlobalDiscount: { required: function(element) { if ($("#GlobalDiscount").val() <= 20) { alert('passed'); return true } else { alert('falied'); return false } if ($("#GlobalDiscount").val() <= $ ("#ComissionSplit").val()) { alert('passed'); return true } else { alert('falied'); return false } } }, ComissionSplit: { required: function(element) { if ($("#ComissionSplit").val() <= 20) { alert('passed'); return true } else { alert('falied'); return false } } } }, messages: { ComissionSplit: { dependency: "Comission plit must be less than 20" }, GlobalDiscount: { dependency: "Global Discount must be less than your Comission Split"} } }); });
[jQuery] Re: disable select in FF?
Still not working, weird, here it is as it stands: $('input[type=checkbox]').bind("click",function(){ var el=$(this).parent().next('td select') if (this.checked) { el.attr('disabled', false); } else { el.attr('disabled', true); } }).each(function(){ var el=$(this).parent().next('td select'); if (this.checked) { el.attr('disabled', false); } else { el.attr('disabled', true); } });
[jQuery] disable select in FF?
I am trying to disable / enable a select drop down list. Works fine in IE but not in FF. I have a check box that when checked the select becomes enabled when unchecked then it become disabeled. Here is my code: $('input[type=checkbox]').bind("click",function(){ var el=$(this).parent().next('td select') if (this.checked) { el.removeAttr("disabled"); el.attr("enabled","enabled"); } else { el.removeAttr("enabled"); el.attr("disabled","disabled"); } }).each(function(){ var el=$(this).parent().next('td select'); if (this.checked) { el.removeAttr("disabled"); el.attr("enabled","enabled"); } else { el.removeAttr("enabled"); el.attr("disabled","disabled"); } }); thanks for any help!!!
[jQuery] creating modal layer on the fly?
I am trying to write my own little modal popup script and it's working fine in FF but not in IE7. In IE7 the modal layer shows up on top of the content I want displayed even though I believe I have the Z- Indexes set properly. Anyone run into this an know how to overcome it? I know there are other pre-written solutions out there but I wanted to create my own. Here is my code so far, I know it is rough - plan on cleaning it up once I get the functionality working: $(document).ready(function(){ setupPopup('linkSuggest'); function setupPopup(id) { var lnk= $('.'+id); var div = $("div[title='" + id + "']"); div.attr("class","alivePopupHidden"); div.prepend("[x] cancel / close window"); // Add Cancel Link var cancelLnk=$("div[title='" + id + "'] .aliveCancelButton"); // Find cancel link cancelLnk.click(function(){hideAllPopups();return false;}); //Add close behavior lnk.bind("click", function(e){ hideAllPopups(); div.attr("class","alivePopupVisible"); $('#< %=txtCurrentSuppliment.ClientID %>').attr('value',this.title); $('#< %=hiddenCurrentSupplimentID.ClientID %>').attr('value',this.id); $('body').append(""); div.css("z-index","999"); return false;}) //Add open behavior } function hideAllPopups() {$('div#overlay').remove();$ ('.alivePopupVisible').attr("class","alivePopupHidden"); } //Hide all other popup windows }); html --- content goes here
[jQuery] Multiple Superfish on the same page problems
I am trying to have 3 different vertical lists that have flyouts for navigation. Here is the site (I know it is a mess right now): http://visitpalmbeach-com.alivedns.com/default.aspx Problem is the second and third menus get displayed horizontally. The flyouts works but the display is borked. If you mouse over the Kayak Tours & Rentals you will see the fly out in the first menu. If you mouse over Attractions & Arts you will see another menu working just displayed crazy. Thanks for any help!
[jQuery] BlockUI DisplayBox Close on image click
I want to use blockui to show a product enlargement but I want it to close when the user clicks on the image. Here is the blockui sample page: http://www.malsup.com/jquery/block/#displaybox Anyone done this before?
[jQuery] Re: IE7 fadeOut table row?
Nope, not yet - anyone else have this problem and a solution?
[jQuery] IE7 fadeOut table row?
I am having trouble getting a table row to fade out an dlook good in IE7. It basically doesn't work, the text turns slightly rough looking for a second and then disappears. Works fine in FF though. Has anyone achieved this effect?