
Untitled
By: a guest on
Jul 31st, 2012 | syntax:
None | size: 1.79 KB | hits: 15 | expires: Never
JavaScript code is slow (JQuery). Is there a way to optimize it?
<div id="gd_graphics">
<p id="gd_loader">Veuillez patienter!</p>
<div id="gd_graphics_grid">
<?php for($row = 0; $row < 73; $row++) : ?>
<div class="gd_grid_row">
<?php for($block = 0; $block < 130; $block++) : ?>
<div class="gd_grid_block"><div class="gd_grid_block_wrap"></div></div>
<?php endfor; ?>
<div class="gd_hidden"></div>
</div>
<?php endfor; ?>
</div>
</div>
function RefreshDrag()
{
$(".gd_selected_block").removeClass("gd_selected_block");
if(startX <= endingX)
{
var minX = startX;
var maxX = endingX;
}
else
{
var minX = endingX;
var maxX = startX;
}
if(startY <= endingY)
{
var minY = startY;
var maxY = endingY;
}
else
{
var minY = endingY;
var maxY = startY;
}
var $row = null;
var $block = null;
var $left = null;
var $right = null;
var $this = null;
var rowIndex = null;
$(".gd_grid_row").slice(minY, maxY+1).each(function() {
$row = $(this);
rowIndex = $row.index();
if(rowIndex == minY || rowIndex == maxY)
{
$row.children(".gd_grid_block").slice(minX, maxX+1).find(".gd_grid_block_wrap").each(function() {
$this = $(this);
$this.addClass("gd_selected_block");
});
}
else
{
$left = $row.children(".gd_grid_block").eq(minX).find(".gd_grid_block_wrap");
$right = $row.children(".gd_grid_block").eq(maxX).find(".gd_grid_block_wrap");
$left.addClass("gd_selected_block");
$right.addClass("gd_selected_block");
}
});
}