Progressbar

nestorko · Napísal **nestorko**: 25.02.2008 13:04 | Progressbar

mam takýto problém. mam tento script, lenže chcem sa spytať čo ešte potrebujem k tomu aby mi to zobrazovalo ked sa nahráva obrázok?

Kód:

<script type="text/javascript" language="javascript">
function status(sb_start,sb_end,seconds)
{
   var speed = Math.round(seconds*10);
   var timer = 0;
   for(i = sb_start; i <= sb_end; i++)
   {
      setTimeout("process('" + i + "')",(timer*speed));
      timer++;
   }
}

function process(status)
{
   var progress = document.getElementById('status');
   progress.innerHTML = status + '%';

   var bar = document.getElementById('bar');
   bar.style.width = status + '%';

   if(status == 100) progress.innerHTML = 'Súbor bol nahraný';
}

status(0,100,10);

</script>
<script type="text/javascript">
var counter = 0;
function setPercent(num){
counter++;
if (counter>10)
{
document.getElementById("bar").style.width = counter + "px";
}
document.getElementById("bar").innerHTML= counter + "%";
if (counter == 100)
{
window.clearInterval(myInterval)
}
}

var myInterval = window.setInterval('setPercent()',60);
</script>

juho · Napísal **juho**: 25.02.2008 13:57 | Progressbar

Kód:

nestorko · Napísal autor témy **nestorko**: 25.02.2008 19:59 | Progressbar

Bol by som rád, keby mi nejaky dobrý človek pomohol. Potreboval by som vložit 1 skript do mojho zdrojaku. Pomôže mi niekto? Chcel by som tam tento script :

Kód:

http://www.element-it.com/quickstart/util/srcview.aspx?path=/Examples/PowUploadCS/RuntimeSettings.src

Toto je môj zdroják :

Kód:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>uploadet.tk - Free file a image hosting ...</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<LINK href="" rel=stylesheet>

<META NAME="DESCRIPTION" CONTENT="uploadet.tk - Free file a image hosting">
<META NAME="KEYWORDS" CONTENT="uploadet.tk - Free file a image hosting">
<META NAME="OWNER" CONTENT="uploadet.tk">
<META NAME="AUTHOR" CONTENT="uploadet.tk">
<META HTTP-EQUIV="CHARSET" CONTENT="windows-1250">
<META HTTP-EQUIV="CONTENT-LANGUAGE" CONTENT="sk">
<META HTTP-EQUIV="VW96.OBJECT TYPE" CONTENT="">
<META NAME="RATING" CONTENT="General">
<META NAME="REVISIT-AFTER" CONTENT="7 Dní">

<link rel="stylesheet" type="text/css" href="/uploaded.css">
</head>

<style type="text/css">
.box {
border: 1px solid #EBEBEB;
background-color:#FCFFF9;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align:left;
margin-bottom:3px;
margin-top:4px;
line-height:2em;
padding-left: 3px;
padding-top: 2px;
padding-bottom: 2px;
line-height:1.3em; 
vertical-align: top;
}
.box_green {
border: 1px solid #8CE08C;
background-color: #FCFFF9;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align:left;
margin-bottom:3px;
margin-top:3px;
line-height:2em;
padding-left: 10px;
padding-top: 20px;
padding-bottom: 20px;
line-height:1.3em; 
vertical-align: top;
}
.box_red {
border: 1px solid #e08c8c;
background-color: #FFFCF9;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align:left;
margin-bottom:3px;
margin-top:3px;
line-height:2em;
padding-left: 10px;
padding-top: 20px;
padding-bottom: 20px;
line-height:1.3em; 
vertical-align: top;
}
</style>

<body onLoad="if (self != top) top.location = self.location" style="margin: 0px; padding: 0px; background-image:url('http://images.uploaded.to/bg.gif');background-repeat:repeat-x;"> 


<table width="775" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
<colgroup>
  <col width="37" />
  <col width="701" />
  <col width="37" />
</colgroup>

<tr valign="top">
<td style="width: 37px; background-image:url('http://images.uploaded.to/left.jpg');"><div style="width: 37px; height: 568px; background-image:url('http://images.uploaded.to/left_bord.jpg'); background-repeat:no-repeat;"></div></td>
<td style="width: 701px;" valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
  <td align="right">


    <table cellspacing="0" cellpadding="0" border="0">
      <td align="left">
      <a href="/login"><div id="mp1" class="div_mp" onmouseover="point_link('mp1')" onmouseout="nopoint_link('mp1')"><b>Login</b></div></a></div>
      </td>
   <td style="color: #CCCCCC;">|</td>
   <td style=""><div id="mp1" class="div_mp"><a href="/register">Registrácia</a></div></td>

   <td width="250" class="div_mp" align="right"></td>
      <td align="right" width="500px" class="div_mp">
         <a href="/agb">Faq</a>&nbsp;|&nbsp;<a href="/impressum">Pravidlá</a>
                        
      </td>
      
   </tr>
</table>
  </td>

  </tr>
</table>



  <table border="0" cellpadding="0" cellspacing="0">
  <tbody><tr valign="top">
    <td style="width: 701px; text-align: center;">
     <center><br><a href="/"><img src="http://images.uploaded.to/top_to.jpg" border="0" width="385" height="151"></a></center>
    </td>

  </tr>
  </tbody></table>










<br>
<div style="margin-left: 20px; margin-top: 4px;">
<div class="main"><img src="http://images.uploaded.to/haken.jpg">&nbsp;<b>Uploadet.tk</b> je váš nový a najpriehľadnejší server  na hosťovanie <b>súborov</b>.</div>

