Ahojte potreboval by som do mojho scriptu vložiť toto. je to progressbar, len neviem kde ho mam vložiť aby mi fungoval tak ako ma.
Kód:
<div class='statusbar'>
<div id='bar'></div>
<div id='status'>0%</div>
</div>
Môj zdrojak:
Kód:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>uploadet.tk - Free upload súborov a obrázkov ...</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<LINK href="" rel=stylesheet>
<META NAME="DESCRIPTION" CONTENT="uploadet.tk - Free upload súborov a obrázkov">
<META NAME="KEYWORDS" CONTENT="uploadet.tk - Free upload súborov a obrázkov">
<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í">
<script type="text/javascript">
<!--
function point_link(imageID) {
var obj = document.getElementById(imageID);
if (document.images) {
obj.setAttribute('className','div_mpOn'); obj.setAttribute('class','div_mpOn');
}
}
function nopoint_link(imageID) {
var obj = document.getElementById(imageID);
if (document.images) {
obj.setAttribute('className','div_mp'); obj.setAttribute('class','div_mp');
}
}
// -->
</script>
<link rel="stylesheet" type="text/css" href="/uploaded.css">
</head>
<script language="javascript" type="text/javascript">
<!--
function validate()
{
var i = 0;
var invalid = new Array(2);
invalid[0] = "\\";
invalid[1] = "/";
invalid[2] = ":";
invalid[3] = "*";
invalid[4] = "?";
invalid[5] = "<";
invalid[6] = ">";
// Invalid character is a space
if( document.file_information.file_name.value == "" ){
alert("You have not entered a filename!");
return false;
}
else if( document.file_information.file_name.value.indexOf(' ') == 0 ) {
alert("First letter can't be a space!");
return false;
}
else
while( i < 7 ) {
if (document.file_information.file_name.value.indexOf(invalid[i]) > -1) {
alert("Sorry, \ / : \" * ? < > and spaces are not allowed.");
return false;
}
i++;
}
return 1;
}
//-->
</script>
<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_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;
}
{ margin:0; padding:0; }
html, body { font-family:'Tahoma','Lucida Grande CE',lucida,sans-serif; font-size:12px; padding:10px; }
div.statusbar { width:300px; height:10px; border:1px outset silver; background:url('bar-empty.png') repeat-x; position:relative; }
div.statusbar div#status { width:300px; height:9px; color:silver; font-weight:6px; top:7; left:0; position:absolute; text-align:center; padding:6px; }
div.statusbar div#bar { width:0%; height:100%; background:url('bar.png') repeat-x; text-align:center; }
</style>
<body onload="" 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">Register</a></div></td>
<td width="250" class="div_mp" align="right"></td>
<td align="right" width="500px" class="div_mp">
<a href="/tool">uploaded.tool</a> | <a href="/agb">TOS/FAQ</a> | <a href="/impressum">Imprint</a> <a href="/?setlang=de"><img src="http://images.uploaded.to/de.gif" border="0" width="18" height="12" /></a> <a href="/?setlang=en"><img src="http://images.uploaded.to/uk.gif" border="0" width="18" height="12"/></a> <a href="/?setlang=it"><img src="http://images.uploaded.to/it.gif" border="0" width="18" height="12" /></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://uploadet.cholerik.cz/images/fajka.jpg"> <b>uploadet.tk</b> je <b>nový</b> slovenský <b>upload server</b>.</div>
<div class="main"><img src="http://uploadet.cholerik.cz/images/fajka.jpg"> Pra váš upload je vyhradený maximálny priestor <b>250MB</b>.</div>
<div class="main"><img src="http://uploadet.cholerik.cz/images/fajka.jpg"> The <b>renaming</b> as well as <b>deleting</b> already uploaded files is possible at anytime at the <b>Admin-Panel</b>.</div>
<div class="main"><img src="http://uploadet.cholerik.cz/images/fajka.jpg"> You can fit your uploads in the <b>Admin-Panel</b> with a <b>password</b> to prevent unwanted downloads.</div>
<div class="main"><img src="http://uploadet.cholerik.cz/images/fajka.jpg"> <font color="FF0000"><b>Webmaster special</b></font>: Earn <b><u><font color=red>3.50 Euro</font></u></b> for every arranged Premium-Account</div>
</div>
<script type="text/javascript" language="javascript">
var n = 1;
var w = 1;
function mknormal() {
w = 1;
n = 1;
document.getElementById("tx").innerHTML='<input type="file" name="upfile" /><br />';
document.F1.action = "upload.php";
}
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 = 'Kompletné';
}
status(0,100,10);
</script>
<div class="inputActive" style="margin-left: 40px; padding: 5px; margin-top: 20px; vertical-align: top; width: 430px;" 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('bar').style;b.display='inline';" style="display: inline;">
<table cellpadding="0" cellspacing="0" class="main" width="100%">
<tr>
<td style="padding-left: 4px;"><span style="font-weight: bold; color: #2E5D8B;">Vyberte súbor:</span> <span style="font-weight: normal; color: #BBBBBB;">maximum 100 MB</span></td>
<td style="padding-left: 10px; padding-top: 10px;vertical-align:top;text-align:left;margin-left:0cm;" rowspan="4" align="top">
<input style="text-align:right;margin-right:0px;" type="image" src="http://images.uploaded.to/submit_button.jpg" style="border: 0px;" ALT="">
</td>
</tr>
<tr valign="left">
<td>
<table style="margin-bottom: 0px;">
<tr>
<td rowspan=1 style="vertical-align:left;">
<div id="tx">
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<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 </td>
</tr>
</table>
</tr>
</table>
</body>
</html>