Diskuze: Přidavání řádku ve formuláři
V předchozím kvízu, Online test znalostí PHP, jsme si ověřili nabyté zkušenosti z kurzu.
Člen
Zobrazeno 12 zpráv z 12.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
V předchozím kvízu, Online test znalostí PHP, jsme si ověřili nabyté zkušenosti z kurzu.
Přes PHP to můžeš přidat pouze znovunačtením stránky. Tedy ideální je spíš javascript.
Přesně tak - pokud Ti nevadí, že stránku budeš načítat celou znovu, tak stačí použít PHP, jinak doporučuju Javascript a odesílat to AJAXem.
Btw, ten databázový návrh se mi zdá dost nešťastný, proč nemít spíš jednu tabulku s "tikety" a v další tabulce přiřazení součástek k tiketům?
Databáze byla v plánu jak si říkal ale s tím javascriptem to bude
horší v tom jsem ještě moc nezačal dělat nebyl by někde příklad jak to
udělat?
Děkuji moc
Ahoj, asi by som to riešil takto:
Použi túto JS funkciu:
<script type="text/javascript">
function add_row() {
var n = $( ".product_row" ).length;
if (n>20) alert('Momentalne nie je mozne pridat viac ako 20 produktov');
else {
// sem vlozis kod, ktory sa ma pridat
var row = '<div class="product_row">' +
'<input type="text" name="row'+n+'" id="row'+n+'" class="tvoja_class"/>' +
'</div>';
// pridanie kodu na koniec do obalovacieho divu
$("#container_products").append(isbn);
}
}
</script>
a k tomu si musis vytvoriť tlačítko na pridanie zaznamov. Tlačítko, ktorým spustíš javascript
<div class="button_add" onclick="add_row()"> </div>
Daj prosím vedieť, či ti to dáva zmysel.
Já bych to udělal tak, jak to říká Jakub Žák.
Postup
Vytvoříš si funkci/skript v JavaScriptu, který bude reagovat na tlačítko
ať už html element tagem
<button onclick="funkce();">Přidat</button>
nebo normálním
$("button").on('click', funkce(););
Po kliknutí ti to appendne nový input, do kterého budeš moct napsat podle
tebe další součástku a cenu.
O zpracování a uložení do databáze se postará Ajax.
$.ajax({
url: 'http://example.com'',
method 'POST',
data: 'soucastka=...&cena=...',
...
});
Pokud by jsi chtěl kousek kódu k navedení na správnou trastu "aby jsi se mohl odrazit", napiš...
Čau pokud by bylo možno část kódu tak bych byl rad děkuji moc
V HTML by formulář vypadal nějak takto
<div id="formular">
<h2>Formulář součástky</h2>
<div class="soucastky">
<input type="text" placeholder="Součástka" /><br />
<input type="text" placeholder="Cena" /><br />
</div>
<button onclick="appendSoucastka();">Přidat</button>
<button onclick="zpracujFormular();">Zpracovat</button>
</div>
a v JS, takhle
function appendSoucastka() {
var soucastka_input = '<input type="text" placeholder="Součástka"/><br />'
+ '<input type="text" placeholder="Cena" />';
$("#formular .soucastky").append(soucastka_input);
}
function zpracujFormular() {
...
$.ajax({
url: "http://example.com/formular.php",
method: "POST",
data: "...",
success: function() {
console.log("Data zpracována");
}
});
}
Je to jenom nástřel, číslování součástky a ceny (inputu), by jsis
měl dodělat, ale appendování funguje Ten ajax vypadá podobně.
Jak říkám dodělej zpracování dat z inputu a odeslání přes ajax, ať už
POSTem nebo GETem...
Zde je ukázka, jak by to zhruba mohlo jít udělat.
Pozor! Není to kód určený k použití, pouze jednoduchý nástřel, jak by to zhruba šlo udělat, neřeší to velkou část situací, které mohou nastat a je to narychlo napsaný bastl!
Jo a je to napsané tak, že by měl jít použít zdejší databázový wrapper ze seriálu o PHP.
Prečo v init.php posielaš tie hlavičky?
header('Content-Type: text/html; charset=utf-8');
header("Cache-Control: no-cache, must-revalidate");
header("Expires: Sat, 26 Jul 1997 05:00:00 GMT");
Zobrazeno 12 zpráv z 12.