Login

#16 (**permalink**) 06-01-2012, 06:28

HTML-Code:

<!DOCTYPE html>

<html lang="de">

    <head>
        <meta charset="utf-8" />
        <title>Demo</title>
        <script type="text/javascript">
        /*<![CDATA[*/
        function newBox()
        {
            var hin     = document.getElementById("hin"),
                input   = document.createElement("input"),
                newline = document.createElement("br");

            input.setAttribute("type", "text");
            input.setAttribute("name", "head[]");

            hin.appendChild(input);
            hin.appendChild(newline);
        }

        window.onload = function ()
        {
            document.getElementById('demo').onclick = function ()
            {
                newBox();
            };
        };
        /*]]>*/
        </script>
    </head>

    <body>

        <button id="demo">Hinzufügen</button>

        <div id="hin"></div>

    </body>

</html>

#17 (**permalink**) 06-01-2012, 20:31

Vielen herzlichen Dank. Es funktioniert. Nun habe ich versucht den Delete Button einzubauen und das funktioniert nicht. Was mache ich da falsch?

HTML-Code:

<!DOCTYPE html>
<html lang="de">
    <head>
        <meta charset="utf-8" />
        <title>Demo</title>
        <script type="text/javascript">
        /*<![CDATA[*/
        function newBox()
        {
            var hin     = document.getElementById("hin"),
                input   = document.createElement("input"),
                newline = document.createElement("br");
 
            input.setAttribute("type", "text");
            input.setAttribute("name", "head[]");
 
            hin.appendChild(input);
            hin.appendChild(newline);
        }
 
        window.onload = function ()
        {
            document.getElementById('demo').onclick = function ()
            {
                newBox();
            };
        };
        /*]]>*/
 
function delElem() {
     mainForm = document.forms[input]; // Form_Tag
     mainForm.removeChild(document.getElementById(hin)) // L??en!
    }
        </script>
 
</head>
 
    <body>
 
        <button id="demo">Hinzufügen</button>
      <div id="hin"></div>
 <input type="button" name="" id="" value="Delete" onclick="delElem();" />
            </body>
 
</html>

#18 (**permalink**) 07-01-2012, 02:01

Zitat:

Zitat von marcel95

Was mache ich da falsch?

Du beschäftigst dich nicht mit den Grundlagen. Die erste Zeile deiner delElem-Funktion ergibt in Hinblick auf die Struktur des HTML-Dokuments keinen Sinn.

Ich klinke mich hier aber aus, das wird mir zu doof.

Login

PHP News

Aktuelle PHP Scripte