Has anyone tried to bind the scroll event to a scrollable tbody in IE8 and it worked? If so, please let me know how you did that, because while it works in FF 3.6, it does not work in IE8 (unless I'm doing something wrong.) I've searched quite a bit for this and couldn't find anyone that had a question on this.Example: I have a table with a scrollable tbody, and what I want to do is bind a scroll event to the tbody to find when the user had scrolled to the bottom of the scrollable tbody where I'll fetch additional TR rows.
There is this problem that I encountered while practicing with jQuery.[code]The problem I'm having is, the alert does not fire whenever the checkboxes in the tbody are clicked.
The application I'm working on dynamically generates a HTML table like the one below. Having identified that I need to add an opening <tbody> before the first TR that contains the word "Diagnosis", opening + closing TBODY to all other TRs containing the word "Diagnosis" & Closing </TBODY> after the last closing TR?
I'm trying to sort an HTML table (tBody) on one of its columns dynamically. My approach is to remove all the rows into an array, sort the array, and insert to rows back into the tBody.
But, there doesn't seem to be any way to insert a pre-existing row into a table (tBody). I've tried inserting a blank row and replacing it with the saved row, but this fails as well.
I know about tBody.moveRow(from,to) (this works) but I have to sort the table by hand, which is painfully slow.
I'm not much of a javascript developer. This is my second project using collapsing/expanding content.
Code has been simplified for display here.
The code below works, but any time someone clicks the [-] or [+] to expand or collapse rows of the table, the browser flips the user back to the top of the page. This happens in FF and IE.
1. Take the current URL of the page and open a new window with a URL based on the current page. Some examples (I use "->" to mean "this URL turns into that URL"):I plan to use these bookmarklets in sequence, first pressing 1 to log into the CMS, then pressing 2 to edit the current page.
I have a list of products where they have minimum quantities in a hidden input. Some products have multiple colours, though the same minimum quantity and I'm trying to implement a jQuery check that entries made are at least equal to the minimum.
Blank or '0' entries are fine but if it's below the minimum quantity it should set to the minimum.
HTML:
Is there something obviously wrong with this? It isn't performing the minimum check and I'm really not sure why.
I have a number of functions to sort, filter and highlight table rows. Until now I've assumed a header 'th' row and not worried about 'thead' or 'tfoot'. But I'm now looking to modify them so that they will work reliably with or without these extra elements.I believe rows() includes those within a 'thead' and 'tfoot' - is this correct? Does anyone have a suggestion how I could simply ignore these elements? That is, I only want my functions to work within the tbody rows? Here's one of my functions for reference.
Code:
var ApplyFilter = function (txt,tbl,col) {// filters a table by a specified column index var theTable = document.getElementById(tbl), i, theRow, cellText; txt = txt.toLowerCase();[code].....
I have a navbar numbered 1 thru 6 for a slider. You can see it here. [URL]. Is there a way to have the current navigation number share the rollover state? In other words, if I slide to #4 then the actual navbar #4 displays in a different color until I navigate away from it. I originally thought that this would be a simple CSS thing, but that idea went more towards javascript 'test'. Then I wondered if there might be a plug-in for this sort of thing.
URL...This item is almost finished for a project.I've gone over ita few hundred times.Each time a tab is selected, it goes to thecorrect <p> paragraph and displays the paragraph assiged to that tab, but that tab orcurrent tab does not stay ON.
I have the following code: '<div class="Comment">' + $.each(post.Comments, function (i, comment) { document.write(comment.Description); }) + '</div>' ); The document.write() is not working, it erase all the content of my page in fact. What I want is just write the HTML contained in 'comment.Description' for each iteration (comment.Description contains a DIV with multiple elements in it!)
if i wanted to know on a certain event lets say onblur/or onfocus on which element of the array the focus was on how would i know that in jquery. I basically want to get the key of the price array on a certain event.
I'm looking to create previous and next image links. The images are brought in via JSON. $('<img />').attr('src', photo.thumbnails["500x500"]).appendTo('.img-full');
Does anyone know how I go about getting the current image and then the ability to click next to find next one?
I am trying to get a slider (slidedeck) to open to a certain slide when the page loads according to the current url.
[Code]...
I'm really new to JS so I'm not even sure if this is the best way to go about this, but SlideDeck don't offer support for linking to a specific slide when using their WordPress plugin (which is poor form I think) so I need to figure it out myself.
I've made a function for getting a ID for each sibling in a tree. Lets look at this DOM: <ul> <li>Five</li> //sibling ID 1 <li>Six</li> //sibling ID 2 <li>Seven</li>//sibling ID 3 </ul>
Here is the function: function getSiblingId(elm) { return $(elm).siblings().size() -$(elm).nextAll().size() + 1; }
And here is how I use it: var id = getSiblingId($('ul li:first-child')); // id = 1 Is there a more elegant way to get the same result? The work done in the getSiblingId-function has a lot of overehead.
I need to get the attribute id of the current element which comes from a selector. As I found out with the help of this forum I need to use $(this).attr("id"). Unfortunately this just returns "undefinied" for me. Does anybody have an idea why this doesn't work?