Diskuse JPW: Podsunutí DIV namísto TR/TD

	Autor	Zpráva
	Ikki Profil	#1 · Zasláno: 9. 10. 2019, 14:34:41 Odpovědět Citovat Zdravím, jakožto backend člověk si s JS příliš nerozumím a tak Vás žádám o pomoc. Dostal jsem script -> if (true /id != 'x'/) { el.addEvent('change', function(/* e /){ var el = $(this); //e.target; var row = el.getParent('tr[class^=file]'); if (el.value == 'obraz') { row.getElement('input[name=file-'+id+'-format-w]').value = 'obraz'; row.getElement('input[name=file-'+id+'-format-h]').value = 'obraz'; } else if (el.value != 'vlastni') { row.getElement('input[name=file-'+id+'-format-w]').value = el.value.replace(/x[0-9,. ]+$/, ''); row.getElement('input[name=file-'+id+'-format-h]').value = el.value.replace(/^[0-9,. ]+x/, ''); } else { mdialog = new MavDialog.Prompt({ 'draggable' : true, 'title': 'Vlastní rozměry', 'message': 'Zadejte vlastní rozměry ve formátu šířka x výška<br /> např. 10,5 x 20<br /><span style="font-size:11px">(hodnoty uvádějte v centimetrech)</span>', 'callback': function(e) { if (e == '' \|\| e == null) { var tmp = row.getElement('select[name=file-'+id+'-format] option'); tmp.selected = true; var tmpval = tmp.value.replace(/,/, '.'); row.getElement('input[name=file-'+id+'-format-w]').value = tmpval.replace(/x[0-9,. ]+$/, ''); row.getElement('input[name=file-'+id+'-format-h]').value = tmpval.replace(/^[0-9,. ]+x/, ''); reloadMaterials(id); reloadDPI(id); return; } else { var w = e.replace(/[ ]x[0-9,. ]+$/, ''); var h = e.replace(/^[0-9,. ]+x[ ]*/, ''); w = w.replace(/,/, '.'); h = h.replace(/,/, '.'); if (parseFloat(h) < parseFloat(w) ) { var pom = w; w = h; h = pom; } row.getElement('input[name=file-'+id+'-format-w]').value = w; row.getElement('input[name=file-'+id+'-format-h]').value = h; var tmp = row.getElement('select[name=file-'+id+'-format]'); var newEl = new Element('option', {html : w+'x'+h, value : w+'x'+h, selected: true}); tmp.adopt(newEl); //tmp.getElement('option[value='+w+'x'+h+']').selected = true; reloadMaterials(id); reloadUpravy(id); reloadDPI(id); return; } } }); } // obnovit roletku materialu (ta nasledne vyvola obnovu ceny) reloadMaterials(id); // obnovit roletku uprav reloadUpravy(id); // obnovit informace o kvalite / dpi reloadDPI(id); }); } return el; a // formatovy select a rovnou nastavit hodnoty do pomocnych policek (podle kterych se ridi vse ostatni) item.getElement('td.format').adopt( getFormatSelect(id) ); var tmp = item.getElement('select[name=file-'+id+'-format]').value; item.getElement('input[name=file-'+id+'-format-w]').value = tmp.replace(/x[0-9,. ]+$/, ''); item.getElement('input[name=file-'+id+'-format-h]').value = tmp.replace(/^[0-9,. ]+x/, ''); // materialovy select item.getElement('td.materials').adopt( getMaterialsSelect(id), getUpravySelect(id) ); Přičemž potřebuji, aby se tr i td classy nahradily za div. Tedy ve zkratce potřebuji tenhle script převést z tabulky do čistých divů které nastylují tabulku dle potřeb. Zkoušel jsem to přes selector, ale jak říkám, nevyznám se v tom. Ani nahrazení td/tr za div nefunguje, což mi přišlo i jako blbost vůbec zkoušet, Díky.
	Tomášeek Profil	#2 · Zasláno: 9. 10. 2019, 14:41:02 Odpovědět Citovat Ikki: Jestli to jsou tabulková data, tak se na to vykašli a nech tam tabulku. Pokud to tabulková data nejsou a tabulka tam být nemá, přepiš to v šabloně a vykašli se na JS, který dostane tabulku a bude z ní dělat cosi jiného.
	Ikki Profil	#3 · Zasláno: 9. 10. 2019, 14:51:44 Odpovědět Citovat Tomášeek: No prakticky to tabulková data jsou, jedná se o výpis dat z databáze, jenže potřebuji to nahodit do své stylizace která není založená na tagu table, ale div. Zároveň ten script má asi 150 řádků v kompletu a stará se o upload, výpočet cen všech řádků, jejich nastavení formátů, desek aj. Tedy do toho nechci nijak šťourat když se v JS neorientuji, chci tedy jen nahradit tabulku za mnou nastavenou div "tabulku", tedy přemístit pouze výsledky. Jenže výsledky jsou vypsané stylem `<td class="formats"></td>` a já to potřebuji vecpat do `<div class="x"> <div class="y"> <select></select> </div> </div>`
	Tomášeek Profil	#4 · Zasláno: 9. 10. 2019, 15:02:38 Odpovědět Citovat Ikki: Nikdo nezná současné HTML a ani to, které máš připravené ve stylech. Nic jsi neukázal. Stále ale platí, že tvůj požadavek je nesmyslný. Když už, tak je cesta přestylovat tabulku tak, aby vypadala, jak potřebuješ. Tvůj požadavek na změnu HTML z tabulky do netabulky je fakt nesmysl.
	Ikki Profil	#5 · Zasláno: 9. 10. 2019, 16:19:59 · Upravil/a: Ikki o 2 minuty později Odpovědět Citovat Náhled potřebné tabulky Náhled aktuální tabulky Tohle je: <form action="<?php echo $this->selfLink('save') ?>" method="post" id="theform"> <table class="params" id="paramtable" border="0" cellpadding="2" summary="Parametry"> <tr> <th>Náhled</th> <th>Formát</th> <th>Materiál</th> <th>Počet</th> <th>Cena</th> <th>Akce</th> </tr> <?php $itemI = 1; foreach ($this->objednavka['goods'] as $item) { $k = $itemI; if (isset($item['material'])) $preloadParams = true; echo '<tr class="file-'.$k.'"> <td rowspan="2"> <a href="/lib/Thumb.php?f='.urlencode('/tmp-objednavky/'.$this->objId.'/'.$item['name']).'&h=500" rel="lightbox-a"><img src="/lib/Thumb.php?f='.urlencode('/tmp-objednavky/'.$this->objId.'/'.$item['name']).'&h=80" class="borderFade" alt="'.$item['name'].'" title="'.$item['name'].'" /></a> <input type="hidden" name="file-'.$k.'-name" value="'.$item['name'].'" /> <input type="hidden" name="file-'.$k.'-w" value="'.$item['w'].'" /> <input type="hidden" name="file-'.$k.'-h" value="'.$item['h'].'" /> <input type="hidden" name="file-'.$k.'-format-w" value="" /> <input type="hidden" name="file-'.$k.'-format-h" value="" /> </td> <td class="format"> </td> <td class="materials"> </td> <td rowspan="2"> <input type="text" name="file-'.$k.'-pocet" class="pocet" value="1" /> </td> <td rowspan="2"> <input type="hidden" name="file-'.$k.'-price" value="" /> <span class="price"></span> </td> <td rowspan="2"> <a href="#" onclick="$(\'theform\').set(\'action\', \'' . $this->selfLink('duplicate') . '&duplikovat='.urlencode($item['name']).'&key='.urlencode($k).'\' ); $(\'theform\').submit(); return false;"> <img src="/gfx/admin/icons_m/image_multi.png" alt="Duplikovat fotku" title="Duplikovat fotku" /> </a> <br /> <br /> <img src="/gfx/admin/icons_m/remove.png" alt="Odebrat" title="Odebrat" onclick="(function($){ var r = $(\'#paramtable tr.file-'.$k.'\'); r.add(r.next(\'tr\')).fadeOut(400, function(){ $(this).remove(); reloadAllPrices(); }); })(jQuery);" /><br /> </td> </tr> <tr> <td> <select name="file-'.$k.'-orez" class="orez"> <option value="Ořez">Ořez</option> <option value="Plný formát">Plný formát</option> <option value="Real size">Real size</option> </select> </td> <td class="kvalita"> </td> </tr>'; $itemI++; } ?> </table> Potřeba vložit do: <div class="fotky"> <form action="<?php echo $this->selfLink('save') ?>" method="post" id="theform"> <?php $itemI = 1; foreach ($this->objednavka['goods'] as $item) { $k = $itemI; if (isset($item['material'])) $preloadParams = true; echo ' <div class="fotka file-'.$k.' params" id="paramtable"> <div class="row"> <div class="col-md-2 miniatura"> <a href="/lib/Thumb.php?f='.urlencode('/tmp-objednavky/'.$this->objId.'/'.$item['name']).'&h=500" rel="lightbox-a"><img src="/lib/Thumb.php?f='.urlencode('/tmp-objednavky/'.$this->objId.'/'.$item['name']).'&h=80" class="borderFade" alt="'.$item['name'].'" title="'.$item['name'].'" /></a> <input type="hidden" name="file-'.$k.'-name" value="'.$item['name'].'" /> <input type="hidden" name="file-'.$k.'-w" value="'.$item['w'].'" /> <input type="hidden" name="file-'.$k.'-h" value="'.$item['h'].'" /> <input type="hidden" name="file-'.$k.'-format-w" value="" /> <input type="hidden" name="file-'.$k.'-format-h" value="" /> </div> <div class="col-md-8 parametry-inputy"> <div class="row"> <div class="col-md-4"> <div class="parametr format"> <select name="format" class="file'.$k.'-format"> <option data-price="0" value="">Formát</option> <option value="10x15">10x15</option> </select> <td class="format"> </td> <td class="materials"> </td> </div> <div class="parametr material"> <select name="material[]"> <option data-price="0" value="">Materiál</option> <?php foreach($materialy as $material){?> <?php if($material->nazev != "NULL"){ ?> <option data-price="<?php echo $material->cena; ?>" value="<?php echo $material->id; ?>"><?php echo $material->nazev; ?></option> <?php }?> <?php }?> </select> </div> <div class="parametr fotopapir"> <select name="fotopapir[]"> <option data-price="0" value="">Fotopapír</option> <?php foreach($fotopapiry as $fotopapir){ ?> <?php if($fotopapir->nazev != "NULL"){ ?> <option data-price="<?php echo $fotopapir->cena; ?>" value="<?php echo $fotopapir->id; ?>"><?php echo $fotopapir->nazev; ?></option> <?php } ?> <?php } ?> </select> </div> </div> <div class="col-md-4"> <div class="parametr deska"> <select name="deska[]"> <option data-price="0" value="">Deska</option> <?php foreach($desky as $deska){ ?> <option data-price="<?php echo $deska->cena; ?>" value="<?php echo $deska->id; ?>"><?php echo $deska->nazev; ?></option> <?php } ?> </select> </div> <div class="parametr typ"> <select name="typ[]"> <option data-price="0" value="">Typ</option> <?php foreach($typy as $typ){ ?> <option data-price="<?php echo $typ->cena; ?>" value="<?php echo $typ->id; ?>"><?php echo $typ->nazev; ?></option> <?php } ?> </select> </div> </div> <div class="col-md-4"> <div class="parametr pocet"> <input placeholder="Počet" value="1" type="number" min="1" name="pocet[]"> </div> <div class="parametr kvalita"> <div class="vybrat"><i class="fa fa-info-circle"></i> Vyberte formát</div> </div> </div> </div> </div> <div class="col-md-2 cena"> <input type="hidden" name="file-'.$k.'-price" value="" /> <span class="price"></span> Kč </div> </div> </div>';}?> <div class="celkem">Cena za všechny fotografie: <span>0,00</span> Kč</div> <button type="submit" class="btn pull-right pokracovat" >Pokračovat do košíku</button> </form> </div> Samozřejmě by to bylo jednodušší, ale když je hotový podklad na obou stranách, tak přeci není jen zbytečné přestylovávat jedno na druhé? samozřejmě by to bylo jednodušší, ale když je hotový podklad na obou stranách, tak přeci není jen zbytečné přestylovávat jedno na druhé> <div class="fotky"> <form action="<?php echo $this->selflink('save') ?>" method="post" id="theform"> <?php $itemi = 1; foreach ($this->objednavka['goods'] as $item) { $k = $itemi; if (isset($item['material'])) $preloadparams = true; echo ' <div class="fotka file-'.$k.' params" id="paramtable"> <div class="row"> <div class="col-md-2 miniatura"> <a href="/lib/thumb.php?f='.urlencode('/tmp-objednavky/'.$this->objid.'/'.$item['name']).'&h=500" rel="lightbox-a"><img src="/lib/thumb.php?f='.urlencode('/tmp-objednavky/'.$this->objid.'/'.$item['name']).'&h=80" class="borderfade" alt="'.$item['name'].'" title="'.$item['name'].'" /></a> <input type="hidden" name="file-'.$k.'-name" value="'.$item['name'].'" /> <input type="hidden" name="file-'.$k.'-w" value="'.$item['w'].'" /> <input type="hidden" name="file-'.$k.'-h" value="'.$item['h'].'" /> <input type="hidden" name="file-'.$k.'-format-w" value="" /> <input type="hidden" name="file-'.$k.'-format-h" value="" /> </div> <div class="col-md-8 parametry-inputy"> <div class="row"> <div class="col-md-4"> <div class="parametr format"> <select name="format" class="file'.$k.'-format"> <option data-price="0" value="">formát</option> <option value="10x15">10x15</option> </select> <td class="format"> </td> <td class="materials"> </td> </div> <div class="parametr material"> <select name="material[]"> <option data-price="0" value="">materiál</option> <?php foreach($materialy as $material){?> <?php if($material->nazev != "null"){ ?> <option data-price="<?php echo $material->cena; ?>" value="<?php echo $material->id; ?>"><?php echo $material->nazev; ?></option> <?php }?> <?php }?> </select> </div> <div class="parametr fotopapir"> <select name="fotopapir[]"> <option data-price="0" value="">fotopapír</option> <?php foreach($fotopapiry as $fotopapir){ ?> <?php if($fotopapir->nazev != "null"){ ?> <option data-price="<?php echo $fotopapir->cena; ?>" value="<?php echo $fotopapir->id; ?>"><?php echo $fotopapir->nazev; ?></option> <?php } ?> <?php } ?> </select> </div> </div> <div class="col-md-4"> <div class="parametr deska"> <select name="deska[]"> <option data-price="0" value="">deska</option> <?php foreach($desky as $deska){ ?> <option data-price="<?php echo $deska->cena; ?>" value="<?php echo $deska->id; ?>"><?php echo $deska->nazev; ?></option> <?php } ?> </select> </div> <div class="parametr typ"> <select name="typ[]"> <option data-price="0" value="">typ</option> <?php foreach($typy as $typ){ ?> <option data-price="<?php echo $typ->cena; ?>" value="<?php echo $typ->id; ?>"><?php echo $typ->nazev; ?></option> <?php } ?> </select> </div> </div> <div class="col-md-4"> <div class="parametr pocet"> <input placeholder="počet" value="1" type="number" min="1" name="pocet[]"> </div> <div class="parametr kvalita"> <div class="vybrat"><i class="fa fa-info-circle"></i> vyberte formát</div> </div> </div> </div> </div> <div class="col-md-2 cena"> <input type="hidden" name="file-'.$k.'-price" value="" /> <span class="price"></span> kč </div> </div> </div>';}?> <div class="celkem">cena za všechny fotografie: <span>0,00</span> kč</div> <button type="submit" class="btn pull-right pokracovat" >pokračovat do košíku</button> </form> </div> samozřejmě by to bylo jednodušší, ale když je hotový podklad na obou stranách, tak přeci není jen zbytečné přestylovávat jedno na druhé> <div class="fotky"> <form action="<?php echo $this->selflink('save') ?>" method="post" id="theform"> <?php $itemi = 1; foreach ($this->objednavka['goods'] as $item) { $k = $itemi; if (isset($item['material'])) $preloadparams = true; echo ' <div class="fotka file-'.$k.' params" id="paramtable"> <div class="row"> <div class="col-md-2 miniatura"> <a href="/lib/thumb.php?f='.urlencode('/tmp-objednavky/'.$this->objid.'/'.$item['name']).'&h=500" rel="lightbox-a"><img src="/lib/thumb.php?f='.urlencode('/tmp-objednavky/'.$this->objid.'/'.$item['name']).'&h=80" class="borderfade" alt="'.$item['name'].'" title="'.$item['name'].'" /></a> <input type="hidden" name="file-'.$k.'-name" value="'.$item['name'].'" /> <input type="hidden" name="file-'.$k.'-w" value="'.$item['w'].'" /> <input type="hidden" name="file-'.$k.'-h" value="'.$item['h'].'" /> <input type="hidden" name="file-'.$k.'-format-w" value="" /> <input type="hidden" name="file-'.$k.'-format-h" value="" /> </div> <div class="col-md-8 parametry-inputy"> <div class="row"> <div class="col-md-4"> <div class="parametr format"> <select name="format" class="file'.$k.'-format"> <option data-price="0" value="">formát</option> <option value="10x15">10x15</option> </select> <td class="format"> </td> <td class="materials"> </td> </div> <div class="parametr material"> <select name="material[]"> <option data-price="0" value="">materiál</option> <?php foreach($materialy as $material){?> <?php if($material->nazev != "null"){ ?> <option data-price="<?php echo $material->cena; ?>" value="<?php echo $material->id; ?>"><?php echo $material->nazev; ?></option> <?php }?> <?php }?> </select> </div> <div class="parametr fotopapir"> <select name="fotopapir[]"> <option data-price="0" value="">fotopapír</option> <?php foreach($fotopapiry as $fotopapir){ ?> <?php if($fotopapir->nazev != "null"){ ?> <option data-price="<?php echo $fotopapir->cena; ?>" value="<?php echo $fotopapir->id; ?>"><?php echo $fotopapir->nazev; ?></option> <?php } ?> <?php } ?> </select> </div> </div> <div class="col-md-4"> <div class="parametr deska"> <select name="deska[]"> <option data-price="0" value="">deska</option> <?php foreach($desky as $deska){ ?> <option data-price="<?php echo $deska->cena; ?>" value="<?php echo $deska->id; ?>"><?php echo $deska->nazev; ?></option> <?php } ?> </select> </div> <div class="parametr typ"> <select name="typ[]"> <option data-price="0" value="">typ</option> <?php foreach($typy as $typ){ ?> <option data-price="<?php echo $typ->cena; ?>" value="<?php echo $typ->id; ?>"><?php echo $typ->nazev; ?></option> <?php } ?> </select> </div> </div> <div class="col-md-4"> <div class="parametr pocet"> <input placeholder="počet" value="1" type="number" min="1" name="pocet[]"> </div> <div class="parametr kvalita"> <div class="vybrat"><i class="fa fa-info-circle"></i> vyberte formát</div> </div> </div> </div> </div> <div class="col-md-2 cena"> <input type="hidden" name="file-'.$k.'-price" value="" /> <span class="price"></span> kč </div> </div> </div>';}?> <div class="celkem">cena za všechny fotografie: <span>0,00</span> kč</div> <button type="submit" class="btn pull-right pokracovat" >pokračovat do košíku</button> </form> </div> samozřejmě by to bylo jednodušší, ale když je hotový podklad na obou stranách, tak přeci není jen zbytečné přestylovávat jedno na druhé> <div class="fotky"> <form action="<?php echo $this->selflink('save') ?>" method="post" id="theform"> <?php $itemi = 1; foreach ($this->objednavka['goods'] as $item) { $k = $itemi; if (isset($item['material'])) $preloadparams = true; echo ' <div class="fotka file-'.$k.' params" id="paramtable"> <div class="row"> <div class="col-md-2 miniatura"> <a href="/lib/thumb.php?f='.urlencode('/tmp-objednavky/'.$this->objid.'/'.$item['name']).'&h=500" rel="lightbox-a"><img src="/lib/thumb.php?f='.urlencode('/tmp-objednavky/'.$this->objid.'/'.$item['name']).'&h=80" class="borderfade" alt="'.$item['name'].'" title="'.$item['name'].'" /></a> <input type="hidden" name="file-'.$k.'-name" value="'.$item['name'].'" /> <input type="hidden" name="file-'.$k.'-w" value="'.$item['w'].'" /> <input type="hidden" name="file-'.$k.'-h" value="'.$item['h'].'" /> <input type="hidden" name="file-'.$k.'-format-w" value="" /> <input type="hidden" name="file-'.$k.'-format-h" value="" /> </div> <div class="col-md-8 parametry-inputy"> <div class="row"> <div class="col-md-4"> <div class="parametr format"> <select name="format" class="file'.$k.'-format"> <option data-price="0" value="">formát</option> <option value="10x15">10x15</option> </select> <td class="format"> </td> <td class="materials"> </td> </div> <div class="parametr material"> <select name="material[]"> <option data-price="0" value="">materiál</option> <?php foreach($materialy as $material){?> <?php if($material->nazev != "null"){ ?> <option data-price="<?php echo $material->cena; ?>" value="<?php echo $material->id; ?>"><?php echo $material->nazev; ?></option> <?php }?> <?php }?> </select> </div> <div class="parametr fotopapir"> <select name="fotopapir[]"> <option data-price="0" value="">fotopapír</option> <?php foreach($fotopapiry as $fotopapir){ ?> <?php if($fotopapir->nazev != "null"){ ?> <option data-price="<?php echo $fotopapir->cena; ?>" value="<?php echo $fotopapir->id; ?>"><?php echo $fotopapir->nazev; ?></option> <?php } ?> <?php } ?> </select> </div> </div> <div class="col-md-4"> <div class="parametr deska"> <select name="deska[]"> <option data-price="0" value="">deska</option> <?php foreach($desky as $deska){ ?> <option data-price="<?php echo $deska->cena; ?>" value="<?php echo $deska->id; ?>"><?php echo $deska->nazev; ?></option> <?php } ?> </select> </div> <div class="parametr typ"> <select name="typ[]"> <option data-price="0" value="">typ</option> <?php foreach($typy as $typ){ ?> <option data-price="<?php echo $typ->cena; ?>" value="<?php echo $typ->id; ?>"><?php echo $typ->nazev; ?></option> <?php } ?> </select> </div> </div> <div class="col-md-4"> <div class="parametr pocet"> <input placeholder="počet" value="1" type="number" min="1" name="pocet[]"> </div> <div class="parametr kvalita"> <div class="vybrat"><i class="fa fa-info-circle"></i> vyberte formát</div> </div> </div> </div> </div> <div class="col-md-2 cena"> <input type="hidden" name="file-'.$k.'-price" value="" /> <span class="price"></span> kč </div> </div> </div>';}?> <div class="celkem">cena za všechny fotografie: <span>0,00</span> kč</div> <button type="submit" class="btn pull-right pokracovat" >pokračovat do košíku</button> </form> </div> samozřejmě by to bylo jednodušší, ale když je hotový podklad na obou stranách, tak přeci není jen zbytečné přestylovávat jedno na druhé> potřeba vložit do: <div class="fotky"> <form action="<?php echo $this->selflink('save') ?>" method="post" id="theform"> <?php $itemi = 1; foreach ($this->objednavka['goods'] as $item) { $k = $itemi; if (isset($item['material'])) $preloadparams = true; echo ' <div class="fotka file-'.$k.' params" id="paramtable"> <div class="row"> <div class="col-md-2 miniatura"> <a href="/lib/thumb.php?f='.urlencode('/tmp-objednavky/'.$this->objid.'/'.$item['name']).'&h=500" rel="lightbox-a"><img src="/lib/thumb.php?f='.urlencode('/tmp-objednavky/'.$this->objid.'/'.$item['name']).'&h=80" class="borderfade" alt="'.$item['name'].'" title="'.$item['name'].'" /></a> <input type="hidden" name="file-'.$k.'-name" value="'.$item['name'].'" /> <input type="hidden" name="file-'.$k.'-w" value="'.$item['w'].'" /> <input type="hidden" name="file-'.$k.'-h" value="'.$item['h'].'" /> <input type="hidden" name="file-'.$k.'-format-w" value="" /> <input type="hidden" name="file-'.$k.'-format-h" value="" /> </div> <div class="col-md-8 parametry-inputy"> <div class="row"> <div class="col-md-4"> <div class="parametr format"> <select name="format" class="file'.$k.'-format"> <option data-price="0" value="">formát</option> <option value="10x15">10x15</option> </select> <td class="format"> </td> <td class="materials"> </td> </div> <div class="parametr material"> <select name="material[]"> <option data-price="0" value="">materiál</option> <?php foreach($materialy as $material){?> <?php if($material->nazev != "null"){ ?> <option data-price="<?php echo $material->cena; ?>" value="<?php echo $material->id; ?>"><?php echo $material->nazev; ?></option> <?php }?> <?php }?> </select> </div> <div class="parametr fotopapir"> <select name="fotopapir[]"> <option data-price="0" value="">fotopapír</option> <?php foreach($fotopapiry as $fotopapir){ ?> <?php if($fotopapir->nazev != "null"){ ?> <option data-price="<?php echo $fotopapir->cena; ?>" value="<?php echo $fotopapir->id; ?>"><?php echo $fotopapir->nazev; ?></option> <?php } ?> <?php } ?> </select> </div> </div> <div class="col-md-4"> <div class="parametr deska"> <select name="deska[]"> <option data-price="0" value="">deska</option> <?php foreach($desky as $deska){ ?> <option data-price="<?php echo $deska->cena; ?>" value="<?php echo $deska->id; ?>"><?php echo $deska->nazev; ?></option> <?php } ?> </select> </div> <div class="parametr typ"> <select name="typ[]"> <option data-price="0" value="">typ</option> <?php foreach($typy as $typ){ ?> <option data-price="<?php echo $typ->cena; ?>" value="<?php echo $typ->id; ?>"><?php echo $typ->nazev; ?></option> <?php } ?> </select> </div> </div> <div class="col-md-4"> <div class="parametr pocet"> <input placeholder="počet" value="1" type="number" min="1" name="pocet[]"> </div> <div class="parametr kvalita"> <div class="vybrat"><i class="fa fa-info-circle"></i> vyberte formát</div> </div> </div> </div> </div> <div class="col-md-2 cena"> <input type="hidden" name="file-'.$k.'-price" value="" /> <span class="price"></span> kč </div> </div> </div>';}?> <div class="celkem">cena za všechny fotografie: <span>0,00</span> kč</div> <button type="submit" class="btn pull-right pokracovat" >pokračovat do košíku</button> </form> </div> samozřejmě by to bylo jednodušší, ale když je hotový podklad na obou stranách, tak přeci není jen zbytečné přestylovávat jedno na druhé> potřeba vložit do: <div class="fotky"> <form action="<?php echo $this->selflink('save') ?>" method="post" id="theform"> <?php $itemi = 1; foreach ($this->objednavka['goods'] as $item) { $k = $itemi; if (isset($item['material'])) $preloadparams = true; echo ' <div class="fotka file-'.$k.' params" id="paramtable"> <div class="row"> <div class="col-md-2 miniatura"> <a href="/lib/thumb.php?f='.urlencode('/tmp-objednavky/'.$this->objid.'/'.$item['name']).'&h=500" rel="lightbox-a"><img src="/lib/thumb.php?f='.urlencode('/tmp-objednavky/'.$this->objid.'/'.$item['name']).'&h=80" class="borderfade" alt="'.$item['name'].'" title="'.$item['name'].'" /></a> <input type="hidden" name="file-'.$k.'-name" value="'.$item['name'].'" /> <input type="hidden" name="file-'.$k.'-w" value="'.$item['w'].'" /> <input type="hidden" name="file-'.$k.'-h" value="'.$item['h'].'" /> <input type="hidden" name="file-'.$k.'-format-w" value="" /> <input type="hidden" name="file-'.$k.'-format-h" value="" /> </div> <div class="col-md-8 parametry-inputy"> <div class="row"> <div class="col-md-4"> <div class="parametr format"> <select name="format" class="file'.$k.'-format"> <option data-price="0" value="">formát</option> <option value="10x15">10x15</option> </select> <td class="format"> </td> <td class="materials"> </td> </div> <div class="parametr material"> <select name="material[]"> <option data-price="0" value="">materiál</option> <?php foreach($materialy as $material){?> <?php if($material->nazev != "null"){ ?> <option data-price="<?php echo $material->cena; ?>" value="<?php echo $material->id; ?>"><?php echo $material->nazev; ?></option> <?php }?> <?php }?> </select> </div> <div class="parametr fotopapir"> <select name="fotopapir[]"> <option data-price="0" value="">fotopapír</option> <?php foreach($fotopapiry as $fotopapir){ ?> <?php if($fotopapir->nazev != "null"){ ?> <option data-price="<?php echo $fotopapir->cena; ?>" value="<?php echo $fotopapir->id; ?>"><?php echo $fotopapir->nazev; ?></option> <?php } ?> <?php } ?> </select> </div> </div> <div class="col-md-4"> <div class="parametr deska"> <select name="deska[]"> <option data-price="0" value="">deska</option> <?php foreach($desky as $deska){ ?> <option data-price="<?php echo $deska->cena; ?>" value="<?php echo $deska->id; ?>"><?php echo $deska->nazev; ?></option> <?php } ?> </select> </div> <div class="parametr typ"> <select name="typ[]"> <option data-price="0" value="">typ</option> <?php foreach($typy as $typ){ ?> <option data-price="<?php echo $typ->cena; ?>" value="<?php echo $typ->id; ?>"><?php echo $typ->nazev; ?></option> <?php } ?> </select> </div> </div> <div class="col-md-4"> <div class="parametr pocet"> <input placeholder="počet" value="1" type="number" min="1" name="pocet[]"> </div> <div class="parametr kvalita"> <div class="vybrat"><i class="fa fa-info-circle"></i> vyberte formát</div> </div> </div> </div> </div> <div class="col-md-2 cena"> <input type="hidden" name="file-'.$k.'-price" value="" /> <span class="price"></span> kč </div> </div> </div>';}?> <div class="celkem">cena za všechny fotografie: <span>0,00</span> kč</div> <button type="submit" class="btn pull-right pokracovat" >pokračovat do košíku</button> </form> </div> samozřejmě by to bylo jednodušší, ale když je hotový podklad na obou stranách, tak přeci není jen zbytečné přestylovávat jedno na druhé> <form action="<?php echo $this->selflink('save') ?>" method="post" id="theform"> <table class="params" id="paramtable" border="0" cellpadding="2" summary="parametry"> <tr> <th>náhled</th> <th>formát</th> <th>materiál</th> <th>počet</th> <th>cena</th> <th>akce</th> </tr> <?php $itemi = 1; foreach ($this->objednavka['goods'] as $item) { $k = $itemi; if (isset($item['material'])) $preloadparams = true; echo '<tr class="file-'.$k.'"> <td rowspan="2"> <a href="/lib/thumb.php?f='.urlencode('/tmp-objednavky/'.$this->objid.'/'.$item['name']).'&h=500" rel="lightbox-a"><img src="/lib/thumb.php?f='.urlencode('/tmp-objednavky/'.$this->objid.'/'.$item['name']).'&h=80" class="borderfade" alt="'.$item['name'].'" title="'.$item['name'].'" /></a> <input type="hidden" name="file-'.$k.'-name" value="'.$item['name'].'" /> <input type="hidden" name="file-'.$k.'-w" value="'.$item['w'].'" /> <input type="hidden" name="file-'.$k.'-h" value="'.$item['h'].'" /> <input type="hidden" name="file-'.$k.'-format-w" value="" /> <input type="hidden" name="file-'.$k.'-format-h" value="" /> </td> <td class="format"> </td> <td class="materials"> </td> <td rowspan="2"> <input type="text" name="file-'.$k.'-pocet" class="pocet" value="1" /> </td> <td rowspan="2"> <input type="hidden" name="file-'.$k.'-price" value="" /> <span class="price"></span> </td> <td rowspan="2"> <a href="#" onclick="$(\'theform\').set(\'action\', \'' . $this->selflink('duplicate') . '&duplikovat='.urlencode($item['name']).'&key='.urlencode($k).'\' ); $(\'theform\').submit(); return false;"> <img src="/gfx/admin/icons_m/image_multi.png" alt="duplikovat fotku" title="duplikovat fotku" /> </a> <br /> <br /> <img src="/gfx/admin/icons_m/remove.png" alt="odebrat" title="odebrat" onclick="(function($){ var r = $(\'#paramtable tr.file-'.$k.'\'); r.add(r.next(\'tr\')).fadeout(400, function(){ $(this).remove(); reloadallprices(); }); })(jquery);" /><br /> </td> </tr> <tr> <td> <select name="file-'.$k.'-orez" class="orez"> <option value="ořez">ořez</option> <option value="plný formát">plný formát</option> <option value="real size">real size</option> </select> </td> <td class="kvalita"> </td> </tr>'; $itemi++; } ?> </table> potřeba vložit do: <div class="fotky"> <form action="<?php echo $this->selflink('save') ?>" method="post" id="theform"> <?php $itemi = 1; foreach ($this->objednavka['goods'] as $item) { $k = $itemi; if (isset($item['material'])) $preloadparams = true; echo ' <div class="fotka file-'.$k.' params" id="paramtable"> <div class="row"> <div class="col-md-2 miniatura"> <a href="/lib/thumb.php?f='.urlencode('/tmp-objednavky/'.$this->objid.'/'.$item['name']).'&h=500" rel="lightbox-a"><img src="/lib/thumb.php?f='.urlencode('/tmp-objednavky/'.$this->objid.'/'.$item['name']).'&h=80" class="borderfade" alt="'.$item['name'].'" title="'.$item['name'].'" /></a> <input type="hidden" name="file-'.$k.'-name" value="'.$item['name'].'" /> <input type="hidden" name="file-'.$k.'-w" value="'.$item['w'].'" /> <input type="hidden" name="file-'.$k.'-h" value="'.$item['h'].'" /> <input type="hidden" name="file-'.$k.'-format-w" value="" /> <input type="hidden" name="file-'.$k.'-format-h" value="" /> </div> <div class="col-md-8 parametry-inputy"> <div class="row"> <div class="col-md-4"> <div class="parametr format"> <select name="format" class="file'.$k.'-format"> <option data-price="0" value="">formát</option> <option value="10x15">10x15</option> </select> <td class="format"> </td> <td class="materials"> </td> </div> <div class="parametr material"> <select name="material[]"> <option data-price="0" value="">materiál</option> <?php foreach($materialy as $material){?> <?php if($material->nazev != "null"){ ?> <option data-price="<?php echo $material->cena; ?>" value="<?php echo $material->id; ?>"><?php echo $material->nazev; ?></option> <?php }?> <?php }?> </select> </div> <div class="parametr fotopapir"> <select name="fotopapir[]"> <option data-price="0" value="">fotopapír</option> <?php foreach($fotopapiry as $fotopapir){ ?> <?php if($fotopapir->nazev != "null"){ ?> <option data-price="<?php echo $fotopapir->cena; ?>" value="<?php echo $fotopapir->id; ?>"><?php echo $fotopapir->nazev; ?></option> <?php } ?> <?php } ?> </select> </div> </div> <div class="col-md-4"> <div class="parametr deska"> <select name="deska[]"> <option data-price="0" value="">deska</option> <?php foreach($desky as $deska){ ?> <option data-price="<?php echo $deska->cena; ?>" value="<?php echo $deska->id; ?>"><?php echo $deska->nazev; ?></option> <?php } ?> </select> </div> <div class="parametr typ"> <select name="typ[]"> <option data-price="0" value="">typ</option> <?php foreach($typy as $typ){ ?> <option data-price="<?php echo $typ->cena; ?>" value="<?php echo $typ->id; ?>"><?php echo $typ->nazev; ?></option> <?php } ?> </select> </div> </div> <div class="col-md-4"> <div class="parametr pocet"> <input placeholder="počet" value="1" type="number" min="1" name="pocet[]"> </div> <div class="parametr kvalita"> <div class="vybrat"><i class="fa fa-info-circle"></i> vyberte formát</div> </div> </div> </div> </div> <div class="col-md-2 cena"> <input type="hidden" name="file-'.$k.'-price" value="" /> <span class="price"></span&g
		Časová prodleva: 5 let

Vaše odpověď

Mohlo by se hodit