| Autor | Zpráva | ||
|---|---|---|---|
| jtfcobra Profil |
#1 · Zasláno: 22. 6. 2016, 11:10:42
Nemáte zkušenosti z formulářema dynamickýma?
Například? 
|
||
| User Profil * |
#2 · Zasláno: 22. 6. 2016, 11:16:31
Javascript...
|
||
| jtfcobra Profil |
#3 · Zasláno: 22. 6. 2016, 11:24:56
To jo ale jak?
|
||
| Taps Profil |
#4 · Zasláno: 22. 6. 2016, 11:34:38
jtfcobra:
Pokud se jedná o přidávání/odebírání řádků viz ukázka Přidání dalšího textového pole |
||
| jtfcobra Profil |
#5 · Zasláno: 22. 6. 2016, 13:26:52
Mam to takle ale nefuguje odebrat to kdyz dam tak zmizi jen tlacitko odebrat
<table width="100%" border="0" align="center" >
<tbody>
<tr>
<td width="900" align="center" bgcolor="#4CAF50"><font size="+3" color="white">Přijemka</font></td>
</tr>
<tr>
<td bgcolor="#FFFFFF" align="center">
<form method="get">
<div class="polozky" id="polozky">
<div class="polozka" id="sablona">
<table width="100%" border="0">
<tbody>
<tr>
<td><input type="text" name="policko1[]" placeholder="Sukl"></td>
<td><input type="text" name="policko2[]" placeholder="Sarze"></td>
<td><input type="text" name="policko3[]" placeholder="Produkt zkratka"></td>
<td><input type="text" name="policko4[]" placeholder="Nazev zbozi"></td>
<td><input type="text" name="policko5[]" placeholder="Pocet kusu"></td>
<td><input type="text" name="policko6[]" placeholder="Cena za KS"></td>
<td><input type="text" name="policko7[]" placeholder="Expirace"></td>
<td><input type="text" name="policko8[]" placeholder="Sklad"></td>
<td><button class="odebrat" onclick="odebrat(this)">- Odebrat</button></td>
<td><button type="button" onclick="pridatPole()">+ Přidat</button></td>
</tr>
</tbody>
</table>
</div>
</div>
<input type="submit" name="submit" id="submit" value="Odeslat">
</form>
<script>
var prvniPolozka = document.getElementById('sablona');
var sablona = prvniPolozka.cloneNode(true);
function pridatPole() {
var kopie = sablona.cloneNode(true);
document.getElementById('polozky').appendChild(kopie);
kopie.getElementsByTagName("input")[0].focus();
}
function odebrat(el) {
var polozka = el.parentNode;
polozka.parentNode.removeChild(polozka);
}
</script>
</td>
</tr>
</tbody>
</table> |
||
| Taps Profil |
#6 · Zasláno: 22. 6. 2016, 14:14:56
jtfcobra:
opraveno, viz Živá ukázka |
||
| Hando Profil |
#7 · Zasláno: 23. 6. 2016, 12:56:58
Jen podotýkám, že by bylo vhodné, aby nešlo odebrat řádek v případě, že je jediný. :)
|
||
|
Časová prodleva: 4 dny
|
|||
| jtfcobra Profil |
#8 · Zasláno: 27. 6. 2016, 09:25:56
Tohle funguje uz jsem to i vylepsil
ale nevim jak udelat kdyz zadam treba sukl a mam databazy z udajy aby se to predvyplnilo.... Napriklad nazev??? <form method="get">
<div class="polozky" id="polozky">
<div class="polozka" id="sablona">
<table width="860px" border="0">
<tbody>
<tr>
<td width="80px"><button class="odebrat" onclick="odebrat(this)" style="width: 80px;">- Odebrat</button></td>
<td width="50px"><input type="text" name="policko1[]" placeholder="Sukl" style="width: 50px;"></td>
<td width="70px"><input type="text" name="policko2[]" placeholder="Sarze" style="width: 70px;"></td>
<td width="70px"><input type="text" name="policko3[]" placeholder="Zkratka" style="width: 70px;"></td>
<td width="150px"><input type="text" name="policko4[]" placeholder="Nazev zbozi" style="width: 150px;"></td>
<td width="70px"><input name="policko5[]" type="text" placeholder="Pocet" style="width: 70px;"></td>
<td width="70px"><input type="text" name="policko6[]" placeholder="Cena za KS" style="width: 70px;"></td>
<td width="70px"><input type="text" name="policko7[]" placeholder="Expirace" style="width: 70px;"></td>
<td width="150px"><select name="policko8[]" type="select" placeholder="Sklad" style="width: 150px;">
<?php $vysledek = $mysqli->query("SELECT * FROM sklady_seznam",$db);
while ($zaznam = $vysledek->fetch_assoc()){
echo '<option value="'.$zaznam["ZKRATKA"].'">'.$zaznam["NAZEV"].'</option>';
}
echo ''; ?></select></td>
<td width="80px"><button type="button" onclick="pridatPole()" style="width: 80px;">+ Přidat</button></td>
</tr>
</tbody>
</table>
</div>
</div>
<p> </p>
<p>
<label for="select">Dodavatel:</label>
</p>
<p>
<select name="select" id="select">
</select>
</p>
<p> </p>
<p>
<input type="submit" name="submit" id="submit" value="Odeslat">
</p>
</form> |
||
| Bertram Profil |
#9 · Zasláno: 27. 6. 2016, 12:15:19
Taps:
Je v pořádku, že vznikají elementy se shodným atributem id? 
|
||
| jtfcobra Profil |
#10 · Zasláno: 27. 6. 2016, 12:20:44
jtfcobra:
Jak to myslis? |
||
| jakre Profil |
Bertram:
„Je v pořádku, že vznikají elementy se shodným atributem id?“ Atribut ID by neměl být v rámci jedné stránky stejný. Některé prohlížeče duplicitu umožňují, ale W3C validátor hlásí chybu: 
|
||
|
Časová prodleva: 8 let
|
|||
0