Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Custom Browse Button?

[es] :: Javascript i AJAX :: Custom Browse Button?

[ Pregleda: 2474 | Odgovora: 4 ]

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

Rodd
Rodoljub Petrović
web developer, Extreme
Beograd

Član broj: 242
Poruke: 358
*.041net.co.yu

ICQ: 114756071
Sajt: www.rodpetrovic.com


Profil

icon Custom Browse Button?15.03.2002. u 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".

15.03.2002. u 23:42 

Trunks
Stefan T.
Freelance web/grafički dizajner.
Novi Sad, Srbija

Član broj: 34
Poruke: 2466
*.17.EUnet.yu

ICQ: 28675801
Sajt: Linemotion.com


Profil

icon Re: Custom Browse Button?17.03.2002. u 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.
» Mom, mom, look what I did, mom!
» Look what I did to my hands, I broke 'em!
17.03.2002. u 16:11 

zorzi
Beograd

Član broj: 1746
Poruke: 44
*.beoland.co.yu



Profil

icon Re: Custom Browse Button?18.03.2002. u 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>
18.03.2002. u 08:05 

smrda

Član broj: 10703
Poruke: 53
*.emirates.net.ae.



Profil

icon Re: Custom Browse Button?25.05.2003. u 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.
25.05.2003. u 08:23 

alois
SVN

Član broj: 43463
Poruke: 1
*.dsl.siol.net.

Sajt: mcomm.de.vu


Profil

icon Re: Custom Browse Button?29.12.2004. u 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?
29.12.2004. u 13:47 

[es] :: Javascript i AJAX :: Custom Browse Button?

[ Pregleda: 2474 | Odgovora: 4 ]

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.