JQuery loading (spinneris) ielādējoties datu blokam

[senters]

Kā šim blokam pirms db datu ielādes uzlikt smuku loading spinneri?

To vajag, jo ielādējot ~1000 eventus, rodas neliela 2-3sec pauze.

 

 

// Kategoriju filtrs [JQUERY]
$(function(){
$('#filter_category').click(function(){
$('ul.menu_category').slideToggle('medium');
$('ul.menu_category a').click(function(){
var category_id = $(this).attr("id");

//alert(category_id);
$.ajax(
{
type: "POST",
url: "inc/category_results.php",
data: "category_id="+ category_id,
cache: false,
success: function(html)
{
$(".spotlight, .spotlight_switch, .all_events").empty();
$(".today_events").html(html);

$("#datatable_categoryevents").dataTable ({
"bPaginate": 5,
"sPaginationType": "full_numbers",
"bSort": false,
"bFilter": false,
"iDisplayLength": 5,
"bLengthChange": false,
"bInfo": false
});
}
});
});
});
});

Edited September 16, 2011 by senters

[daGrevis]

a
a
a
a

 

a

   a
       a
   a
a

[senters]

Tepat pie šī iesāktā posta ir radies vēl VIENS jautājums.

 

Kā "bPaginate": 5 vietā dabūt vērtību no sql kverija, kam būtu jāizpildas par pamatu ņemot kategorijas id'u?

Tā ir vērtiba kura nosaka, ka ir 5 un mazāk ieraksti tad nerāda lpp numerācijas divu ar tā elementiem - http://screencast.com/t/UPU9N5GIE

 

Pats vajadzīgais php (sql) fragments:

$d = "SELECT COUNT(*) FROM event WHERE category_id = '".$category['id']."'";
$q = mysql_query($d);
$r = mysql_fetch_row($q);
$cat_event_count = $r['0'];

 

Viss jquery konfigs (strādājošs):

// Kategoriju filtrs [JQUERY]
$(function(){
$('#filter_category').click(function(){
$('ul.menu_category').slideToggle('medium');
$('ul.menu_category a').click(function(){
var category_id = $(this).attr("id");

var interval_id;
interval_id = setInterval(function() {
$(".today_events").html('<div id="loading"><img src="img/spinner2.gif" /></div>');
}, 700);
$.post('inc/category_results.php', { category_id: category_id }, function(data) {
//alert("rez: " + data);
$(".spotlight, .spotlight_switch, .all_events").empty();
$(".today_events").html(data);
$("#datatable_categoryevents").dataTable ({
"bPaginate": 5,
"sPaginationType": "full_numbers",
"bSort": false,
"bFilter": false,
"iDisplayLength": 5,
"bLengthChange": false,
"bInfo": false
});

fade_eventinfo();

clearInterval(interval_id);

$(".today_events #loading").remove();
});
});
});
});

 

Problēma tāda, ka rakstot šo php fragmentu pirms datatables konfiga un pēc category_iegūšanas skripts negrib ņemt pretī šo php iestarpinājumu.

 

Te laikam tīri jautājums par sintaksi, kā pareizi uzrakstīt.

 

Pārceļu šo jautājumu kā jaunu tiketu - http://php.lv/f/topic/19488-php-sql-kverijs-ieks-jquery-skripta/

Edited September 21, 2011 by senters