Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][JavaScript]dynamiczne dodanie pola formularza - input type=text
kleszcz12
post
Post #1





Grupa: Zarejestrowani
Postów: 102
Pomógł: 0
Dołączył: 16.03.2008

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

Witam, jak to przerobić:

Kod
var LastInput=0, EmptyInput=0;

function AddFile()
{
    var tmp, tmp2, files, new_input;
    if(this.name.indexOf("file_")==0) { inputid = this.name.replace("file_", ""); tmp = this; }
    else { inputid = 0; tmp = document.getElementsByName("file_0")[0]; }
    if(tmp && tmp.value=='' && inputid!=EmptyInput)
    {
        tmp2 = document.getElementsByName("file_"+EmptyInput)[0];
        files = document.getElementById("files");
        //alert(tmp2);
        if(files && tmp2) { files.replaceChild(tmp, tmp2); }
        if(LastInput!=EmptyInput)
       {
           tmp2 = document.getElementsByName("file_"+LastInput)[0];
           if(tmp2)
           {
                   tmp2.setAttribute("name", "file_"+EmptyInput);
                   if(LastInput==inputid) inputid = EmptyInput;
           }
        }
        EmptyInput = inputid;
        --LastInput;
    }
    else if(tmp && tmp.value!='' && inputid==EmptyInput)
    {
        ++LastInput;
        EmptyInput = LastInput;
        new_input = document.createElement("input");
       new_input.setAttribute("type", "file");
       new_input.setAttribute("name", "file_"+LastInput);
       new_input.className = "textbox";
       new_input.onchange = AddFile;
       new_input.style.width = "400";
       new_input.style.margin = "2px";
       new_input.style.display = "block";
       files = document.getElementById("files");
       if(files) files.appendChild(new_input);
    }
}



formularz:

[HTML] pobierz, plaintext 
  1. <form method="post" enctype="multipart/form-data" onsubmit="document.getElementById('uploading').style.display='';"> 
  2. <input type="hidden" name="action" value="upload"> 
  3. <input type="hidden" name="dir" value=""> 
  4. <div id="files"> 
  5. <input type="file" name="file_0" class="textbox" onchange="AddFile();" style="width:400;margin:2px;display:block;"> 
  6. </div> 
  7. <input type="submit" value="Załaduj" class="button"> <input type="button" value="Zamknij" class="button" onClick="window.close();"> 
  8. </form>
[HTML] pobierz, plaintext



Aby zamiast uploadu było pole tekstowe (input type=text), próbowałem podmienić w samym formularzu ale wiele to nie pomaga, a javascript'a nie znam kompletnie...prosze o pomoc.

Pozdrawiam

Ten post edytował batman 2.06.2008, 20:22:12
Powód edycji: poprawiłem bbcode
Go to the top of the page
+Quote Post
nexis
post
Post #2





Grupa: Zarejestrowani
Postów: 1 012
Pomógł: 109
Dołączył: 26.09.2003
Skąd: nexis.pl

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

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
  3. <head>
  4.   <title>Test</title>
  5.   <script type="text/javascript">
  6.     function funkcja () {
  7.       var div = document.getElementById("identyfikator");
  8.       div.innerHTML += '<input type="text" /><br /><br />';
  9.     }
  10.   </script>
  11. </head>
  12.  
  13. <body xml:lang="pl">
  14.   <div id="nawigacja"><a onclick="funkcja()">dodaj element "<code>&lt;input type=&quot;text&quot; /&gt;</code>"</a></div>
  15.   <div id="identyfikator"></div>
  16. </body>
  17. </html>
[HTML] pobierz, plaintext


--------------------
Zend Certified Engineer

Kliknij POMÓGŁ jeśli moja odpowiedź okazała się użyteczna!
Go to the top of the page
+Quote Post
kleszcz12
post
Post #3





Grupa: Zarejestrowani
Postów: 102
Pomógł: 0
Dołączył: 16.03.2008

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

Nie działa...
Go to the top of the page
+Quote Post
erix
post
Post #4





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
A może trochę więcej szczegółów, niż "nie działa"? Jakieś błędy, czy co...? Bądź precyzyjny, to szybciej dotrzesz do rozwiązania i inni będą mogli Ci pomóc w krótszym czasie.


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
Shili
post
Post #5





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

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

A to dziwne, u mnie ów kod działa bez żadnego problemu.
Napisz jak go wplotłeś w swój i również przychylam się do opisania błędów, które wyrzuca konsola, jeśli je wyrzuca.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 08:57
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn