[ Rodd @ 15.03.2002. 23:42 ] @
Svi znate da sa CSS-om moze da se menja izgled form objekata (text boxova, dugmica, npr.).
E, sad, kada koristim File Upload tag:
Code:

<input type="file">

dobijem jedan text box i jedno "Browse..." dugme.
Interesuje me kako da ovom "Browse..." dugmetu promenim izgled, Caption, itd.
...na bilo koji nacin, nema veze ako nije "gospodski".
[ Trunks @ 17.03.2002. 16:11 ] @
Ne znam za način da se promeni caption browse dugmeta, verovatno postoji.

<style type="text/css">
<!--
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
-->
</style>

Sa ovim možeš promeniti izgled dugmeta i polja, to je sve.
Verovatno si to već znao ali možda pomogne.
[ zorzi @ 18.03.2002. 08:05 ] @
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<form method="post" action="somepage.asp">
<body>
<input type="text" ID="txtFilename" size="25" disabled>
<INPUT TYPE="file" ID="filUpload" STYLE="display:none" onChange="txtFilename.value = this.value;">&nbsp;&nbsp;
<img border="0" src="browse.gif" onClick="filUpload.click()">
</form>
</body>
</html>
[ smrda @ 25.05.2003. 08:23 ] @
Citat:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<form method="post" action="somepage.asp">
<body>
<input type="text" ID="txtFilename" size="25" disabled>
<INPUT TYPE="file" ID="filUpload" STYLE="display:none" onChange="txtFilename.value = this.value;">  
<img border="0" src="browse.gif" onClick="filUpload.click()">
</form>
</body>
</html>


E, znam da malo kasnim, al sam se juce ceo dan patio da resim ovo. Ovaj script gore radi, ali problem je sto ako imas upload script (zasta ti ustvari i treba ovaj tag) onda ne salje vrednost u isti nego je brise iz <input type="file"> polja. Znaci treba da uradite sledece:

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE=JavaScript>
<!--
function upit()
{
parent.controller.document.forms.upload.FILE1.click()
while(parent.controller.document.forms.upload.FILE1 == "")
{
setTimeout(100)
}
document.all.file2.value = parent.controller.document.upload.FILE1.value;
}

function submitIt(){
parent.controller.document.upload.submit()
}
//-->
</SCRIPT>
</head>

<body>
<p><input type="text" name="file2"><br>
<input type="image" width="80" height="20" src="bttn_browse.gif" onClick="javascript:upit();"></p>

<p>
<input type="image" width="80" height="20" src="bttn_upload.gif" onClick="javascript:submitIt();">
</p>
<p><iframe src="uploader.htm" height="0" width="0" name="controller"></iframe></p>
</body>
</html>

Code za uploader.htm:

<HTML>
<SCRIPT LANGUAGE=JavaScript>
function upit()
{
document.forms.upload.FILE1.click()
while(document.forms.upload.FILE1 == "")
{
setTimeout(100)
}
}

function submitIt(){
document.upload.submit()
}
</SCRIPT>
<BODY>
<h3> Upload</h3>

<FORM name="upload" METHOD="POST" ENCTYPE="multipart/form-data" ACTION="UploadScript1.asp">
<INPUT TYPE="FILE" SIZE="40" NAME="FILE1">
</FORM>
</BODY>
</HTML>

Ako ne zelite da koristite iframe, moze da se resi i sa framesetom.
[ alois @ 29.12.2004. 13:47 ] @
ne znam, jesli je ovaj thread jos akutalan, ali imeo bi jedno pitanje:

ova solucija radi na IE, ali netscape mi ne uznava virtualnog .click().

ima li koji spasanje za ovaj primer?