f-thies.de :: Thema anzeigen - Problem mit jQuery Progress Bar

f-thies.de Foren-Übersicht

Portal • FAQ • Suchen • Einstellungen • Benutzergruppen • Registrieren • Profil • Einloggen, um private Nachrichten zu lesen • Login

Problem mit jQuery Progress Bar

Im Thema: Kein registrierter, kein versteckter und ein Gast
Keine

Nächstes Thema anzeigen
Vorheriges Thema anzeigen

Neues Thema eröffnen

Neue Antwort erstellen

f-thies.de Foren-Übersicht » Webdesign » Perl / CGI, Java, JavaScript und VBScript » Problem mit jQuery Progress Bar

Autor

Nachricht

Thies
Webmaster

Webmaster

Alter: 43
Anmeldungsdatum: 04.08.2003
Beiträge: 1424
Wohnort: Thüringen

Verfasst: Sa 19 März, 2011 4:13 pm Titel: Problem mit jQuery Progress Bar

ch möchte in einem Tool das jQuery Progress Bar-Plugin von http://t.wits.sg/jquery-progress-bar/ nutzen. Im head des HTML-Code steht folgendes

Code:

<script type="text/javascript" src="js/jquery.progressbar.min.js"></script>
<script type="text/javascript">
/*<![CDATA[*/
$(document).ready(function() {
$("#pb1").progressBar({ max: 220, textFormat: 'fraction'});
});
/*]]>*/
</script>

Die ProgressBar soll also von 0 bis 220 (zu verarbeitende Datensätze) hochzählen. Bevor das PHP-Tool loslegt, schreibt es in den HTML-Code die Zeile:

Code:

<p class="center"><strong>Status: </strong> <span class="progressBar" id="pb1">0</span></p>

Nun will ich jedesmal, wenn das php-Script einen der 220 zu verarbeitenden Datensätze abgearbeitet hat, dass das JS-Script die ProgressBar um eins erhöht.

Weiss jemand, wie ich das umsetzen muss, damit das jquery-Plugin das "merkt"?

Code:

echo '<script type="text/javascript">$(\'#pb1\').progressBar(' . $zahl . ');</script>';
flush();

hat nicht geklappt.

Code:

echo '<script type="text/javascript">$(document).ready(function() { $(\'#pb1\').progressBar(' . $do_percent . '); });</script>'

geht zwar, aber document.ready wird erst ausgeführt nachdem das gesamte DOM geladen ist.

Bin mit meinem Latein am Ende Sad

Sad

Jemand mit guten Ideen? Danke im Voraus.

Frank-Andre

_________________
if ( $ahnung == 'keine' ) { use ( Suche ) }
if ( $antwort == 0 ) { post ( $frage ) }

Schütze

Geschlecht:Männlich

Affe

Google

Verfasst: Titel: Sponsored Link

Thies
Webmaster

Webmaster

Alter: 43
Anmeldungsdatum: 04.08.2003
Beiträge: 1424
Wohnort: Thüringen

Verfasst: So 20 März, 2011 12:41 pm Titel: (Kein Titel)

Fehler gefunden Smile

Smile

Durch den Einbau des sleep-Befehls konnte ich sehen, dass der Code

Code:

echo '<script type="text/javascript">$(\'#pb1\').progressBar(' . $zahl . ');</script>';
flush();

doch ging, aber am Ende wurde alles auf 0 gesetzt. Dadurch sah das so aus, als wenn der Code kein Erfolg hätte. Wenn ich aber beim Aufruf des JS im head-Bereich die Zeile

Code:

$("#pb1").progressBar();

ersetze mit

Code:

$("#pb1").progressBar(100);

wird am Ende die Bar nicht wieder auf 0 zurückgesetzt. Stundenlanges Rätseln und probieren hat dann doch geklappt Smile

Smile

Wer das ganze mal live sehen will, kann sich folgende Testseite anschauen: http://www.f-thies.de/tests/jquery_progressbar.php

CU

Frank-Andre
Webmaster | Admin

_________________
if ( $ahnung == 'keine' ) { use ( Suche ) }
if ( $antwort == 0 ) { post ( $frage ) }

Zuletzt bearbeitet von Thies am Do 07 Apr, 2011 6:39 pm, insgesamt einmal bearbeitet

Schütze

Geschlecht:Männlich

Affe

nixsager
Junior-User

Junior-User

Alter: 34
Anmeldungsdatum: 18.12.2008
Beiträge: 88

Verfasst: Do 07 Apr, 2011 4:06 pm Titel: (Kein Titel)

Thies hat folgendes geschrieben:

Fehler gefunden Smile

Smile

Den schon.
Aber dir ist ein neuer unterlaufen. Wink

Wink

Lachen ist gesund

Fällt er dir auf?

Thies hat folgendes geschrieben:

Wer das ganze mal live sehen will, kann sich folgende Testseite anschauen: http://localhost/pvcms/admin/jquery_progressbar.php

_________________
Demo-Cheats: Die Seite um mehr aus Demo-Spiele rauszuholen!
Demo-Cheats: Die Cheat-Datenbank
Demo-Cheats: Das Forum

Steinbock

Schlange

Thies
Webmaster

Webmaster

Alter: 43
Anmeldungsdatum: 04.08.2003
Beiträge: 1424
Wohnort: Thüringen

Verfasst: Do 07 Apr, 2011 6:04 pm Titel: (Kein Titel)


Up,s habe den Link geändert http://www.f-thies.de/tests/jquery_progressbar.php

_________________
if ( $ahnung == 'keine' ) { use ( Suche ) }
if ( $antwort == 0 ) { post ( $frage ) }

Schütze

Geschlecht:Männlich

Affe

Neues Thema eröffnen

Neue Antwort erstellen

f-thies.de Foren-Übersicht » Webdesign » Perl / CGI, Java, JavaScript und VBScript » Problem mit jQuery Progress Bar

Gehe zu:

Nächstes Thema anzeigen
Vorheriges Thema anzeigen
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
Du kannst Dateien in diesem Forum nicht posten
Du kannst Dateien in diesem Forum herunterladen

Alle Zeiten sind GMT + 1 Stunde

Forensicherheit

2510 Angriffe abgewehrt

Powered by phpBB2 Plus, phpBB Styles and Kostenloses Forum based on phpBB © 2001/6 phpBB Group :: FI Theme :: Mods und Credits

Sichern Sie sich jetzt alle 64 Spiele der FIFA WM 2006 für einmalig nur 49 EUR!