Vypsání výsledku js scriptu do tabulky tvořené php scriptem

Nasledujuci kod..<?php echo " <script> var data = ; echo" {label: '$name'},"; } echo" ]; </script> "; ?> kde naraz pracujes s PHP, databazou a javascriptom je naozaj zle navrhnuty. Takto sa to naozaj nerobi.1. naloduj si vsetko co potrebujes z DB a uloz si do premennych2. vypis vsetko co potrebujes v PHP. Posnaz sa oddelit PHP od HTML. Minimalne nerobit XY krat echo. Ale radsej vsetko vkladat do premennej $content, ktoru nakoniec vypises 1 krat. Je to z hladiska citatelnosti aj z hladiska rychlosti.3. Urcite ziadne echo pomocou ktoreho tvoris nejaku JS premennu. Ale skor si vytvor JSON-a, ktoreho jednoducho spracujes v JS.4. Ak to ide, oddelit JS do samostatneho suboru a nepisat do jedneho dokumentu vsetky mozne jazyky.A este ma napada, to skusit to PHP napisat trosku funkcionalnejsie, tj. nevolat napr. echo "iansdionPREMENNA". Ale rajdsej nieco ako createColumn($content, $nieco) { $content += 'PREMENNA'; return $content; }. Zbytocne sa neopakovat ked uz spajas to HTML s PHP touto formou.Neporadim ti moc v tomto kode, ktory si prezentoval. Skus napisat o co ti ide, potom navrhnut nejake rozumne riesenie a potom to napisat este raz :)

Děkuji za připomínky, pokusím se to napravit.A co přesně bych chtěl? Jedná se o to, že mám tabulku která má 9 slopců a vypisují se do ni názvy programů s chceckboxem který má name schodé s id programu.Uživatel si vybere své programy, zaškrtnutím checkboxu u programu by měl zmizet z výběru a přesunout se do jiné tabulky, která bude obsahovat jen ty, které uživatel vybral(zde při kliknutí-->zruší jejich výběr a tím je vrátí do původní tabulky). Při každé změne by se poté měl naloadovat php soubor, který získá informace o vybraných oprogramech a ty spracuje. To je má vize.Tak jak bych to rád řešil je, že si vytvořím formulář který bude obsahovat tabulku s názvy programů, v případě změny (zaškrtnutí) by se pomocí ajaxu/jquery přesunul do druhé tabulky a naopak a zároveň by zavolal php script(loadnul soubor), který by zprcoval vybrané programy (ty v druhé tabulce).a co se týče kódu o nepřehlednosti vím, první verze často dělám v časovém pressu jako teď (poté si to vždy v klidu zpřehledním, zkrátím, oddělí od sebe a případně i upravím na méně zátěžové řešení). Děkuji, du se mrknout na ten JSON (můj problém je, že v juery/ajax dělám prvně a potřebuji u tohoto projektu pouze toto a bohužel nemám čas studovat postupně od začátku :/ )

