JQuery :: Row Highlighting Slow On Large Tables?
May 26, 2011
I am pulling data from a database and putting it into a table, i'm using the following statement to add row hightlighting to make it easy to read. Everthing works fine with short tables, but for larger tables the highlighting lags severely, aside from manually adding the mouseover/mouseout directly in the output, is there any way to make this faster?
$("#totalcalldata tr").mouseover(function(){$(this).addClass("rowHilight");}).mouseout(function(){$(this).removeClass("rowHilight");});
View 1 Replies
ADVERTISEMENT
Aug 17, 2009
I have approximately a 400-500 row table (2 of them) each with 12 columns of formatted content such as currency, percentage, name.
I tried this with [url] but it can't seem to handle that much data.
Does anyone have a good plugin for large data on the page? (and no not interested in paginating it really)
View 3 Replies
View Related
Apr 5, 2007
Here's the situation: I have a simple php file which retrieves data from a
mysql database and displays it in a table. However, the number of records
has gotten so large that retrieving all the data takes a lot of memory and
the browser freezes.
I been googling for a solution and some1 mentioned something called live
scrolling where the data is retrieved only when you scroll up or down.
Since am just an amateur and not familiar with XML, XSL, etc; can any1
recommend some link where i could find some JS script with such a feature?
one that's easy to get started with if possible...
View 4 Replies
View Related
Aug 18, 2010
I have a gridview, and when a user clicks a row, the row should be highlighted. If the user clicks another row, this newly clicked row should be highlighted, but the other row should loose its highlighting. That means, that only one row can be highlighted at a time.
[Code]...
View 5 Replies
View Related
Apr 7, 2010
I'm trying to make a php/jquery-based puzzle game where I have a standard html table (#puzzlegrid) generated by php, and I want to highlight certain parts of it when the mouse is hovering over it. I have one table where there are four different parts (split in the middle vertically and horizontally), separated by id's. The left and topmost cells has id="empty", all the rows beneath these has id="row-clues", the columns next to "empty" has id="column-clues" and finally the bottom-right cells has id="playing-grid", which the hover-function belong to. The number of #column-clues and #column-rows can vary, both in the count of rows and columns. I can give a example code if it's necessary.
As for the jquery-part, I simply want to highlight (add a css class) the current row and column when i hover over the #playing-grid cells. That means selecting all #column-clues and all #column-rows cells that exist on the same row/column the mouse is hovering over. This is what I have so far
$("#puzzlegrid td#playing-grid").hover(function() {
var current_rowIndex = $(this).parent()[0].rowIndex;
var current_columnIndex = $(this).parent().children().index($(this));
$("tr").eq(rowIndex).addClass("highlight");
[Code]....
I've tried a for-loop and each() without luck, as far as my jquery skills goes (and that's not far ). Is it possible to use the index for highlighting several columns, or do I have to do it another way? I can change the HTML code if that's necessary.
View 3 Replies
View Related
Jun 23, 2010
In the menu in this page I have four different methods (you can see them in the <script> tag on the pages) of indicating the current page in a menu. I downloaded these from various web pages after Googling "jQuery highlight current page".None of the methods works. Is there something wrong with my selectors? Can anyone see why none of them are working?
View 4 Replies
View Related
Mar 31, 2010
I have a set of radio buttons that are wrapped in divs and I want to highlight the wrapping div (by adding a class) of a radio button that is clicked while removing the highlight from any previously selected radio button (by removing the class).
I've got it working to the point where it only works on one set of radio buttons but I need to be able to do this on multiple sets. I did find this but was not able to figure out how I'd apply this to my requirement as it is working the other way around here:
jquery-tip-how-to-select-radiocheckbox-input-on-click
why its working only on the last set?
$(document).ready(function(){
function radioHighlight(radioName, className) {
radioNameSelector = "input[name='" + radioName + "']";
$(radioNameSelector).click(function() {
[Code].....
View 1 Replies
View Related
Jul 6, 2011
I've read through every post here on this issue and can't find an answer with an actual example of just how you amend the current tab in Superfish with the addClass to take the pathClass option so that it can be highlighted when you're on a specific page.
Even the official Superfish page and demos make no mention of how you do this thoughI can see there's a hash being passed in the URL. I've only just been exposed to such a concept and I'm not sure which bit of code is creating/reading the hash and how to apply it in this case as it's different from the last issue I had.
View 4 Replies
View Related
Jun 12, 2010
I have a problem with the jQuery.ajax() function combined with a keyup event (i think key events in general). I'm binding an keyup event to an input field so that on every change the current input is send via the ajax function and receives new data from the server, displaying it in a selectbox.
when I'm typing very fast it seems that the ajax function is too slow for this and shows up old result elements. After triggering the event another time, e.g. via UP,DOWN,.. it receives and displays the correct data.
View 1 Replies
View Related
Dec 6, 2011
I have following code to have a scroll animation effect. The cod eis triggered e.g. by a click.[code]...
The problem is, that the browser (tested in FF, Chrome, IE9) just jumps to the scroll target, no effect is viewable. I googled the code in different places, everybody else seems to have no probs with it.
Any ideas what I'm missing here?
View 1 Replies
View Related
Dec 7, 2007
Please the link to see what I have done so far...[URL]... It is a day planner, where various places can be dragged on to the day planner. It works, but it seems very slow. Running firebug profile when dragging a simle place into a single slot tells me that over 35,000 calls were made.
View 7 Replies
View Related
Mar 12, 2010
I've read a lot about how slow IE7/javascript is, but I thought I'd share this test. I have a complex page with about 15 tables of class XYZ. I timed this:
[Code]...
View 4 Replies
View Related
Sep 30, 2011
I have a table with 5000 rows. In each row I have an html element. myElementList is the list of those elements. Now I need to select all the tr's of these elements. I am using the following code.
[Code]...
This work great in FF. But when I run the same in IE 8. The browser hangs out and a popup messgae appears that propmt for to stop the script.
View 2 Replies
View Related
Jul 30, 2009
I am developing quite a complex user interface in jQuery that relies on an AJAX call to retrieve JSON.We have noticed that the code runs slow in IE7. IE8 and IE6 are acceptable. Firefox and Chrome really quick. I have traced the problem back to the AJAX call, which IE7 seems slow o process. What takes less than a second in the other browsers will take IE7 3 or 4. I have googled for an answer it seems there is some consensus that the native XHR in IE7 is slow, so it may not be a specific jQuery problem.Has anyone else experienced this? Does anyone have a solution? Please consider that this will be a public website, so the solution cannot involve altering settings on users' machines.
View 5 Replies
View Related
Oct 23, 2010
I'm having trouble using jQuery to find get select box values by element name. At the moment the code is in a for loop and it gets 8 different form values and puts it into an array. Currently this takes 1.5 seconds to execute which is far too slow as the user has to wait for it to finish. Here's the code which is inside the loop:
[Code]...
This when run executes instantly with no time delay. Why is the jQuery way so much slower? I'm all for saving 2 lines of code but not when it's 10x slower. Also I shouldn't need to put an id on the select box element to make finding it faster, the name value is already unique because I require the specific value once the form has been submitted.
View 3 Replies
View Related
Aug 17, 2010
i have a div which i am showing and hiding based on a button click.now when i click button first time, div will show with slow effect. but when i click button second time, the div hides quickly...
if( visible==0 ) // parent div not visible, show the div
{
visible=1;
[code]....
View 4 Replies
View Related
Sep 29, 2010
1) search the database for the words user is typing in the text box. This will happen with each key press.2) if there is a match - I need to change the text color.
View 17 Replies
View Related
Apr 16, 2009
I've recently been using cluetip on a datable of about 400 rows. Recently I tested this against IE8 and found it very very slow. Doing simply the following:
$(document).ready(function() {
$(".user").each(function(i) {
$(this).cluetip();
}
});
Basically for each row in my table (400 rows) it would attach the cluetip to it. In IE8 it would freeze the browser for a good minute, if I pushed the compatibility mode button to run in IE7 mode it worked as xpected. In all other browsers it worked perfectly. Is there something different going on with IE8?
View 5 Replies
View Related
May 11, 2010
On our website we wanna bind a click (or maybe mouseover)-event on every user-image. The click on the image should open a layer with further information about the user. Now i look for a best practice way to solve this (focus on performance), because there could be a lot of user-images on one side. I think, if i bind the event on a class like this
jQuery('.myclass').bind('click', function(
makerequest;
openlayer;
))
that could slow down the site, because i read, that "The class selector is the slowest selector in jQuery". Back to the roots and insert an onclick(function) to the element, but i'm not realy happy with that solution.
View 1 Replies
View Related
Aug 28, 2011
Hereyou can find the whole example. By clicking onClick to Addyou will clone 100 times the elementtrackOn; then it will be append to the tabletracklistOn. Unfortunatly, if these elements are inside aformyou can see that the time is very high before the process is finish.If I remove the form, is quite immediate. Why this behaviour? How can I fix this problem? P.S. I don't know why, but I can't paste the whole code here. So follow the jsFiddle link please :)
View 2 Replies
View Related
Mar 23, 2010
I've managed to use ajax to fetch and display the quotations which associate to a particular rep after i click that rep's name. But the only problem is the speed of response. The first few clicks are ok and very smooth. But after several tries, the response become slow and I cant even scroll down the webpage, and later on the web browser craches....
here it is:
<!-- Data display area -->
<br /><input type="image" id="printbtn" value="Print" src="images/printer.png"/><br />
<div id="container">
[code].....
View 3 Replies
View Related
Sep 18, 2011
This is a weird one. I am new to jQuery so have been following a tute online. My script works, its just takes ages to load - up to a minute! Things were working fine before when the script was on the same page as the HTML but when I put it on its own file it just slows right down. All these files are just operating straight from my local.All I am doing is changing the color of a list (ul) with jQuery on an external .js file.This is the only code on that .js file (called script.js)
$(function () {
$('#list1 li').addClass('alert');
});
[code]....
View 1 Replies
View Related
Jan 13, 2011
i am new to Html and i am helping run a website for virtual golf. we were thinking of adding a Statistics page but would need the table used to be sortable so by hitting the header the column sorts the figures in order, the tablw would only be 50 rows and 8 columns. i have looked at the website [URL]../docs/but cant seem to sort out where to place things. a step by step guide would very much be appriciated.
View 6 Replies
View Related
Jul 22, 2010
Ia have two different tables that are generated from an application.In the first one there are only <th> and the second one only <td>.I want the size of the first, second etc <td> to be equal to the corresponding <th>.I have managed to do that by putting ids in all of them and then make a function like:
$(function(){
takeHeight1 = $("#th1").width();
$("#td1").width(takeHeight1);[code]....
But I would like to do it more automatic...like without ids for each td and th
View 2 Replies
View Related
Jan 11, 2011
I have a table that is a production schedule of orders. Each order has 1 row with the main information and then 2 or 3 other rows with additional information. There could be 350+ rows. The pages loads fine by itself. I also have a function to expand/collapse individual rows when you click on them which works good. However, I wanted all the rows to be collapsed by default when the page loads. I added this code...
$(document).ready(function() {
$("tr.ROW_ALL").slideToggle('fast');
});
It works, but it is very slow. It could take 30+ seconds to run. Is there a faster way to use slideToggle on hundreds of rows at once? Or is there a better way to have them "closed" by default? ~bruno71
View 3 Replies
View Related
Jan 6, 2011
I have a paragraph that I have set to disappear on the click of the Hide button, I have also set the button to toggle between Hide and Show depending on whether or not the content is visible. My problem is, when I add 'slow' as the duration the button doesnt seem to toggle between hide and show?
Code:
<p id="disclaimer">
Disclaimer! This service is not intended for the those with criminal intent. Celebrities are kind of like people so their privacy should be respected.
</p>
Code JavaScript:
$(document).ready(function() {
$('<input type="button" class="toggle" name="toggle" value="Hide" />').insertAfter('#disclaimer');[code].....
View 4 Replies
View Related