Progressbar

lytter !

What!? :-)

:]

der skal du nok over og kigge i enten flash eller dhtml...

mener at www.dhtmlcentral.com har en

Jeg kigger lige!

Jeg har bygget en,
med JavaScript,
det lille problem er at den kører på tid og ikke på om siden er færdig,
Men den laver ||||||||||||||||| osv 1 af gangen, + 0% > 100% + tekst der skifter ved 25%, 50%, 75% & 100%

* MoRoax...

Keysersoze >> Jeg kan ikke finde noget på siden! Har du set det på ovenstående link eller var det bare et forslag?

moroax >> Må vi ikke prøve at se den?

moroax >> Har du koden til det JS, som du skrev før?

erhm... hvad sjovt er der ved en der kører på tid? så risikere man at sidde og glo på den på trods af at siden er færdig eller at komme til siden uden at den er færdig...

Ok jeg har lavet en på en meget simpel måde

Jeg har 10 blå blokke og så smider jeg en <img src=blå_blok> for hver funktion der er blevet opfyldt via min ASP.

Det er ret simpelt og virker selvfølgeligt 100%. Problemet er at hvis der eks. er SQL i aspsiden så KAN man ikke beregne hvor lang tid der er igen FØR asp´en ER udført.

<mvh>Onkel HorsMark</mvh>

Jeg har selvfølgeligt bygget det som fed grafik i PhotoShop og det deler jeg gerne ud...

Jo-da...

Her er den:

<body bgcolor=\"#4D4D4D\" bgproperties=\"fixed\" text=\"D4D4D4\" link=\"80ff80\" vlink=\"#80ff80\" onload=\"typing(0);\">
<Font face=\"verdana\">

