Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [AJAX][PHP] activity indicator podczas wykonywania skrytpu
sebawo
post 7.12.2010, 11:30:17
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 7.12.2010

Ostrzeżenie: (0%)
-----

Na wstępie witam, to mój pierwszy post.
Napisałem sobie prościutki formularz i skrypt w php do skanowania na urządzeniach w sieci. Problem w tym, że podczas wykonywania skryptu użytkownik nie wie czy skanowanie się rozpoczęło albo czy w ogóle coś się dzieje, dlatego chciałem dorzucić jakiś 'activity indicator' aby user wiedział, że ma czekać. Zainteresowałem się więc AJAX`em, pozmieniałem co nieco i oto moje wypociny, zastrzegam, że nie jestem webmasterem toteż mam nikłe doświadczenie.
Próbowałem dodać w funkcji Skanuj() dodatkowo onLoading, ale po dodaniu nie działają obie funkcje, pewnie coś robię źle, tylko nie wiem co...

formularz:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta http-equiv='Content-type' content='text/html; charset=utf-8' />
  4.  
  5. <script type='text/javascript' src='advajax.js'></script>
  6. <script type='text/javascript'>
  7.  
  8. function Pokaz() {
  9.   advAJAX.get({
  10.     url : 'scanner_status.php',
  11.     parameters : {
  12.        'skanery' : document.getElementById('skanery').value
  13.     },
  14.     onSuccess : function(obj) {
  15.        document.getElementById('status').innerHTML = obj.responseText;
  16.     }
  17.   });
  18. }
  19.  
  20. function Skanuj(frm) {
  21.   advAJAX.get({
  22.     url : 'skan.php',
  23.     parameters : {
  24.        'skanery' : frm.skanery.value,
  25.        'plik' : frm.plik.value
  26.     },
  27.     onSuccess : function(obj) {
  28.       document.getElementById('status').innerHTML = obj.responseText;
  29.     }
  30.   });
  31. }
  32.  
  33. </script>
  34.  
  35. </head>
  36. <body>
  37.     <center>
  38.     <br />
  39.     <br />
  40.     <br />
  41.     <br />
  42.     <h1>skanery by seba</h1>
  43.     <br />
  44.     <br />
  45. <!--    <form action='skan.php' method='GET'> -->
  46.     <form onsubmit='Skanuj(this); return false'>
  47.         wybierz skaner... <select name=skanery id='skanery' onchange='Pokaz()'>
  48.  
  49. <?php
  50. $wynik = exec("lpstat -v | cut -d':' -f3",&$tablica);
  51.  
  52. for($i=0; $i<(sizeof($tablica)); $i++){
  53.     $nazwa = exec("lpstat -v | grep $tablica[$i] | cut -d' ' -f3 | tr -d ':'");
  54.     echo ("<option value=$tablica[$i]> $nazwa");
  55.     }
  56. ?>
  57.  
  58.        </select><br/>
  59.        <br/>
  60.        nazwa pliku wyjściowego... <input type=text name=plik><br>
  61.        <br />
  62.        <div id='status'></div>
  63.        <input type=submit value='Skanuj'><br/>
  64.     </form></center>
  65. </body>
  66. </html>
[HTML] pobierz, plaintext


Dodam, że funkcje w tej postaci działają poprawnie, znaczy tak jak chcę (bez animacji ładowania).

skan.php
[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3. $plik=$_GET['plik'];
  4. $scan_dev=$_GET['skanery'];
  5.  
  6. if (empty($plik)) $plik="skan";
  7.  
  8. $full_output_file="/srv/www/htdocs/sanewi/tmp/".$plik.".jpg";
  9. $output_file=$plik.".jpg";
  10. $tmp_file="/srv/www/htdocs/sanewi/tmp/tmp.tmp";
  11. $command = "scanimage -d hpaio:".$scan_dev." --resolution 300 >".$tmp_file." && convert ".$tmp_file." jpeg:".$full_output_file.
  12.  
  13.  
  14. exec($command);
  15.  
  16. //header('Content-Type: application/octet-stream');
  17. //header('Content-Disposition: attachment; filename='.$output_file);
  18. //readfile($full_output_file);
  19. echo("zeskanowano");
  20. ?>
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
CuteOne
post 8.12.2010, 01:09:44
Post #2





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

Ostrzeżenie: (0%)
-----

ściągnij Operę jeżeli jej nie masz na dysku -> Narzędzia -> Zaawansowane -> Konsola błędów -> klik na wyczyść -> odśwież stronę -> klik submit ->zobacz do konsoli błędów co się pojawi smile.gif
Go to the top of the page
+Quote Post
sebawo
post 8.12.2010, 09:27:50
Post #3





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 7.12.2010

Ostrzeżenie: (0%)
-----

dzięki, dałeś wędkę zamiast ryby, jestem bardzo wdzięczny, działa już ten activity indicator (u mnie roller.gif)
Dla zainteresowanych wrzucam fragment działający:
[HTML] pobierz, plaintext 
  1. function Skanuj(frm) {
  2.   advAJAX.get({
  3.     url : 'skan.php',
  4.     parameters : {
  5.        'skanery' : frm.skanery.value,
  6.        'plik' : frm.plik.value
  7.     },
  8.     onLoading : function(obj) {
  9.        document.getElementById('status').innerHTML = 'skanowanie...<br /><img src=roller.gif><br/ ><input type=submit value=Skanuj disabled=disabled>';
  10.     },
  11.     onSuccess : function(obj) {
  12.        document.getElementById('status').innerHTML = obj.responseText;
  13.     }
  14.   });
  15. }
[HTML] pobierz, plaintext

Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 24.07.2025 - 21:25
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn