tag:blogger.com,1999:blog-1202160988770338210.post8303903714598342522..comments2023-06-15T13:46:41.550+01:00Comments on Tiago Epifânio Tech Blog: CSS Style tagstiagohttp://www.blogger.com/profile/16997996364698512042noreply@blogger.comBlogger38125tag:blogger.com,1999:blog-1202160988770338210.post-44342318726265638142013-04-22T14:44:10.617+01:002013-04-22T14:44:10.617+01:00Thanks , it realy helped meThanks , it realy helped meAzad Bhartihttps://www.blogger.com/profile/02503562163617338815noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-89999469326882317392013-03-05T10:03:33.445+00:002013-03-05T10:03:33.445+00:00Just awsome article , it helped me alottttttt, tha...Just awsome article , it helped me alottttttt, thankszeeshhttps://www.blogger.com/profile/10645695094027824946noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-54832793435009769132012-05-02T20:13:23.964+01:002012-05-02T20:13:23.964+01:00Hi
Thank you so much
Helped a lot.
Good tutori...Hi <br /><br />Thank you so much<br /><br />Helped a lot.<br /><br />Good tutorialPhpwebdevhttps://www.blogger.com/profile/15368366877607661429noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-49692839029105549182012-03-12T21:26:11.586+00:002012-03-12T21:26:11.586+00:00It isn't secret that your workaround could be ...It isn't secret that your workaround could be used for translations. Due to this, text on button (also width) is changing for each language.<br /><br />After button 'Select file', usually is added button like 'Add file' or 'Send'. Current solution could lead to some problems with display 'Select file' button with longer texts or wider fonts (e.g. for CN or JP).<br /><br />I suggest to remove from .file_input_button and .file_input_div line 'width: 100px;' and to add to .file_input_div line 'display: inline-block;' instead.Pawelhttps://www.blogger.com/profile/15958814952890003974noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-48422730476101898762011-12-07T09:03:37.307+00:002011-12-07T09:03:37.307+00:00Thanks JP. I haven't reviewed this article in ...Thanks JP. I haven't reviewed this article in a while. One of these days I have to update it.tiagohttps://www.blogger.com/profile/16997996364698512042noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-43107959239671096122011-12-06T16:53:50.196+00:002011-12-06T16:53:50.196+00:00Hi Tiago,
I try to use your code but there's a...Hi Tiago,<br />I try to use your code but there's a problem. on Safari brownser the button to choose the file is static when click on it doesn't open to choose the files. Please could help you. thanks in advance.<br />this what I have done.<br />CSS script didn't change<br /><br />HTML<br />table border="1" align="right" bgcolor="#CDDADA" width="260"> <br /> tr <br /> td <br /> form method="post" action="?subpage=upload" enctype="multipart/form-data" onsubmit="return FormValidate()" <br /> <br /> input type="text" name="imagefile" id="fileName" class="file_input_textbox" readonly="readonly"<br /> div class="file_input_div"<br /> input type="button" value="brownse" class="file_input_button" <br /> input type="file" name="imagefile" class="file_input_hidden" onchange="javascript: document.getElementById('fileName').value = this.value" <br /> /div <br /> <br> <br /> Comments about image <br /> <br> <br /> input type="text" name="comments" <br /> onkeydown="LimitInput(this.form.comments,this.form.textcount,20);"<br /> onkeyup="LimitInput(this.form.comments,this.form.textcount,20);" <br /> <br /> input name="Upload" type="submit" value="Upload" class="form"> <br /> <br /> /form <br /> /td<br /> /tr <br /> <br /> /tableJPhttps://www.blogger.com/profile/05698466904396705054noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-14002540882373087302011-08-23T10:44:46.046+01:002011-08-23T10:44:46.046+01:00Hey guys,
C:\fakepath\ resolved
This works for me...Hey guys,<br />C:\fakepath\ resolved<br />This works for me <br />onchange="javascript: this.form.fileName.value=((this.value.replace(/^.*[\/\\]/g, '')).split('..',2));<br /><br />As seen on <a href="http://www.pracujvzahranici.cz" rel="nofollow">Práce v zahraničí</a>Jan a Eva Lejskovihttps://www.blogger.com/profile/16597409272519382025noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-43357793097861547842011-06-06T19:16:25.808+01:002011-06-06T19:16:25.808+01:00Any solution to the C:\fakepath\ issue? That would...Any solution to the C:\fakepath\ issue? That would be super helpful! Otherwise, great tutorial!John Velascohttps://www.blogger.com/profile/07777518864333576370noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-88164874196133243622011-05-30T11:07:56.533+01:002011-05-30T11:07:56.533+01:00How can I remove the fakepath on the file pathHow can I remove the fakepath on the file pathHaykohttps://www.blogger.com/profile/06225744786204403384noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-54331836911420059462011-04-06T12:27:38.460+01:002011-04-06T12:27:38.460+01:00How can I get this to work with multiple files? Wh...How can I get this to work with multiple files? When I choose 2 files, it just shows the last one.<br /><br />ThanksUnknownhttps://www.blogger.com/profile/00983646588786851117noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-56318976713368437172011-03-29T18:16:59.447+01:002011-03-29T18:16:59.447+01:00THANK YOU. I've been searching for a method of...THANK YOU. I've been searching for a method of doing this without any Flash and with the ability to preserve the text field part. This is the only solution I've come across that does both of those things and appears to work well across browsers and platforms.Anthonyhttps://www.blogger.com/profile/18128851157605181067noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-74352733948248907952011-03-18T15:45:10.235+00:002011-03-18T15:45:10.235+00:00Thanks, works perfect.Thanks, works perfect.creatorhttps://www.blogger.com/profile/07557485871339737469noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-77620397138391914542011-02-20T04:43:37.349+00:002011-02-20T04:43:37.349+00:00Hi Tiago Epifânio,
Thanks a lot for sharing your ...Hi Tiago Epifânio,<br /><br />Thanks a lot for sharing your code to customize file input type...<br /><br />SanjaySanjay Ratanhttps://www.blogger.com/profile/02433494261234918390noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-81199691464612660442011-02-17T17:10:52.444+00:002011-02-17T17:10:52.444+00:00Hi,
Is there any way to set some default path say...Hi,<br /><br />Is there any way to set some default path say for example C:/test something on click of the browse buttonSachitrahttps://www.blogger.com/profile/05613152123348303154noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-84167386150657667852011-02-10T15:37:26.451+00:002011-02-10T15:37:26.451+00:00I found the solution to my problem. the "name...I found the solution to my problem. the "name=" is not mentioned in your code before "onchange=".<br /><br />In fact it does not matter the order is just that it is not mentioned in that line. Hope it help others.Anonymoushttps://www.blogger.com/profile/06632181309735543571noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-74484395245081292292011-02-10T14:13:55.930+00:002011-02-10T14:13:55.930+00:00Richard,
Sure, send me the code and I'll try ...Richard,<br /><br />Sure, send me the code and I'll try to take a look at it (when I can).<br /><br />Cheers.tiagohttps://www.blogger.com/profile/16997996364698512042noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-35495959603068827872011-02-10T13:13:04.501+00:002011-02-10T13:13:04.501+00:00Hi,
I am using this code to upload a picture. It...Hi, <br /><br />I am using this code to upload a picture. It looks fine and let you search for the file. However the path that appear in the box says "fakepath". Not sure what is creating this. Any ideas?<br /><br />In IE8 the path looks fine but still does not load the picture. I guess the code is not connected correctly. I can send you the code to have a look.Anonymoushttps://www.blogger.com/profile/06632181309735543571noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-32861840463123064542011-01-17T19:45:16.893+00:002011-01-17T19:45:16.893+00:00use this script if having problems displaying the ...use this script if having problems displaying the file in the input<br /><br />this.form.fileName.value = this.value;<br /><br />© http://www.kavoir.com/2009/02/styling-file-upload-select-input-control-input-typefile.html/comment-page-1#comment-14134Unknownhttps://www.blogger.com/profile/00527867139730837819noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-8669750050902118432010-12-15T00:10:40.122+00:002010-12-15T00:10:40.122+00:00Hey,
I used this method in combination with Contac...Hey,<br />I used this method in combination with Contact Form 7 and it works nearly flawlessly.<br />My issue is that the file selector doesn't pop up in IE. Any idea why that may be? Here's the link - http://www.carsonshold.com/contact/Carsonhttps://www.blogger.com/profile/06335125860665283608noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-38207269764687549022010-10-29T10:46:56.791+01:002010-10-29T10:46:56.791+01:00i have used same code as per above you suggest but...i have used same code as per above you suggest but cant show path in textbox.<br /><br />Can you help me.<br /><br />Thanks<br />KetanKetanhttps://www.blogger.com/profile/01257857835561441684noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-39814677569514662342010-07-26T10:05:58.208+01:002010-07-26T10:05:58.208+01:00I am too running into same problem like most of th...I am too running into same problem like most of the people above...unable to see the path name in textbox though the file is getting uploaded successfully.After choosing the file the textbox doesnt get populated with the name of the file i.e step 4th isn;t working on both Mozilla 3.0 and IE 8.0.Any help is appreciable.Unknownhttps://www.blogger.com/profile/06428174045171314608noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-28929136875347622812010-07-21T10:05:50.202+01:002010-07-21T10:05:50.202+01:00Well written,explained tutorial... worked for me ....Well written,explained tutorial... worked for me .It really wonderful to find this article after going through some bit complex solution.Thanks a lotUnknownhttps://www.blogger.com/profile/06428174045171314608noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-17772254921396101082010-07-15T12:43:57.868+01:002010-07-15T12:43:57.868+01:00excellent tutorial. love you for thatexcellent tutorial. love you for thattechtickhttps://www.blogger.com/profile/17170170664387951942noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-22547244689363533852010-06-21T08:29:21.443+01:002010-06-21T08:29:21.443+01:00good work thanks for help me.
i found another site...good work thanks for help me.<br />i found another site having good page rank tips and tutorials.that is "Tutorials99"<br />see below link<br />http://www.tutorials99.comMehttps://www.blogger.com/profile/09869294172489466459noreply@blogger.comtag:blogger.com,1999:blog-1202160988770338210.post-53897754637847003732010-06-09T08:26:36.794+01:002010-06-09T08:26:36.794+01:00Hey Tiago. Good work!
There is one question: is th...Hey Tiago. Good work!<br />There is one question: is there any idea to make this customized browse button working as regular button? What it mean - eg. after click on customized button, it should collapse, in your solution it behave like static image - doesn't collapse, there is no interaction but it's work (shows browse file window).Pawelhttps://www.blogger.com/profile/15958814952890003974noreply@blogger.com