Visualizzazione dei risultati da 1 a 8 su 8
  1. #1

    [PHP] - Piccolo esempio di progressbar

    Ciao a tutti, ho fatto questo scriptino in un momento che non avevo propro un caSSo da fare..lo metto qui alle volte servisse a qualcuno.

    Codice PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>ProgressBar con PHP</title>
        <script type="text/javascript">
            function progresso(wdt) {
                var prog = (wdt /10)*2;
                document.getElementById("divBar").style.width = wdt;
                if (prog == 100) {
                    document.getElementById("lblProgress").innerHTML = "Complete!";
                } else {
                    document.getElementById("lblProgress").innerHTML = prog +" % ...";
                }
            }
        </script>
    </head>
    <body>
    <span style="font-family:Tahoma; size: 10px; color:#000066">Loading: <label id="lblProgress">0 % ...</label></span>


    <div style="background-color: #EAFFFF; border: 1px solid #CCCCCC; width: 500px; height: 25px">
        <div id='divBar' style="background-color: #00FF00; height: 25px;">
    <?php
    for ($i=0$i<11$i++) {
        
    $wdt $i 50;
        echo 
    "<script tyle='text/javascript'>progresso($wdt);</script>";
        
    ob_flush();
        
    flush();
        
    sleep(1);
    }
    ?>    
        </div>
    </div>
    </body>
    </html>
    è solo una cavolatina ed al momento su firefox non funziona alla perfezione (Opera ed IE si, non ci ho perso tempo), nulla di piu'. correzioni/suggerimenti/migliorie sono come sempre ben accetti

    occhio alla combinazione ob_flush();flush();

    Ho messo una demo qui

    spero sia utile, anzi se avete correzioni...ne usufruisco pure io ;D

    ciauz

  2. #2
    Sei davvero un grande, è una cosa che sognavo di programmare da millenni.
    Ora me la studio a dovere.

    Massimo rispetto

  3. #3
    è solo una cavolatina semplice semplice, e neppure tanto fatta bene tecnicamente parlando.
    spero solos ia utile a qualcuno
    ciao

  4. #4
    non per fare il pignolo ma dovresti correggere questo

    <script tyle=

  5. #5
    Originariamente inviato da sandro010489
    non per fare il pignolo ma dovresti correggere questo
    <script tyle=
    grazie per la pignoleria, te ne sono grato, una svista.
    ecco il codice corretto:

    Codice PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>ProgressBar con PHP</title>
        <script type="text/javascript">
            function progresso(wdt) {
                var prog = (wdt /10)*2;
                document.getElementById("divBar").style.width = wdt;
                if (prog == 100) {
                    document.getElementById("lblProgress").innerHTML = "Complete!";
                } else {
                    document.getElementById("lblProgress").innerHTML = prog +" % ...";
                }
            }
        </script>
    </head>
    <body>
    <span style="font-family:Tahoma; size: 10px; color:#000066">Loading: <label id="lblProgress">0 % ...</label></span>


    <div style="background-color: #EAFFFF; border: 1px solid #CCCCCC; width: 500px; height: 25px">
        <div id='divBar' style="background-color: #00FF00; height: 25px;">
    <?php
    for ($i=0$i<11$i++) {
        
    $wdt $i 50;
        echo 
    "<script type='text/javascript'>progresso($wdt);</script>";
        
    ob_flush();
        
    flush();
        
    sleep(1);
    }
    ?>    
        </div>
    </div>
    </body>
    </html>
    ringrazio moltissimo sandro010489 per avermi corretto

    a presto

  6. #6
    Domanda tecnica: a questo punto ob_flush() e flush() (che tra l'altro non sono spiegati benissimo nel manuale di php) possono essere una valida alternativa ad ajax in questo genere di mini-applicazioni?

  7. #7
    Originariamente inviato da Tobler
    Domanda tecnica: a questo punto ob_flush() e flush() (che tra l'altro non sono spiegati benissimo nel manuale di php) possono essere una valida alternativa ad ajax in questo genere di mini-applicazioni?
    ancora non ho iniziato a studiarmi ajax, e quindi non sapei, spero qualcuno ti possa rispondere cosi' aiuta pure me.
    pero' questo è solo un esempio buttato giu in 3 minuti, fralaltro anche discretamente osceno.
    magari se puoi cerca di migliorarlo in modo da renderlo piu' elegante.

    ciao

  8. #8
    Utente di HTML.it
    Registrato dal
    Jan 2007
    Messaggi
    542

    progress bar in window modale

    Ciao,
    il tuo script potrebbe applicarsi ad una finestra popup "modale" che magari utilizzi una variabile di sessione per calcolare la percentuale di progresso?

    In verità io non so se in php si può fare una finestra popup modale (cioè un window dove l'utente non può fare niente al di fuori di essa).

    Ne sapete qualcosa?

    Grazie
    Guidino

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.