1. z DB vytiahnes obsah tabulky 1.2. vypises si tabulku pomocou PHP (zaroven aj checkboxy)Tabulka dajme tomu ze vyzera nasledovne:<table id="first_table"> <tr> <td>Nieco</td> <td><input type="checkbox" class="move_me" id="superDuper" data-position="first_table"/></td> </tr></table><table id="second_table"></table><script>$(function(){ $('.move_me').on('change', function() { // nepresuvam len samotny input ale cely riadok <tr> var row = $(this).parent().parent(); // pojde to aj cez parents('nieco') ale z hlavy to nedam // skontrolujem polohu inputu // ak je v tabulke first_table -> presuvam do tabulky second_table if ($(this).attr('data-position') == 'first_table') { $('table.second_table').append(row); // ulozim info o novej pozicii $(this).attr('data-position', 'second_table'); } else { $('table.first_table').append(row); $(this).attr('data-position', 'first_table'); } // ak je riadok presunuty zavolam PHP a urobim co je potrebne (AJAX) $.get('spracovatel.php', {data: nejakeData}, function(){ // spracujem });});});</script>Neviem ci chces checboxy zaskrtavat a podla toho urcovat polohu, napr. vsetky zaskrnute budu v tabulke first a nezaskrtnute budu v second. Potom nebude treba data-position, ale kontrolovat na $(this).is(':checked'), alebo nejak podobne. Dalej by bolo asi vhodne, ak presunutie podlieha nejakym podmienkam alebo vypisovaniu info, presunut samotny preusun riadku az do miesta, kde sa nachadza komentar // spracujem. Tam vies ci PHP zlyhal alebo prebehol success. Cela ponta je v tom, ze vypis tabulky v PHP a potom s nou pracuj v JS, ziadne vypisovanie v PHP, potom doplnovanie pomocou JS.Ak je tam niekde syntaxt, tak sa ospravedlnujem, hold webtrh zatial nema nejaky online checker :)Snad ta to nakopne.

Tak jsem nakonec rozhodl, že se pokusím o jednoduší verzi a to že se přesunou až po kliknutí na odkaz.Vše funguje až do té doby, kdy to dám do tabulky, z té se to nepřesune a netuším proč :/<script type="text/javascript" src="./jquery-1.10.2.js"></script><?php include "database.php"; $category = "programs"; $query = $pdo->query("SELECT name,id FROM $category");?><table><tr><div id="select1"><?phpwhile($row = $query->fetch(PDO::FETCH_ASSOC)) { $name = $row; $id = $row; echo"<label><td><input type="checkbox" name="CheckboxGroup1" value="checkbox" id="CheckboxGroup1_$id" />$name</td></label>"; }?> </div></tr></table><div id="select2"></div><a href="#" id="add">add</a><a href="#" id="remove">remove</a><script>$('#add').click(function() { return !$('#select1 label :checked').closest('label').appendTo('#select2'); });$('#remove').click(function() { return !$('#select2 label :checked').closest('label').appendTo('#select1');});</script>Toto řešení (kliknutím) se mi koneckonců i více líbí, u pomalejších počítačů by neustále přepočítávání atd. na pozadí mohlo lagovat. Každopádně netuším proč to má problém přesunout to z tabulky :/---------- Příspěvek doplněn 16.02.2014 v 23:15 ----------

Napsal Pavel Čermák;1057833

Tak jsem nakonec rozhodl, že se pokusím o jednoduší verzi a to že se přesunou až po kliknutí na odkaz.

Vše funguje až do té doby, kdy to dám do tabulky, z té se to nepřesune a netuším proč :/

CHYBA NALEZENA, jednalo se o špatnou strukturu html, opravený kód (funguje přesun do druhého divu, zpět ne a pokud se vrátí tak ne na své místo).<script type="text/javascript" src="./jquery-1.10.2.js"></script><?php include "database.php"; $category = "programs"; $query = $pdo->query("SELECT name,id FROM $category");?><div id="select1"><table><tr><?phpdefine ("COLS", 9); // počet sloupců for ($i = 0; $row = $query->fetch(PDO::FETCH_ASSOC); $i++) { $name = $row; $id = $row; if ($i % COLS == 0) echo "<tr>"; echo "<td><label><input type="checkbox" name="CheckboxGroup1" value="checkbox" id="CheckboxGroup1_$id" />$name</label></td>"; if ($i % COLS == COLS - 1) echo "</tr>n"; } if ($i % COLS != 0) { while ($i++ % COLS != 0) { echo "<td> </td>"; } echo "</tr>n";} ?> </tr></table></div><div id="select2"></div><a href="#" id="add">add</a><a href="#" id="remove">remove</a><script>$('#add').click(function() { return !$('#select1 td :checked').closest('td').appendTo('#select2'); });$('#remove').click(function() { return !$('#select2 td :checked').closest('td').appendTo('#select1');});</script>