<div class="main"><img src="http://images.uploaded.to/haken.jpg">&nbsp;Maximálna veľkosť akéhokoľvek súboru pre upload je <b>100MB</b>.</div>
<div class="main"><img src="http://images.uploaded.to/haken.jpg">&nbsp;Ako prvý na Slovensku vám ponúkame uloženie súborov úplne <b>Zadarmo</b>!</div>
<div class="main"><img src="http://images.uploaded.to/haken.jpg">&nbsp;Uploadovať môžte  bez <b>registrácie</b>, jednoducho a hlavne pohodlne.</div>

<div class="main"><img src="http://images.uploaded.to/haken.jpg">&nbsp;Prosíme vás o dôkladné prečítanie <font color="FF0000"><b>pravidiel</b></font>, aby nedošlo k zbytočným komplikáciam.</div>
</div>

<script type="text/javascript" language="javascript">
function mknormal() {
w = 1;
n = 1;
document.getElementById("tx").innerHTML='<input type="file" name="upfile" size="29" /><br />';
document.F1.action = "upload.php";
}
            
</script>

<div class="inputActive" style="margin-left: 24px; padding: 8px; margin-top: 15px; vertical-align: top; width: 445px;" class="main">

   <form enctype="multipart/form-data" action="upload.php" id="form" method="post" onsubmit="a=document.getElementById('form').style;a.display='none';b=document.getElementById('part2').style;b.display='inline';" style="display: inline;">
                  <?php echo $filetypes; ?>                  
                  <table cellpadding="0" cellspacing="0" class="main" width="100%">
   <tr>
      <td style="padding-left: 7px;"><span style="font-weight: bold; color: #2E5D8B;">Vyberte súbor:</span>&nbsp;<span style="font-weight: normal; color: #BBBBBB;">maximálne 100 MB</span></td>
      <td style="padding-left: 1px; padding-left: 0px;vertical-align:left;text-align:left;margin-left:1cm;" rowspan="5" align="left">
                                    <input style="text-align:left;margin-center:0px;" type="image" src="http://uploadet.cholerik.cz/images/upload.jpg" style="border: 0px;" ALT="">
</td>

   </tr>

   <tr valign="top">
      <td>
         <div id="slots"></div>
         
<table style="margin-bottom: 0px;">
<tr>

<td style="vertical-align:top;text-align:center;">
<div style="font:11px Verdana;font-weight: bold;vertical-align:top; padding-top:0px;">
</div>

</td>

<td rowspan=2 style="vertical-align:top;">

<div id="tx">

</div>


</td>

</tr>

<tr>

<td style="vertical-align:bottom;text-align:center;">
</td>
</tr>
</table>
      </td>
   </tr>
   <tr>
      <td>
      </td>

   </tr>
   </table>      
</div>
   
   </form>


<table border="0" cellpadding="1" cellspacing="1" width="100%">

<tbody><tr>
<br />
<td align="center">
<a href="/tool" border="0"><img src="http://uploadet.cholerik.cz/images/banner.jpg" border="0" height="141" width="602"></a>

</td>
</tr>

</tbody></table>

<script type="text/javascript">
mknormal();
</script>
</td>
<td style="width: 37px; background-image:url('http://images.uploaded.to/right.jpg'); background-repeat: y-repeat;"><div style="width: 37px; height: 568px; background-image:url('http://images.uploaded.to/right_bord.jpg'); background-repeat:no-repeat;"></div></td>
</tr>
<tr>
  <td colspan="3" style="background-image:url('http://images.uploaded.to/bottom_bord.jpg'); width: 775px; height: 18px; background-repeat: no-repeat;"></td>
</tr>
<tr>
<table align="center">
<tr>

  <td align="left" style="padding-right: 0px; color: #CCCCCC;" class="main" width="355">
</td>

  <td align="right" style="padding-right: 5px; color: #CCCCCC;" class="main" width="355">  Powered by Uploadet.tk © 2008. All rights reserved.</td>
</tr>
</table>
</tr>

</table>

</body>
</html>

Tominator · Napísal **Tominator**: 25.02.2008 20:10 | Progressbar

mohol si napísať kde to chceš, lebo takto to je na :shit:

walther · Napísal **walther**: 25.02.2008 20:14 | Progressbar

[ot]nehnevaj sa, ale takto zle napisany zdrojak som este nevidel...kto sa ti v tom ma sparat ? 2x zadavany stylesheet, ziaden doctype a mohol by som pokracovat do rana...[/ot]

Tominator · Napísal **Tominator**: 25.02.2008 20:26 | Progressbar

el mariachi píše:

[ot]nehnevaj sa, ale takto zle napisany zdrojak som este nevidel...kto sa ti v tom ma sparat ? 2x zadavany stylesheet, ziaden doctype a mohol by som pokracovat do rana...[/ot]

priklanam sa. Krasa je v kratkosti, prehladnosti a funkčnosti zároveň

Numline1 · Napísal **Numline1**: 25.02.2008 21:03 | Progressbar

Nemyslim ze ten kod pisal on, pravdepodobne je to nieco poskladane. Co uz, funkcnost to splna

nestorko · Napísal autor témy **nestorko**: 26.02.2008 11:42 | Progressbar

No nebudem klamat, je to zdrojak z Uploaded.to. Je to len kombinované z iným zdrojakom, ale ako bolo spomenute, funkcnost to splna, a funguje to bez problemov, moc tomu nerozumiem, ale rad sa učim, tak keby mi niekto poradil, bol by som moc rad.

Progressbar

Progressbar

Podobné témy

ako je rieseny progressbar

Otazka k Teme Progressbar

[Delphi] Progressbar do Listview