Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][CSS] pole input type="file"
mtskilla
post
Post #1





Grupa: Zarejestrowani
Postów: 76
Pomógł: 1
Dołączył: 17.01.2007

Ostrzeżenie: (0%)
-----


Witam

Czy da się jakoś zrobic aby po dodaniu pliku przez pole input type=file w polu formularza widoczna
byla nie cala sciezka dostepu do pliku tylko sama nazwa dodanego pliku??

pozdrawiam
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
#luq
post
Post #2





Grupa: Zarejestrowani
Postów: 589
Pomógł: 91
Dołączył: 22.05.2008
Skąd: Gliwice

Ostrzeżenie: (0%)
-----


To co chcesz zrobić da się zrobić w taki sposób:

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <head>
  3. <title>Disable</title>
  4. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  5. <script type="text/javascript" src="./js/jquery.js"></script>
  6.  
  7. <script type="text/javascript">
  8. function basename(path) {
  9. return path.replace(/\\/g,'/').replace( /.*\//, '' );
  10. }
  11.  
  12. $(document).ready(function(){
  13. $('#foo').change(function(){
  14. var v = $(this).val();
  15.  
  16. $('#foo_basname').text( basename( v ) );
  17. $('#foo_basname').show();
  18. });
  19. });
  20. </script>
  21.  
  22. </head>
  23.  
  24. <form action="" method="post">
  25. <input style="width: 200px; height: 20px; border: 1px solid #000;" type="file" id="foo" name="foo" />
  26. <div id="foo_basname" style="background: #fff; width: 145px; height: 20px; position: relative; top: -20px; display: none;"></div>
  27. </form>
  28.  
  29. </body>
  30. </html>


Tylko ładnie ostylować inputa i tego div`a żeby wyglądało tak samo i nikt tego nie zauważy.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 2.10.2025 - 17:49