Autor Zpráva
Glooby5
Profil
Dobrý den,
potřeboval bych poradit s dynamickým formulářem. Zde je odkaz na mé dosavadní snažení ať je vidět o čem mluvím. Po otevření stránky se zobrazí panel s jedním cvikem, který je nadřazen seriím, které lze přidávat. Potřebuji však aby se po kliknutí na tlačítko "Potvrdit" u prvního cviku zarovaly serie prvního cviku a zmizelo tlačítko "Přidat serie" a tlačítko "Potvrdit" by se změnilo na "Upravit". Zároveň se po kliknutí na tlačítko "Potvrdit" u prvního cviku přidá další cvik. Po kliknutí na tlačítko "Upravit" u prvního cviku by se zarovaly všechny serie ostatních cviků a u prvního cviku by se serie vyrovaly a objevilo by se znovu tlačítko "Přidat serie". S psaním jQuery jsem začátečník, tak se předem omlouvám za nějaké hlouposti.

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <script  src="jquery-1.9.1.min.js"></script>        

        <script type="text/javascript">
            $(document).ready(function(){
                addCvik();
            });
            
            var i = 0;
            var n = 0;
            function addCvik(){
                    var scntDiv = $('#cviky');
                    i++;
                    $('<input type="text" size="20" name="cvik' + i +'" value="" placeholder="Vyberte cvik" /><button onclick="addSerie(' + i + ')">Přidat serii</button><button class="tlacitko" onclick="potvrdit('+ i + ')">Potvrdit</button><div id="cvik' + i + '"></div><br>').appendTo(scntDiv);
                    n = 0;
                    addSerie(i);
            }
        
            function addSerie(CisloCviku) {
                n++;
                $('<label for="opakovani">' + n + '. serie</label><input type="text" name="opakovani"><input type="text" name="vaha"><br>').appendTo('#cvik' + CisloCviku);
            }
            
            function potvrdit(Co) {
                addCvik();
            }
        </script>

    </head>
    <body>
        <div id="cviky">
            
        </div>
    </body>
</html>

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: