Html5 progress bar

Aici postaţi orice este legat de tehnologiile "client side". HTML, HTML5, XHTML, CSS, CSS3, XML, Standarde
Manual JS: http://www.phpromania.net/jsmanual/index.html

Moderatori: eyecon, Moderatori

mirceabondar
Average Member
Mesaje: 115
Membru din: Sâm Mai 29, 2010 7:42 pm

Html5 progress bar

Mesajde mirceabondar » Dum Feb 09, 2014 6:03 pm

Incerc sa fac o bara de progress pentru upload dar nu functioneaza. Unde am gresit?

Daca pun alert(''); dupa ajax.send functioneaza...dar cu alert...de ce?

Cod: Selectaţi tot

  <script type="text/javascript">
        function _(id){
            return document.getElementById(id);
        }
        function upload(){
            var fisier = _("fisier").files[0];
            var date = new FormData();
            date.append("file", fisier);
            var ajax = new XMLHttpRequest();
           
            ajax.upload.addEventListener("progress", progressHandler, false);
            ajax.addEventListener("load", loadHandler, false);
       
            ajax.open("POST", "upload.php");
            ajax.send(date);
           
        }
       
        function progressHandler(event){
            var procent = (event.loaded / event.total) * 100;
            _("progressbar").value = Math.round(procent);
            _("status").innerHTML = procent + "%";
        }
       
        function loadHandler(event){
            _("status").innerHTML = event.target.responseText;
            _("progressbar").value = 0; }
       
    </script>
    </head>
   
    <body>
        <progress id="progressbar" value="0" max="100"></progress>
        <p id="status"></p>
        <form id="upload" enctype="multipart/form-data" method="post">
            <input type="file" id="fisier" name="fisier" >
            <input type="submit" value="Upload" onclick="upload();">
        </form>
    </body>
</html>



badtiger
Senior Member
Mesaje: 598
Membru din: Vin Noi 03, 2006 7:54 pm
Contact:

Re: Html5 progress bar

Mesajde badtiger » Lun Feb 10, 2014 12:07 pm

Pt ca iti consider variabila percent de tip integer mai adauga un set de quote-uri in fata


Înapoi la “HTML/JavaScript/CSS”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 9 vizitatori