Anzeige

JS DOM und Eventhandler

JS DOM und Eventhandler | PSD-Tutorials.de

Erstellt von AlphaGen, 27.10.2008.

  1. AlphaGen

    AlphaGen Nicht mehr ganz neu hier

    Dabei seit:
    14.05.2008
    Beiträge:
    169
    Geschlecht:
    männlich
    JS DOM und Eventhandler
    Folgendes Problem: Ich möchte ein input Feld hinzufügen, wenn das andere den fokus verliert (onblur). Durch
    erstelle ich das neue Input-Tag. Im darauf folgenden Code weise ich eine ID, einen Typ, und einen Namen zu. Nun versuche ich auch einen Eventhandler hinzu zu fügen, was jedoch nicht klappt.

    Nun die Frage: Wie kann ich einen Eventhandler zu einem im DOM erzeugten Inputfeld hinzufügen?

    Bitte um Hilfe. :)

    Code (Text):
    1. <script>
    2.     function hinzuf (nummer) {
    3.         var nummereinf = nummer+1;
    4.         var newinput = document.createElement('input');
    5.         newinput.id = "file"+nummereinf;
    6.         newinput.type = "file";
    7.         newinput.name = "file"+nummereinf;
    8.         newinput.onblur = "hinzuf ("+nummereinf+")";
    9.         document.getElementById("alles").appendChild(newinput);
    10.        
    11.     }
    12.     </script>
    13.     </head>
    14.     <body id="alles">
    15.         <form method="post" action="index.php" enctype="multipart/form-data">
    16.         Datei:<br/><input type="file" value="Durchsuchen" name="file1" id="file1" onblur="hinzuf (1)">
    17.         <br/><br/><input type="submit" value="Hochladen">
    18.         </form>
    19.     </body>
     
    #1      
  2. kyle66

    kyle66 Guest

    JS DOM und Eventhandler
    AW: JS DOM und Eventhandler

    Hallo mach's mal so

    Code (Text):
    1.  
    2.     function hinzuf (nummer) {
    3.         var nummereinf = nummer+1;
    4.         var newinput = document.createElement('input');
    5.         newinput.id = "file"+nummereinf;
    6.         newinput.type = "file";
    7.         newinput.name = "file"+nummereinf;
    8.         newinput.onblur = function(e) {hinzuf(nummereinf)};
    9.         document.getElementById("alles").appendChild(newinput);  
    10.     }
    11.  
     
    #2      
x
×
×
teststefan