[jQuery] Clear (cancel) Option
Hello, I'm trying to enable or disable the clear (cancel) from a button click. I also want to remove/add the star-rating-hover css class of this clear/cancel option. Is it possible? My code is based on Test 3-B example. Thanks in advance.
[jQuery] Multiple classes selector causing trouble, but why ??
Hi all, i'm struggling with a small yet in,teresting problem. In order to allow users to filter content, i've created a small checkbox list. To each checkbox is attached an ID , and too some divs on the page are attached these id's too (in the class attr that is); one div can be attached to multiple id's, and so have multiple classes. In order to show or hide my div's I wrote : function couponsVisibles(){ $('.checkInteret').each(function(){ var coche = $(this).attr("checked");
[jQuery] Multipart form with Validate + Accordion Problem (validate)
Hi All, I need some pointers on what I'm doing wrong here. I followed the multipart form demo included with jquery.validate, creating a custom validation rule like so: <code>$.validator.addMethod("pageRequired", function(value, element) { var $element = $(element) function match(index) { return current == index && $(element).parents("#fields" + (index + 1)).length; } if (match(0) || match(1) || match(2) || match(3)) { return !this.optional(element);
[jQuery] GalleryView not playing nicely with Drupal
I'm using the GalleryView plugin and it works beautifully on a plain HTML page. But when I add the code into a Drupal node, the last filmstrip image wraps to the next line and is invisible. Here's an example of it working as expected on an empty page: http://parkcirclefilms.org/drpl/gallery.htm And here's the example in my Drupal site: http://parkcirclefilms.org/drpl/ I feel like it has to be a CSS conflict somewhere causing this, but I'm not super at CSS and can't find it. Even if I shrink the size
[jQuery] Frustrating Scope Question with getJSON
There's some sort of scope issue here that I cant seem to get passed. I'd ideally just like the function to return the shortUrl from the json results but can't seem to get it anywhere but the callback function. function shortenURL(url){ var apiKey = 'APIKEY'; var apiLogin = 'LOGIN'; var shortURL; $.getJSON("http://api.bit.ly/shorten?version=2.0.1&longUrl=" + url + "&login=" + apiLogin + "&apiKey=" + apiKey, function(data){ shortURL = data.results[url].shortUrl; }); return shortURL;
[jQuery] ajax xml question
This is the source code that I want to get the weather from Google API, Firefox, Safari, Opera will work, but IE can't get the value, so I did some test, and I found the reason xml structure in php page $.get({"a.php"}, '', function() {}, "html"); // all browser work besides IE $.get({"a.php"}, '', function() {}, "xml"); // all browser not work xml structure in xml page $.get({"a.xml"}, '', function() {}, "html"); // all browser work $.get({"a.xml"}, '', function() {}, "xml"); // all browser work
[jQuery] [autocomplete] Does it support version 1.3.2?
Same as subject I'm having trouble using it with jQuery 1.3.2. Please advice.
[jQuery] Clear selection of text on ul element
Hello, I am trying to get/set only text of list only element text value. But for some reason I can not select it in clear way. List something like: <ul> <li id="myid"> Here text that I want to modify <ul> <li id="dfdf">i don't want modify this</li> <li id="dfdf">i don't want modify this</li> </ul> </li> <ul> Any suggestion? Thanks in advance.
Select chage not work!
Hello, this is my first post! I have this select in my HTML: <select style="border: 1.5px solid rgb(170, 169, 169); width: 137px;" id="tx_tipo_lavagem1" name="tx_tipo_lavagem1" class="tx_tipo_lavagem" onchange="onSelectChange(this);"> <option value="1">Seco</option> <option value="2">Úmido</option> </select> And my JQUERY code is this: $("#tx_tipo_lavagem1").change(function(){ alert('asd'); }); But the alert never happens! Some help? Thanks
[jQuery] Using append() - each element or string of HTML?
Just wondering from an efficiency standpoint: I am building a widget out of javascript and so there is a lot of HTML. Am I better off creating it as a string, then append() it into the document, or should I build the widget itself using append() and other related helper functions?
Tabs Questions
Hi there, I've been searching the web, i've tried multiple examples and even tried some of my own code however i can not seem to pull the required end result... Currently i use a Jquery UI tabbed interface. Each tab uses Ajax to load its contents.. Now what i am looking to do is.. 1.) Have normal ancor tag links be able to amend the current active tab content 2.) Be able to add tabs using an ancor link 3.) Keep state between tabs.. E.g. be able to click of the tab and come back to it. Im wondering
[jQuery] Validation, ignore specific words
Hi, I have values in each input which tells the user what to enter in that field. Each value clears on click and resets to default if no value is entered. How can I have it treat my values as if it would be empty (no value entered)?
[JavaScript + jQuery?] Litle problem for beginner.
Hi, at first i would like to sorry for my english... So, my problem looks like this: function zamiana(str) { var tablica1=new Array("a", "e"); var tablica2=new Array("ah","eh"); str = str.replace(tablica1, tablica2); } $(document).ready(function() { $('#jeden').keyup(function() { zamiana(('value'); $('#dwa').html($("#jeden").attr('str')); }); }); I'd like to change 'a' and 'e', for 'ah' and 'eh', i dont know how to do this, is this script OK? I started interesting jQuery yesterday, i really
[jQuery] cluetip with dynamic data from textarea
I am using the cluetip plugin to show a formatted version of text that the user types into a text area. So I have a <textarea id="description">, and as the user types, they can at any time click a "preview" button will call cluetip to display the popup. Here is my current cluetip call: $('#id_preview_link').cluetip( { ajaxSettings: {dataType:'html', type:'POST', data:{'markup':$('#id_description')} } } ) When I click my preview button to activate the clutip, the post data that is sent is whatever
[jQuery] catching when a div is updated through js
Hello guys, is there a way to catch when a div content is updated through javascript? I update a div content through rjs and I need to call tablesorter every time the div is updated. Thanks and have a nice weekend. Sig
[jQuery] event.currentTarget with table rows and IE7
Hi, I got a problem using the following code: $j = jQuery.noConflict(); $j(document).ready(function(){ $j('tr').mouseover(function(event) { if (!event.currentTarget) { alert('current target not given!'); return false; } alert(event.currentTarget.id); }); }); When hovering a table data (td) element in Firefox everything works fine: The id value of the row is displayed. In IE7 my error message is displayed. I would appreciate any ideas which would
[jQuery] (validate plugin) Is there an onChange method?
I'd like to trap for a field going from invalid to valid. something like, onchange: function(){ alert('Yay, the field is valid and you can follow instructions'); } Is there something in the plugin that I can use to intercept this? thanks!
[jQuery] Deterministic or Non-Deterministic Event Handler execution?
Is it acceptable to assume that Event Handlers are excecuted in the order they are bound? I just wanted to hear what peoples thoughts were on this. Lets say I have two plugins which both bind an event handler to the form submit event. In order for them to co-exist, one of the event handlers would need to execute first. In other languages and platforms I would consider making this kind of assumption to be bad practice. I would think the ideal thing to do would be to support callbacks (or better yet,
[jQuery] jQuery Countdown help
I am attempting to use the jQuery Countdown plugin from http://keith-wood.name/countdown.html, and i'm having trouble setting the values to count down until. Any guidance would be greatly appreciated. $(function () { var austDay = new Date(); austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 26); $('#count').countdown({until: austDay, layout: '{dn} {dl}, {hn} {hl}, {mn} {ml}, and {sn} {sl}'}); $('#year').text(austDay.getFullYear()); }); Cheers, Jason
Apply a css style to a table ow based on the cell contents?
How could I apply a css style to a <tr> row based on the value of the contents in column 1? For instance, on my table (generated from an asp:GirdView), column 1 contains a number ranging from 1.00 to 12.00. I need to show a certain background color for all rows whose value in column 1 is greater than 10.
jquery rules in validation
Hi this issue is really effecting me a lot any suggestions are greatly helpful I need to add the validation in rules so that If i give a value in one field the other fields should also be filled or If I do not give any value in any of the fields it should be ok This is for my phone number fields I have three fields named as areaCode, exchange and number this is the below code how I defined it <div class="pad10Top"><input name="areaCode" id="mobilePhone1" maxlength="3"/><input name="exchange" id="mobilePhone2"
Making an Image Button Validate
I'm just starting out with jQuery and am modifying my customer form to use the validation plugin. Everything was working fine till I changed my button back to an image. Now it wont validate and just proceeds to the next page. I'm using a container to display my error messages but im leaving that in to show whats going on. In one case it works and in the other it doesnt. There's something in the validate that stops it from working. Here is my code snippet that doesnt validate the form and passes through:
[jQuery] Quicksearch
I am trying to use quicksearch on tables that have input boxes in each of the <table> <td> and have found that the quicksearch does not search the values of each of those input boxes. Does anyone know a way to get quicksearch to include the input boxes? Thanks
Need ideas for a little web app we built, feedbackslider.com
We built a little feedback app at http://FeedbackSlider.com . It uses jQuery because we love it. It's not really a plugin. We've gotten good feedback on it so far, but we're not sure what direction to go in next. Any suggestions? What would you want it to offer? Thanks!
[jQuery] IE8 incorrect left positioning
Hey all. I found an interesting bug in IE8 today. See http://gomaroon.missouristate.edu for an example. We're animating a very wide div (for example, click on the Digital wallpaper section, and there's a div with an id of "NormalWallpaperContainer" that includes thumbnails of wallpapers). The problem in IE8 is that the left positioning starts creeping off by one pixel on each click after the second click, but only when IE is maximized. For example, if you're on the Desktop (Normal) category, once
Help me jquery append
Hi all. I am using jquery to dynamically create div sections on my web app. I am using the appendTo function to create these div's depending on the return results from my xml. Now one of the div blocks that creates.. need to also have the ability to run the jquery autocomplete. I have found that I can't append <script></script> tags to the html or as I have read they are dropped after being evaluated. I have tried .. to add this as a function to the input box. example Zipcode: <input type="text"
[jQuery] [autocomplete]
Hi, I'm trying to get Joerns awesome autocomplete-plugin to work with UTF-8 but I've had no luck in making it work. Has anyone managed to query the backend using UTF-8 encodend characters? Right now I'm trying my best to decode the incoming string ie "q=Östman" but nothing happens? Do I need to encode the returned string as well? Any thoughts are greatly appreciated! Christer
[jQuery] Jcarousel textscroller not displaying google reader feed link
I'm trying to get jcarousel to display a google reader feed that aggregates several feeds into a category label, but it's not working correctly. I thought it had something to do with the URL encoding of the link because the script works fine with other single feed links. Any help greatly appreciated. here's the sample format of a google reader link I'm referring to: http://www.google.com/reader/public/atom/user%2F08980196621418069260%2Flabel%2Fweb%3A%20ux the scrip works fine with single/normal feed
[jQuery] Datepicker and Jquery updating the value of pulldown menu
Hi, I need help adding the jquery date picker to my existing code, but not reconstructing the whole HTML file. my code, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>calenar</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/ 1.3.2/ jquery.min.js" type="text/javascript" charset="utf-8"></script>
[jQuery] Reconciling Tablesorter behavior in IE and FF
I am using Tablesorter to work with a simple table, but have come across an interesting difference in how it works between browsers. One of my columns looks like this: Row 1 img src="http://dssweb/apdashboard/images/Green.png" class="client_status" title="1. UAT testing Sept 09" Row 2 img src="http://dssweb/apdashboard/images/Yellow.png" class="client_status" title="Upgrade complete and client is happy with the outcome." In Firefox it sorts by image source (which is the desired behavior). In IE7
[jQuery] get the hover color of a link
I need to get the css hover color of an element. Since hover is a pseudo class of a class or id, I do not see a way of returning the color. I tried: $('.contentArea a:hover').css('color'); but it does not return the hover color. I understand that jQuery probably traverses the inline styles and there is no way to set the hover pseudo class inline, hence the reason for the .hover function. Is it possible to find and return the hover color with jQuery. If so how?
[jQuery] Problem Clicking a next link
Hi, I'm trying to add some keyboard navigation to an existing page. The page has links one for 'Next' and one for 'Previous' I've already gotten the keypress bits working properly, my next problem is the .click() method. Here's the code called by the keypresses: $("a:contains('Previous')").click(); $("a:contains('Next')").click(); This returns no error code, although firefox does generate the following warning: Warning: Unknown pseudo-class or pseudo-element 'contains'.
random banner script
Hello guys, this is my first post and it's a screaming for help I just started learning jquery, and i need to get something done that i'm not yet capable to.. I need to make a script that rotate 4 different banners (includes 4 different .html files).. How can i do this? Thanks! Ivan
[jQuery] load with callback confusion
How come this code doesn't work? $("span#myinfo").mouseover(function(){ $("span#mycontent").load("mytext.txt",function(){ var soffset = $(this).offset(); var stop = soffset.top; var ihgt = $("div#footer").css("height"); var mtop = $("div#mydiv").css("top"); var mhgt = $("div#mydiv").outerHeight() + 50; var ntop = stop - mhgt; $("div#mydiv").css("top",ntop); $("div#mydiv").fadeIn("slow"); }); }); This version works but, I don't want to display the div element until the small text file has completed
[jQuery] href value
I have the following function defined: $(function () { $('a[href*=http:]').click(function() { open('/redirect.php?where=' + this.href); return false; }); }); When the href has only one GET parameter it works as expected however when there is more than one GET parameter it passes only the first. In other words, the following link: <a href="http://spreadsheets.google.com/viewform?hl=en&formkey=dDVlOFk2cGlpSmR1Vl8zWWZaY0oxOGc6MA"> this form</a> will pass only 'http://spreadsheets.google.com/viewform?hl=en'
[jQuery] re: 'gray dots' in jquery carousel
I've looked through all the 'better' tutorials online, and I've even found other users trying to replicate what cnn.com had done with the top right module titled 'video'. All I really need the carousel to do is display the dots and not any numbers or arrows, but all of my attempts have caused failure and crashing of Safari (lord only knows). Any insight or example using ANY existing carousels, as this has yet to be implemented, would be ridiculously appreciated. Thank you
Can't manipulate list items
For some reason my loadFirstPage in the following code is unable to find the dynamically created list items built up in the buildGallery function. I have a button in the extended code that calls the loadFirstPage function on a click which works perfectly when I click it. Anyone know what the deal is? var buildNavi = function(){ var naviTemplate ='<li class="prev"><a href="#" title="Previous">Previous</a> </li><li><span class="current"></span><span class="total"> </span></li><li class="next"><a
[jQuery] Unable to manipulate List Items
For some reason when I dynamically create an unordered list I am unable to get at it through the DOM right away. Here is my code: var buildNavi = function(){ var naviTemplate ='<li class="prev"><a href="#" title="Previous">Previous</a></li></li><li class="next"><a href="#" title="Next">Next</a></li>'; var naviCont = $("<ul></ul>") .css({'position' : 'absolute', 'top' : gHeight-50}) .append(naviTemplate); gCont.append(naviCont); $("li.next a").click(function(){ nextPage(); }); $("li.prev a").click(function(){
[jQuery] blockUI issue in IE8 (submitting patch)
Hi All, I am using blockUI(2.14) in one of my projects. A few days back, I upgraded to IE8 and the site stopped working. On debugging, I found the issue to be in blockUI plugin. Apparently, the reason seems to be that the plugin uses dynamic functions like setExpression which are not supported in IE8 (I am using 8.0.6001.18702). I have generated the patch for the same. I could not find a way to submit the patch for verification. So, I am adding it here. Please let me know if this works fine. Regards,
jquery tabbed content causing extreme whitespace in FF
Major JQuery noob here. I'm working on a directory for a client's site and for some reason, in Firefox, the page is running really long with extra whitespace at the bottom where each tabbed div should end. Here's the page: http://www.corningplace.com/clientwork/apc/www/colleges/region.htm and the css: http://www.corningplace.com/clientwork/apc/www/main.css and the scripts: http://www.corningplace.com/clientwork/apc/www/ui.core.js http://www.corningplace.com/clientwork/apc/www/ui.tabs.js Any assistance
Next Page