| Autor | Zpráva | ||
|---|---|---|---|
| Glooby5 Profil |
#1 · Zasláno: 25. 5. 2013, 10:03:25
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> |
||
|
Časová prodleva: 11 let
|
|||
0