[jQuery] DT selector not applying to last DT in DL tag on IE7
I have a definition list (<dl class="faqList">) and i'm adding a click function to each <dt> tag in the list. There are about 6 or 7 <dt></ dt><dd></dd> pairs in the list. For some reason in IE7, the click function i've made does not apply to the last <dt> tag in the list. Can anyone explain why? Here is my javascript code: $(document).ready(function () { //Toggle Faq Answers $(".faqList dd").hide(); $(".faqList dt").add("dd").append("<span class=\"hr\"></span>").end ().click(function(){
[jQuery] jQuery Cycle with Transparent GIFs...Works in FF, Safari...but not in IE
Hello, I was wondering if anyone knew of a solution to be able to use transparent .GIFs with the malsup Cycle plugin. The implementation works in Firefox, Safari, but the images show up with a white background in IE 7. Here's the link to a live version... http://www.speedwaremotorsports.com/new-home Thanks for any help! --Matt
[jQuery] Too much recusion/Out of Memory
Hi All, I realize this is kind of vague, but I can't link to the site yet since we're still in development. I'm using the latest jquery, and the history plugin to dynamically load html into a "main" div section depending on user action. In Firebug, I sometimes notice 3 "too much recursion" messages, one in jquery, one in sizzle, and then one in firebug itself. Then in IE i actually get a message popup that says "Out of memory". It's frustrating because it doesn't happen every time, and the site continues
switchClass? addClass? removeClass? toggleClass?
Ok. Here is the issue - I figured it out (somewhat). The code given to me from someone else works great - except for one thing - I want people to be able to click on any link and have the div move to that position. The issue I have right now is the classes are getting stacked, and the latest class holds precedence in the CSS - example after clicking 1, then 3, then 2: jQuery: $(function() { $('a.nav').click(function() { $('#scrollingPort').toggleClass($(this).attr('rel')); return false;
[jQuery] Help with .load(), strips script tags
Hi all, I'm relatively new to jQuery and I've run across an issue. When I use the .load() function to inject a page into the DOM, the <script> tags get striped out. I've looked through the discussions here, but I couldn't find any solutions. Or maybe I just don't know what I'm looking for. Any help?
[jQuery] Autocomplete problems with multiple fields
Greetings, I'm working on adding autocomplete to a form which describes a discussion paper. Each paper can have multiple authors and I want to provide autocomplete on the author names. I'm new to jQuery so this code is kind of rough. My java script is: // Begin function parse_search(data) { var result = []; for (var i = 0; i < data.names.length; i++) { result[i] = { data: data.names[i].name, value: data.names[i].id, result: data.names[i].name }; } return result; } function format_item(row, i, max)
[jQuery] Creating an ajax status
I have a number of GET and POST ajax calls that do various things my script. For each one, I would like to set a status that is a string, so that I can out put that to the user. So, it might look like this: Ajax POST Posting to page Ajax GET Getting content page Ajax POST Sending data to page Basically I want to set the status using something like $ ('#status_div').text(); so that the user will see the status text when each ajax function is run. Does anyone have ideas on how this could be accomplished?
[jQuery] bassistance autocomplete and two fields
I'm trying to use the autocomplete from here http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ I have two fields in my database table: id name In my form i need to be able to inform id and return the name or inform the name and return id. Is there some example around ? Ty :)
[jQuery] Little problem using jEditable
Little problem using jEditable: I use jEditable on a paragraph and my PHP file successfully updates the database upon submission. But after I click the OK button or press enter when I 'jEdit' such a paragraph, the content of the paragraph always changes to 'Click to edit', no matter what I entered in the input area. After I reloaded the page I can see that the database was succesfully updated: the paragraph shows the updated text. Here's some code: The main file: <script type="text/javascript" src="jQuery.js"></script>
[jQuery] columnFilters
Hello, I download the columnFilters plugins and test it, every thing is working fine. But, I want to filter my table on one specific column, so the added filter row above the table header is not relevant for me. I'm trying to modify the jquery.columnfilters.js that it will work with text file that I put outsite the table on the top. The code look like this. But, it's not working. $("#filter_field").keyup(function(event){ // call the runFilters(event); alert(" filter_field !"); }); Can somebody help
[jQuery] Autocomplete: Problem putting autocomplete on multiple fields
Greetings, I'm working on adding autocomplete to a form which describes a discussion paper. Each paper can have multiple authors and I want to provide autocomplete on the author names. I'm new to jQuery so this code is kind of rough. In the head section of the page I load the necessary js files: <link rel="stylesheet" href="http://xxx/research/wp/assets/css/ form.css" type="text/css"/> <link rel="stylesheet" href="http://xxx/research/wp/assets/css/ jquery.autocomplete.css" type="text/css"/> <script
[jQuery] recommendation for lightbox
what do u recommend for a lightbox plugin? there are alot out there
[jQuery] jquery form plugin not working in IE8
I'm using http://malsup.com/jquery/form plugin but it is not working on IE8 but all other browsers. Pls help.. thanks adnan
[jQuery] hover problems
Been searching for the last hour, found some solutions, but still not good enough. I have a navigation menu -- when I hover over a header, I want the submenus to slideDown, and then on hoverOut, I want it to slide back in. First, I was having problems with it only displaying 2 or 3 of the dropdown items if I got crazy with the hovering (on, off, on, off quite rapidly). Then I found the .css(overflow:visible) fix. That causes the menu to at least always display all the items, but the effect is lost
[jQuery] How to pick out classes that start with a particular string.
This might be hard to explain, but I need a way to loop through a bunch of elements I've already selected and for each one find classes that start with the word "icon". So for example I might have the following elements <div class="button iconStar"></div> <div class="button iconPlus"></div> <div class="button iconLeft"></div> <div class="button iconRight"></div> <div class="button iconUp"></div> <div class="button iconDown"></div> So, I begin by selecting the elements and looping through them....
:nth-child() failing in ie7
$(xml).find('model').each(function(){ var $obj = $(this) _model = $obj.find('data:nth-child(3)').text(); _fuelType = $obj.find('data:nth-child(5)').text(); _city_mpg = $obj.find('data:nth-child(6)').text(); _combined_mpg = $obj.find('data:nth-child(7)').text(); _hwy_mpg = $obj.find('data:nth-child(8)').text(); var values = _model + "," + _fuelType + "," + _city_mpg + "," + _combined_mpg + "," + _hwy_mpg; var options = '<option value="'
[jQuery] Has anyone used these jQuery books?
Hi everybody, Has anyone here read/ used these books: jQuery UI 1.6 by Dan Wellman jQuery Reference Guide by Chaffer & Swedberg I am wondering which one is better for learning how to make front-end interfaces for applications. p.s- Learning jQuery 1.3 is a awesome book!
[jQuery] Multiple XML selector error in IE6 introduced in 1.3.2?
Hi I'm getting an error in IE6 using jQuery 1.3.2 that was not present in 1.3.1. The HTML file is <!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> <title>IE6 problem selector</title> <script src="stores/jquery 1.3.2.js" type="text/javascript"></script> <script> $(document).ready(function() { // Set up DOM-ready functions if ($.browser.msie)
[jQuery] ajax POST not working with IE7/8 ?
I am doing an ajax form submit using Mike Alsup's form widget, but something appears broken on IE7 and IE8. Debugging inside jQuery 1.3.2's ajax method I seen the following behaviour: - if s.data == "_buttonfix=step2&next=step2" onreadystatechange is never triggered, and IE does a normal (non-ajax) form submit - if s.data == null onreadystatechange is triggered, and normal processing continues the backend returns the exact same response for both situations. Does anyone have an idea what the problem
[jQuery] $("button").Bind("click", function) Vs <button onClick="function/>
I know that the recommended usage in all the books/blogs/web sites is the bind() method in the $(document).ready(function() {} However I am finding that very often my users are taking action by clicking etc before the page has completely loading. This usually results in a full form postback instead of AJAX, or worse nothing happens at all. I understand that the bind method within the .ready function works best if the handler requires an element further down the page that may not have been loaded
Treeview 'spillage' problem
Hi guys, I think this is a problem of my own making but I can't track it down and was wondering if any one else had stumbled upon it. My treeview menu spills out over the page 'wrapper' instead of invoking the vertical scrollbar. This doesn't happen in ie6 and as thats my default browser I didn't catch the problem sooner but it does in every other browser I've tried. thanks in advance Tony
[jQuery] Highlight a table row on radio button click
I have a table in which each row has radio botton in first td. I have to make a code so that when user click on radio button that row get highlighted . When click other that get highlighted and rest without highlight
need help with this clickable checkbox label
Here's my attempt at coding up a checkbox that resides in a TD, and clicking anywhere in the TD toggles the checkbox. There are only a couple of problems: 1. It doesn't work in IE 2. I'd like to prevent the cursor from changing when it moves over the text. Any suggestions? Is there a library which already does this? Thanks! Update: And any coding style suggestions would be welcome, too. <html> <head> <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script> <script> $(document).ready(function(){
[jQuery] jQuery.post() not working for me
Hi, I'm trying to use jQuery.post() function to retrieve som data. But i get no ouput. My PHP file looks like this: <?php inlcude_once('dal.php'); //Get store data, and ouput it as JSON. function getStoreInformation($storeID) { $sl = new storeLocator(); $result = $sl->getStoreData($storeID); while ($row = mysqli_fetch_assoc($result)) { { $arr[] = $row; } $storeData = json_encode($arr); echo $storeData; //Output JSON data } ?> This is my javascript which is located in /js/myscripts.js jQuery(document).ready(function()
[jQuery] href+external link focus under window
Hello, I have a thickbox window with links. For one of these links, I would call an external site, but below my current page and close my thickbox. Is this possible? Thank you all.
[jQuery] Download size of jquery 1.3.2
I noticed on the latest release of jquery, the site says download size is 19KB for production, but the real size is 55.9KB, which is a substantial difference. Why is it so large? One of the things I have always liked about jquery is its small footprint, and I would no longer call this small. Is this an error in the release, or has jquery really grown so large? I really hope it is not the later, but the last few releases seem to be following a trend of getting larger and larger.
[jQuery] Plugin does not bind to jQuery object
These two pages do the exact same thing: Apply some basic validation rules to a form. The only difference is that the first one includes the scripts in <body>, not <head>. 1. http://www.asce.org/freemembership/ 2. http://content.asce.org/conferences/texasstudentdays/company_registration.html The second one works, and the first doesn't. For some reason, the first site doesn't bind the validate method to jQuery. $.fn.validate() throws an exception in the console. What's going on, and how can I fix
[jQuery] IE: jQuery leaking memory on blank page
Hi all, I've been trying to fix some memory leaks in my app. As I was stripping the code down I discovered that even on a totally blank page that includes jQuery, memory is leaked. If you point Drip at the jquery.com homepage you'll see quite a few elements left around after the page unloads. It seems to be mostly stuff in jquery.support (script tags, anchor tags, divs) that are used to test browser capabilities. Is this a known issue? Is there any workaround? It seems to be the removeChild calls
[jQuery] binding after .get()
Hi, I am new to jQuery and can't get my head around the binding concept. I read some posts about it, but can't seem to figure out how to bind data coming from $.get('script.php', {'c': c, 'sc': sc }, function (data) {...} It's now loaded using: $('form').html(data); replacing the normal form completely (which is what I want). It loads a bunch of selectors which I get from my php script. I need to use jQuery on those selectors (at change) as well and understand I need to bind them... And then I am
[jQuery] how to select elements inside jQuery objects
i've tried to do the following on a grand scale the last few days, please help my suggestion to select a classname inside a object containing the xhtml $( mol_elements ".mol_row" ).append( "<td>"+ molname +"</td>"); I was then suggested the following, but that selects BOTH class and element, right? $( ".mol_row", mol_elements ).append( "<td>"+ molname +"</td>"); how to select the classname inside the object then? /pär
[jQuery] Data() method, just changing value of one hash element
I am using the jQuery Data method to store data for dynamically created elements. Everything works fine until I try to update the value of an attribute. This is how I first create the element. $j.data(item, 'attributes', { Name: name, UOM: uom, WarehouseKey: orderItem.WarehouseKey, OriginalPrice: orderItem.OriginalPrice, ReqDate: dsOrder.cleanupResults(orderItem.ReqDate), WarehouseItemKey: orderItem.WarehouseItemKey, AvailableQty: orderItem.AvailableQty, BOQty: orderItem.BOQty, Notes: dsOrder.cleanupResults(orderItem.Notes),
[jQuery] JQuery.isReady property
JQuery.isReady is NOT documented, but I have a valid use case for it and was wondering if there is a documented way of doing the same thing. I have a case where some code could be loaded as the page loads, but I don't have a particular function to fire until the document isReady. The same code could also be loaded in a context after the page loads (Injected into the dom) if (JQuery.isReady) { //Call function explicitly } else { //Call function on document.ready() }
[jQuery] selecting li - beginner learning jquery
Hi, I'm trying to learn Jquery (reading Manning Jquery in Action) in the book there is this sample: <ul class="myList"> <li> <a href="http://jquery.com">jQuery supports</a> <ul> <li> <a href="css1">CSS1</a> </li> <li> <a href="css2">CSS2</a> </li> <li> <a href="css3">CSS3</a> </li> <li> Basic XPath </li> </ul> </li>
[jQuery] Complete noob needs help setting up jquery in windows XP
I am an amatuer website creator and like to use the most accepted and best methods of developing on a site. I learned how CSS simplified how HTML looks and now I've been reading about how jQuery simplifies how HTML "acts" with javascript. Right away I ran into a wall. I am using Windows XP and Microsoft Expression Web 2 to create my site. I cannot figure out how to build, make, unpack jQuery. I'm not exactly sure what it is, either. Is it a server-side language interpreter? As I understand it, I
[jQuery] Selecting radio buttons within different RadioGroups via a click
I'm getting lost in selectors... I am trying to achieve the following: A button click needs to select certain radio buttons within different radio groups. e.g RadioGroup1_0 and RadioGroup2_1 A click on another button resets the radio buttons to blank, and then selects different radio buttons within those radio groups. e.g. RadioGroup1_1 and RadioGroup2_2 <input type="submit" name="button1" id="button1" value="Selection1" /> <input type="submit" name="button2" id="button2" value="Selection2" /> <label><input
[jQuery] Datatables Plugin Default Sort Column
Hello, Does anyone know whether it is possible to define a default sort column for the jQuery Datatables plugin (http://www.sprymedia.co.uk/ article/DataTables) for when the table of data first loads? Many thanks, Simon
Newbie Q: JQuery Hover and Click Menu
Hi I'm trying to implement a site using a JQuery menu that fades and changes content instantly on click. That functionality is working fine; however, I'd like to add a hover event that changes gray menu item to black (opacity = 1 ) when users mouse over the content (just like a css hover effect on a link). Additionally, I'd like for "home" to always have an opacity of 1 (remain black) but still operate as a navigational jquery button (not simply a hyperlink to the website). Thanks in advance for
[jQuery] [tablesorter] "sortEnd" never trigerred for sortDisabled columns
Hi, using tablesorter 2.0.3, when you click on the header of a column that has been disabled with the "headers" options the "sortStart" event is triggered but not the "sortEnd". If you show a message on "sortStart" and hide it in "sortEnd", the message is not hidden. Is it normal behaviour (as no sorting append)? should "sortEnd" be triggered? should "sortStart" not be triggered in this case? For the moment I added the following lines after line 581 : } else { // trigger sortend $this.trigger("sortEnd");
on click toggle ul - on click elsewhere hide ul
hey all - my second day of attempting jquery on a task at work, and am a bit stuck. i've got an unordered list of links.. inside an unordered list of links on clicking an <li class="headlink">, I would like the <li class="headlink"> 's child <ul> to become visible. on clicking away (anywhere on the document), I would like the child <ul> to dissapear. By default the child <ul> is set to hidden in the stylesheet. html <ul id="cssdropdown"> <li><a href="#">A</a></li> <li class="headlink">
[jQuery] show the number of insert record php jquery
Hi<div> </div><div>All can u tell , how to show the record inserting count at the time of insert process ,</div><div> </div><div> </div><div>Using PHP,JQUERY</div><div>thanks<br clear="all"> -- உங்கள் நண்பன் பரணி குமார் Regards B.S.Bharanikumar POST YOUR OPINION <a href="http://bharanikumariyerphp.site88.net/bharanikumar/">http://bharanikumariyerphp.site88.net/bharanikumar/</a> </div>
Next Page