<script language=\"javascript\">
<!--
    // Script by * MoRoax... 2001
    var me=\"Domaine-Check......................\";
    var max=me.length;
    var type=\"\";
    var typetemp=\"\";
    function typing(tick)    {
        if (tick==max)    {
            setup(0);
            }
        else    {
            typetemp=me.substring(tick,tick+1);
            type+=typetemp;
            writetext(\"setup2\",type);
            tick++;
            var command=\"typing(\"+tick+\");\";
            window.setTimeout(command,40);
            }
        }

    function writetext(layerid,text)    {
        if (navigator.appName==\"Netscape\")    {
            document.layers[layerid].document.open();
            document.layers[layerid].document.write(text);
            document.layers[layerid].document.close();
            }
        else    {
            document.all[layerid].innerHTML=text;
            }
        }

var status=\"||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||\";
var temp2=\"\";
var type2=\"\";
function setup(tick)
{

var time=0;
if (tick==status.length)
    {
    setTimeout(\"location=\'nyBruger.asp?antal=<%= ANTAL %>&login=<%= LOGIN %>\';\", 0);
    return;
    }
    {
    time=tick;
    temp2=status.substring(tick,tick+1);
    type2+=temp2;
    if (tick<20)
    {
    writetext(\"load\",\"Domaine: <font color=#BBFFBB><%= HVOR %></font>\");
    }
    if (tick<50 && tick>20)
    {
    writetext(\"load\",\"Opretter &nbsp&nbsp&nbsp <font color=#BBFFBB>D a t a B a s e. . . </font>\");
    }
    if (tick>50 && tick<75)
    {
    writetext(\"load\",\"Opretter &nbsp&nbsp&nbsp <font color=#BBFFBB>F i l e r  + U n d e r M a p p e r. . . </font>\");
    }
    if (tick>75)
    {
    writetext(\"load\",\"Klargører <font color=#BBFFBB><%= HVOR %></font> til brug. . .\");
    }

    writetext(\"percent\",time+\" %\");
    writetext(\"setup\",type2);
    writetext(\"setup2\",\"[&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]\");
    tick++;
    window.setTimeout(\"setup(\"+tick+\");\",80);
    }
}

//-->
</script>

<center>
<div id=\"antal\" style=\"position:absolute;top:400;left:200;font-size:12;\">
<font color=#BBBBFF>Velkommen [ Bruger ]</font>
</div>
<div id=\"textlayer\" style=\"position:absolute;width:300;height:290;top:200;left:250;visibility:visible;\">
</div>
</center>
<div id=\"setup\" style=\"position:absolute;top:230;left:200;font-size:12;\">
</div>
<div id=\"setup2\" style=\"position:absolute;top:228;left:194;font-size:16;color:#44FF44;\">
</div>
<div id=\"percent\" style=\"position:absolute;top:200;left:200;\">
</div>
<div id=\"load\" style=\"position:absolute;top:200;left:260;\">
</div>
<div id=\"files\" style=\"position:absolute;top:200;left:250;\">
</div>
<div id=\"links\" style=\"position:absolute;top:275;left:425;\">
</div>


\' slut...


* MoRoax...

og den side du derefter ref. til oppe i starten
(  setTimeout(\"location=\'nyBruger.asp?antal=<%= ANTAL %>&login=<%= LOGIN %>\';\", 0);
  ) der kan du jo selv lave ny side eks. (\"location=\'side2.asp\';\", 0);


og på den side skal der være dette her:

<body bgcolor=\"#4D4D4D\" bgproperties=\"fixed\" text=\"D4D4D4\" link=\"80ff80\" vlink=\"#80ff80\">
<Font face=\"verdana\">
<div id=\"antal\" style=\"position:absolute;top:400;left:200;font-size:12;\">
<font color=#BBBBFF>Velkommen [ Bruger ]</font>
</div>

<div id=\"percent\" style=\"position:absolute;top:200;left:200;\">
<font color=#BBFFBB>100%</font>
</div>
<div id=\"load\" style=\"position:absolute;top:200;left:260;\">
<a href=\'http://linkher\'><font color=#44FF44>link her<font color=#BBFFBB></a> er nu klar til brug - God fornøjelse med <%= xFILEN %></font>
</div>




* MoRoax...

moroax >> uanset hvad så kan din statusbar ikke give besked om en opdatering i basen tager 5 sekunder, 1 minut eller 10 minutter... men det ser sq godt ud ;-)

Ved at inkorporere loaderen i sit asp er der mulighed for det.... eller fatter jeg bare ikke en bøjet kastanje af hvad du laver i koden?

Hov (\"location=\'side2.asp\';\", 0);
skal være :
setTimeout(\"location=\'side2.asp\';\", 0);

* MoRoax...

>> horsmark >>
Tak skal du have, det tog sq oxo sin tid, og jeg fatter heller ikke jeg \"sælger\" den for 45 point ,-(

Nå, men den gør faktisk ikke en skid,
for den knalder asp snasket afsted samtidig med dette går i gang, (dvs. asp koderne er faktisk færdige før den når de 10%,

Men hvad, det skulle jo imponere brugeren
så dine asp koder smider du bare i toppen af alt dette

- Fik du side2 til at virke ??.. så den bliver på 100% indtil \"de\" fortsætter ??..

* MoRoax...

jeps MoRoax... *s*

en simpel der virker :-)

<%
funcStep1
response.write \"<img src=blåblok>\"
funcStep2
response.write \"<img src=blåblok>\"
funcStep3
response.write \"<img src=blåblok>\"
funcStep4
response.write \"<img src=blåblok>\"
funcStep5
response.write \"<img src=blåblok>\"
funcStep6
response.write \"<img src=blåblok>\"
funcStep7
response.write \"<img src=blåblok>\"
funcStep8

blabla redirect




******
Function funcStep1
set objconn.objRS(\"INSERT INTO....\")
End Function
...alle min functioner

Smart nok, bortset fra man kan jo ikke nå at se hvad der sker *GG*
men ellers o.k. idé

* MoRoax...

moroax >>Tak for hjælpen. Dit svar har været brugbare, og jeg har bestemt noget, at jeg kan bygge videre på. Fedt forum, dette her!!! :@)

moroax >> oki jeg arbejder mest med intranet hvor ventetid på SQL SAGTENS kan være et par minutter OG så er det sq fedt at kunne se hvor langt den server der arbejder på mit ASP er kommet i processen (deraf navnet processbar) *s* På det store WWW har man jo ikke ventetider på så lang tid selvfølgeligt... OG jeg har faktisk planer om at smide den handling serveren er igang med i et layer... Se det er en \"rigtig\" processbar.. ligesom excel word osv. en bar hvor man kan se hvor langt man er nået ud af hvor meget....

(har stjålet dit til evt. klippeklistre-brug senere)

hyggehygge til jer begge