Avatar billede rejx Nybegynder
27. september 2007 - 17:39 Der er 6 kommentarer og
1 løsning

Div resize med timer

Hej
Jeg skal have lavet en løsning der kan resize en div fra 0-100% i breden, med 1% intevaler. Jeg har følgende Div det skal laves på.


<div class="Progress" style="width:80%"></div>

Den skal kører hele forløbet igennem uden at reloade siden.
Kan det lade sig gøre?
Avatar billede w13 Novice
27. september 2007 - 17:49 #1
Tror bare, det skal være:

<div class="Progress" id="progress"></div>

<script type="text/javascript">
function resizeDiv(){
var elm=document.getElementById("progress");
elmwidth=0;
setInterval("if(elm.style.width<100){elm.style.width=elmwidth+'%'}",500);
elmwidth+=1;
}
resizeDiv();
</script>
Avatar billede w13 Novice
27. september 2007 - 18:45 #2
Hov, det skulle være:

<div class="Progress" id="progress"></div>

<script type="text/javascript">
function resizeDiv(){
elmwidth=0;
setInterval("if(elmwidth<100){document.getElementById("progress").style.width=elmwidth+'%'}",500);
++elmwidth;
}
resizeDiv();
</script>
Avatar billede jhe-ting Nybegynder
27. september 2007 - 19:45 #3
Nu gætter jeg bare: Du har en process der kører på klienten, som varer et stykke tid, og medens det foregår vil du gerne vise en 'progress'-bar med en div.

Dvs. du har noget kode der ligner denne:

    for (var ii=0; ii<max; ii++){
        processItem(ii);
    }

For at kunne vise fremskridt vil denne rutine være nyttig:

    function showProgress(pct){
        document.getElementById("progress").style.width=parseInt(pct)+'%'
    }

Den langvarige løkke kunne så skrives:

    for (var ii=0; ii<max; ii++){
        processItem(ii);
        showProgress(ii/max*100)
    }
Avatar billede jhe-ting Nybegynder
27. september 2007 - 19:47 #4
PS: DIV-elementet skal have id som svarer til:

  <div id="progress" style="width:0%"></div>
Avatar billede jhe-ting Nybegynder
14. oktober 2007 - 16:14 #5
>> rejx
Lidt tilbagemelding ville være fint...
Avatar billede rejx Nybegynder
15. januar 2008 - 18:51 #6
Undskyld...
SMid et svar jhe-ting
Avatar billede jhe-ting Nybegynder
16. januar 2008 - 01:03 #7
ok
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester