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

Custom Browse Button?

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

[ Pregleda: 4231 | Odgovora: 4 ] > FB > Twit

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 - pre 226 meseci
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".

 
Odgovor na temu

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

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

ICQ: 28675801
Sajt: Linemotion.com


+1 Profil

icon Re: Custom Browse Button?17.03.2002. u 16:11 - pre 226 meseci
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!
 
Odgovor na temu

zorzi
Beograd

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



Profil

icon Re: Custom Browse Button?18.03.2002. u 08:05 - pre 226 meseci
<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>
 
Odgovor na temu

smrda

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



Profil

icon Re: Custom Browse Button?25.05.2003. u 08:23 - pre 212 meseci
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.
 
Odgovor na temu

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 - pre 192 meseci
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?
 
Odgovor na temu

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

[ Pregleda: 4231 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

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