[jQuery] change element attribute, then have jquery act on that change?
I'm using filters to find if an <li>'s text matches a certain value, and then changing the value if it does. This works fine. However, if I then use my selectors to check for the new value, jquery does not seem to pick it up, making me wonder if perhaps the selectors only work for values coded into the actual html, not generated by jquery. Here's my example code of what I'm trying to do: HTML snippet: <li>Donate</li> JQUERY code: $("li.dnt:contains('Donate')").click(function(){ $(this).text('Remove');
[jQuery] Superfish - negative margin on hover in IE
I would like to put a negative margin on the hover of the LI's in a superfish jQuery menu on a vertical menu. When I do this, in IE on the hover, the elements go below the rest of the menu. It's fine in Firefox. Here's my starting code: /*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/ .sf-vertical, .sf-vertical li { width: 211px; } /* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */ .sf-vertical li:hover
[jQuery] jQuery Cycle Plugin: 1 pager to control 2 slideshows
I have been searching for a way to have 1 pager to control 2 slideshows with the same number of slides. Where one slideshow can have a scrollLeft and another just with a fade. Is this possible with the current plugin?
[jQuery] IE focus issues when a drop-down is filled via Ajax
Hello, I have a a drop-down box (<select> and <option>) that is empty until clicked, at which time $.getJSON() adds a number of option tags. The problem is how Firefox and IE behave after the data is inserted into the down-down. FF keeps the drop-down "open" so the user can immediately view all the options. IE, however, blurs the drop-down after the data is loaded so the user has to click the drop-down again to see the new info. My first thought was to add a focus() event, but that does not cause
[jQuery] Error on validation plugin documentation?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000"> Hi, I'm tryng for the first time the validation plugin, I was looking at the doc here: <a class="moz-txt-link-freetext" href="http://docs.jquery.com/Plugins/Validation/validate">http://docs.jquery.com/Plugins/Validation/validate</a> In the "invalidHandler" sample code there is: <pre><a href="http://docs.jquery.com/Core/%24" title="Core/$">$</a>(".selector").<strong class="selflink">validate</strong>({
[jQuery] unbinding certain events
I remember reading somewhere and hear at the conference about how you can add some to the event string in the bind method like: $(this).bind('click:my_plugin', function(){}); And then if you wanted to just remove that binding event, while leaving all the other events still there, you could do: $(this).unbind('click:my_plugin'); I just can't remember the exact syntax. Does anything know if this is true? If so does anyone know the correct syntax for doing this? -- View this message in context: http://www.nabble.com/unbinding-certain-events-tp21133100s27240p21133100.html
[jQuery] tablesorter order positive and negative numbers
<div>I have a tablesorter with a column with positive and negative numbers, and I`m using the tablesorter`s parser digit but it doesn`t order fine, is there any other parser that works ok?</div> <div> </div> <div>Thanks!! sole</div> <div> </div> <div> ts.addParser({ id: "digit", is: function(s,table) { var c = table.config; return $.tablesorter.isDigit(s,c); }, format: function(s) { return $.tablesorter.formatFloat(s); }, type: "numeric" });</div> <div> </div> <div> $("#my_table").tablesorter({headers:
[jQuery] Giving a text link a hover state when hovering over an image
Hi, I am trying to figure out how to do the above. Here's the HTML code I have: <ul> <li class="img-corner"> <img src="assets/img/woi_luncheonseries.jpg" width="225" height="130" alt="Women of Influence Luncheon Series" class="woi" /> </li> <li class="event"> <a href="" title="women of influence luncheon series">women of influence luncheon series ></a> </li> </ul> The idea is that if the user hovers over the image, it will add a bottom border to the href below.
[jQuery] remove ID
Is it possible to remove an ID from an element with Jquery or javascript for that matter? I've searched and all I can find is how to remove the whole element, I just want to remove the ID.<div>Thanks</div><div>Mike</div>
[jQuery] table sorter issue, how do i sort these as a currency
Hi, I am using this to initialise the page <SCRIPT type=text/javascript> $(document).ready(function() { $("#tableOne") .tablesorter({ debug: false, sortList: [[0, 0]], widgets: ['zebra'] }) .tablesorterPager({ container: $("#pagerOne"), positionFixed: false }) }); </SCRIPT> I have a row in the table which is a european currency, how do I sort by this?
[jQuery] How to trigger an event for a SELECT after removing an entry??
Hi Gurus I have a generated dropdown list with years and an onChange event. Sometimes the select field has a value '(All)' as first entry. I want to remove this entry and trigger the DOM Level 0 Event. This would be my page: <head> <script type="text/javascript" src="jquery.js"></script> <script language="JavaScript" type="text/javascript"> $(function() { //works but cant trigger event for select $('option:contains(Alle)').remove(); // should be something like this, but this doesnt work $('select:has(option:contains(All))').filter('option:contains
[jQuery] $.load() Redirected
I have read a similar post to this, but I think my situation is a bit different. I have a link like this: <a href="/my-url.html" rel="the-div" class="modal-link">Link</a> Then in my JS I use load something like this: $('#modal-content').load('/my-url.html #the-div'); Which loads 'the-div' into a modal window on the page that called it. It works perfectly. But if I decide that on '/my-url.html' requires you to be logged in, and redirect you to login.html, nothing shows up in my modal window. This
[jQuery] submit a form with a link
Hello! I'm using jquery to validate a form and that I'm using this link to to the submit: < a href="javascript:void(0);" onclick="document.form.submit();"> Submit </a> The problem is that this kind of submit doesn't activate the jquery validation. How can I do to force the validation? Thanks!! Sole
[jQuery] Bizarre rendering issue (FF 3, IE 6)
I am having an issue with the following jQuery code: http://www.houseofoverlord.com/c/jeniffer/bhive/test2.html http://www.houseofoverlord.com/c/jeniffer/bhive/test2.html The rendering that is not occurring is when the page: * Loads * When clicking the main (horizontal) menu items What is supposed to happen is the default (first) navsecondary a tag is supposed to receive a current class designation. If I console.log, everything seems fine, but the screen display does not show the change, and the
[jQuery] attributes setting appending rather than clearing
I am setting the click attribute of an anchor tag using query on the document ready event. Once the user has clicked on this link I am attempting to change the click event to call another method than the one initialy setup. Instead of replacing the old method is simply appends the new method so that both methods are called . any help would be great ! thanks
[jQuery] Objected Expected $ Conflict?
I'm trying to build a simple news carousel, click a tab and the corresponding div shows. My Code works in FF, Chrome, Opera and Safari but no luck in IE 6 or 7. I think it has something to do with $, because IE7 is saying there is an Object Expected at that char position. Any help is appreciated, my code is below. <script src="js/jquery-1.2.6.min.js" type="text/javascript"></script> <script type="text/javascript"> <!-- current = 1; function showSlide(slideNum) { if (slideNum != current){
[jQuery] How can i use the flash action sctip to jquery
hi, My name is jaikumar . I am a web designer. I am just now find the your jquery is very intersting. Easily understanding. This one how can i use flash actionsctip file. plese send detail my mail id. Ur New tutorial and ideas plese send my email id. Best Regards R.Jaikumar
submit a form with a link
Hello! I'm using jquery to validate a form and that I'm using this link to to the submit: < a href="javascript:void(0);" onclick="document.form.submit();"> Submit </a> The problem is that this kind of submit doesn't activate the jquery validation. How can I do to force this? Thanks!! Sole
[jQuery] jqModal ajax question
Hi, I was wondering if someone could help me with the jqModal plugin (http://dev.iceburg.net/jquery/jqModal/). Basically, I want to pass some GET data when calling an AJAX link for the modal box but am not sure how to do it. My setup for the modal box is: $('#jInfo').jqm({ajax: 'loadinfo.php', trigger: 'false'}); And I'm calling it through a function: function(t) { $('#jInfo').jqmShow(); } And I would like to have it call something like: loadinfo.php?id=t (where 't' is the function variable)
[jQuery] GET MULTIPLE VALUE FROM jQuery for external file loader
Hi! I use jQuery Loader Content to auto complete the state select tag. function loadContentKabupatenKotaDiploma(id) { $("#contenPanKabupatenKotaDiploma").hide(); $("#contenPanKabupatenKotaDiploma").load("../dre-includes/ url_pendidikan/findKabupatenKota.php?id="+id+"", '', callbackKabupatenKotaDiploma); } function callbackKabupatenKotaDiploma() { $("#contenPanKabupatenKotaDiploma").show(); } $(document).ready(loadContentKabupatenKotaDiploma(id)); then here are the html code: <label>Propinsi</label>
[jQuery] GET MULTIPLE VALUE FROM jQuery for external file loader
Hi! I use jQuery Loader Content to auto complete the state select tag. function loadContentKabupatenKotaDiploma(id) { $("#contenPanKabupatenKotaDiploma").hide(); $("#contenPanKabupatenKotaDiploma").load("../dre-includes/ url_pendidikan/findKabupatenKota.php?id="+id+"", '', callbackKabupatenKotaDiploma); } function callbackKabupatenKotaDiploma() { $("#contenPanKabupatenKotaDiploma").show(); } $(document).ready(loadContentKabupatenKotaDiploma(id)); then here are the html code: <label>Propinsi</label>
[jQuery] jquery for slideshows
Hello, I am working on a project where one component is a slideshow application with audio. I'm wondering if I can use jquery/javascript for this. If anyone has any links to examples or ideas of ways to deal with a series of images and audio file that synchronizes with the images in javascript, it would be greatly appreciated. A first step would be a jquery library that supports a configurable slideshow with audio. Eventually I would like to build something similar to the slideshare sync tool, which
[jQuery] submit a form with a link
I`m using jquery validation to validate my form and I have a problem when I want to submit my form with a link instead of using this: < input type="submit" value="Submit" name="Submit" class="fboton" >. The problem is that the submit link doesn't activate the jquery validation of the form. Can anybody help me with this? Thanks!! sole.
[jQuery] Spammer bypassing JQ Validate to register?
I have a site built in ExpressionEngine. I am using JQ Validate to check the form fields before submission. There are 3 fields in particular that are interesting to me as they are required by EE and they are on the list of fields required by JQ Validate. First Name Last Name Invitation Code (provided by the site owner to visitors who can register) So, this dude from Poland managed to register without a first name, without a last name and likely without an invitation code. I'll deal with the EE issues
[jQuery] How refresh a div with a link?
Hello I've make a little carousel with rss feed from Flick regarding certain keywords. It's generate randomly: switzerland + RANDOMTAG. All is working perfect, except that I wish add a link or button to refresh the carousel div to let the user the liberty to generate a new random carousel with a new keyword. I can't work it out. And the refresh() it's to working. could you help me on this little feature? A lot of thx in advance. Regards, Dom My whole code: http://www.nabble.com/file/p21070429/draft.html
[jQuery] jqGrid with web service of .net framwork
Is there anyone who could work with jqGrid and web services in a asp.net project? I really try hard to just be able to call the method in my web service for no avail. I have the following in my html file: <script type="text/javascript"> $(function() { $('#list').jqGrid({ url: 'Services/Bill.asmx/Get_Client_jqGrid' , datatype: 'xmlstring' , colNames: ['Name'] , colModel: [ { name: 'CltName', index: 'CltName', width: 55 } ] , caption: "Client" }); // jqGrid }); // ready </script> <div>
[jQuery] Can I "access" and change content loaded dynamically after jQuery.js?
Hi there. I am loading some content into my page … $("#content").load(loadLink,"",hideLoader); The file behind loadLink (e.g. contact.php) has some tables with class="details" and I want them to be hidden and not shown until I click the link before it. $('.details').hide(); $('.showDetails').click(function() { $('.details').slideToggle('slow'); return false; }); But for some reason it doesn't work. The table .details is displayed and when I click the link .showDetails nothing happens (I tried
[jQuery] [validate] ie6 runtime errors
posted previously without proper [validate] in title.. reposting... -- i have this code: <script type="text/javascript" src="//ajax.googleapis.com/ajax/ libs/jquery/1.2.6/jquery.min.js"></script> <script type="text/javascript" src="/js/jquery/ jquery.validate.js"></script> <script type="text/javascript"> <!-- jQuery(document).ready(function(){ jQuery.validator.messages.required = ""; jQuery("#lf").bind("invalid-form.validate", function(e, validator) { var errors = validator.numberOfInvalids(); if
[jQuery] jQuery crashing older PCs in Firefox 3.0.5?
I have an older PC that I use for testing and I've noticed that when I use Firefox 3.0.5 that sometimes the PC crashes. Not just the browser, but the entire PC. I've yet to have a single crash in Opera 9.62 testing the same code. I forget the exact specs of the PC, but I think it's an AMD Athlon running at 1600mhz and I know it has 1.5 gigs of RAM. Has anyone else had FF/jQuery crashing issues? I'm crashing ONLY when executing jQuery code! In particular animation/easing.
[jQuery] problem with :contains in 'td'
Hi, I am trying to match the content in 'td' and think the problem is with contains when it is trying to query withing 'td'.... $(":contains('Comedy')",'td').css("background- color","green"); doesn't work... but if I tried... $(":contains('Comedy')",'tr').css("background- color","green"); this WORKS ....WHY....???? http://chinnakaruppan.googlepages.com/index.html Please find below the full code... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
[jQuery] Order of hiding container-divs and their content matters on IE6,7
In IE, when having elements containing other elements, ie. a div containing images, when attempting to hide a content-element of a hidden container-div, this won't work, it won't even be possible anymore after re-showing the div. This problem occurs: - only on IE6,7 (didn't try IE8), the problem doesn't occur on FF3, Op9, Saf3(Win), Chrome - only when both the container div and the content are absolutely positioned (tested both with jQuery 1.2.3 and 1.2.6) It is demonstrated here: http://www.justarrangingbits.org/webtech/jquery/demos/hideorder.htm
[jQuery] How can I write this function without hard-coding the input and error names?
Here's the code that I'd like to make flexible to handle all the input id's and error message id's. How could I write it? Thanks, Rick $('input#street_number').blur(function() { if (this.value.length == 0) { $('#street-number-error').fadeIn(500); $('#submit').attr('disabled', 'disabled') } else { $('#street-number-error').fadeOut(500); $('#submit').attr('disabled', '') }; }); $('input#street_name').blur(function()
[jQuery] [autocomplete] country selection add-on
Hi, I just posted an add-on for the excellent jQuery autocomplete plugin. I am looking for feedback on it. http://www.devtaxi.com/2008/12/21/country-jquery-autocomplete-plugin/ Regards
[jQuery] [Validate] What is causing this error?
I'm making another attempt to get Jorn's validation plug-in working. I'm getting this error from Firebug after clicking in the first required field then out (onfocusout): validator.settings["on" + event.type].call is not a function (function($) {$.extend($.fn,{validate:fun...cured when checking element "+element.id Here's the code...where's my error? (I'd love to show you an online example, but this is part of an Intranet app...) Any help appreciated! $(document).ready(function() { $('#add-rental-property-form').validate({
[jQuery] How to fade in next div after previous div faded in upon document.ready ?
Hi all ! Here is my question: How to fade in div after the previous div finished fading in ? Here is code I have so far: HTML: <div id="header_div"> <p id="header_text">Header text </div> <div id="body_div"> <p id="body_text">Body text </div> <div id="footer_div"> <p id="footer_text">Footer text </div> CSS: not important here jQuery: $(function() { $('div[@id$=_div]').hide(); $('div[@id$=_div]').each(function()
[jQuery] problem in removing and moving
Hi, I want to remove an object, but also move a piece of it into previous HTML element, does exist something like ':prev' selector? Thanks! My code: JS: $('#to_move').insertAfter('#div > dl:previous(?) > dd'); $('#div > dl:last').remove(); HTML: <fieldset id="div"> <dl> <dd>...something...</dd> <!-- MOVE TO HERE --> </dl> <dl> <dd>...something... <span id="to_move">TO MOVE</span></dd> </dl> </fieldset>
[jQuery] replacing more than once
Total newbie. Any help appreciated. Why does replaceAll only seem to work once in this example? Thanks very much! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="js/jquery.js" type="text/javascript"></script> <script> var i = 0; $(document).ready(function(){ $("#firstButton").click(function () { $("#hello").replaceWith("foo"); }); $("#secondButton").click(function () { $("#hello").replaceWith("bar"); }); }); </script>
[jQuery] multi-class display toggling
Hi, I have a menu of links that have multiple classes, for example xObject yObject zObject. I want to dynamically toggle display on elements of this menu dependent on classes, for example lets suppose I have three links: link1 has the classes xObject and yObject link2 has the classes yObject and zObject link3 has the class zObject. A user selection somewhere else in the page determines that now I should display the links that have the classes of xObject and yObject but I should not yet do the display
[jQuery] Blank input value testing
Hello! Is there any way in jQuery to test if a input value is blank? I mean similar like: if ($F('szoveg').blank()) { ... } in prototype. With jQuery now i'm using this: if ($('#szoveg').val()=='') { ... } but this not test if a input contains only whitespaces. Bye! Lay
[jQuery] [treeview] Expand on link click
It looked like a link clicked would expand it AND the link would load. But I've found that if the link is another page, there is some event timing problem where it tries to open but then the new page loads and the expand is lost. You can see it here, zunga.orgfree.com Note that the + and - still expand, but I want the whole link to do the expanding. thanks!!
Next Page