Ten #progressBar pojawi Ci się w #viewdata jak już pobierze wszystko, to co chcesz progressować?
Po 1. nie zalecam zwracania całego html, a np jsona, a htmla generować za pomocą js
Po 2. jak dokładnie to ma działać? Po odpaleniu viewdata() chcesz żeby ajax odbił się do pliku php, w między czasie żeby progress bar ruszył i dopiero jak ajax zdobędzie 100% danych to je wyświetlić? Sprawdź sobie progress event: http://www.dave-bond...progress-HMTL5/
No nie wiem własnie czy ja w ogóle dobrze kombinuje. Po prostu w jednym z pól w bazie danych będzie data np. 12.05.2016. i próbuję tak wykombinować żeby te dane przesłać do skryptu, który będzie odpowiedzialny za pokazanie ile czasu pozostało do tej daty. Do tego bedzie służył ten progresbar. To nie jest żaden "loading" tylko on będzie odliczał bardzo odległe daty. Na razie testowo mu sprzedałem od razu w skrypcie przykładowe odliczanie:
$(document).ready(function(){
function progress(timeleft, timetotal, $element) {
var progressBarWidth = timeleft * $element.width() / timetotal;
$element.find('div').animate({ width: progressBarWidth }, timeleft == timetotal ? 0 : 1000, 'linear').html(timeleft + " seconds to go");
if(timeleft > 0) {
setTimeout(function() {
progress(timeleft - 1, timetotal, $element);
}, 1000);
}
};
progress(20, 20, $('#progressBar'));
});
więc teoretycznie powinien jedynie odnaleźć sobie element DOM i wyświetlić progressbar. Działa jeśli <div id="progressBar"> znajduje sie w index.html ale nie działa w getdata.php. Docelowo bym chciał żeby ten skrypt sobie czas odliczania zaciągął z bazy ale jeszcze nie wiem jak to zrobić
Użytkownik przemoo83 edytował ten post 18 listopada 2015 - 13:21