StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POjquery + table row edit - String problem
text
Body
copied!<p>I've one problem with editing a row... I wanted to use a button to enter edit mode in the table (generated from php array (data taken from mysql)) </p> <p>I have two rows for each data:</p> <pre><code> <tr class="dataline"> <td><?=$row->id; ?></td> <td><?=$row->pl>0 ? '<div id="gain">' . $row->pl .'</div>' : '<div id="loss">' . $row->pl . '</div>';?></td> <td><div id="reason"><?=$row->reason;?></div></td> <td><div id="comment"><?=$row->comment;?></div></td> <td><div id="date"><?=$row->cdate; ?><br /><?=$row->ctime; ?></div></td> <td><div id="date"><?=$row->mdate; ?><br /><?=$row->mtime; ?></div></td> <td colspan="2"><button id="editlink">Edit</button> <button id="deletelink">Delete</button></td> </tr> <tr class="editline" style="display:none;"> <form id="<?php echo $row->id;?>"> <td><?php echo $row->id; ?><input type="hidden" name="id" id="id" value="<?php echo $row->id;?>" /></td> <td><input type="text" id="pl" name="pl" value="<?=$row->pl;?>" /></td> <td><textarea id="reason" name="reason"><?=$row->reason;?></textarea></td> <td><textarea id="comment" name="comment"><?=$row->comment;?></textarea></td> <td><div id="date"><?=$row->cdate; ?><br /><?=$row->ctime; ?></div></td> <td><div id="date"><?=$row->mdate; ?><br /><?=$row->mtime; ?></div></td> <td colspan="2"><input id="edit_save" type="Submit" value="Save" /> </form> <button id="cancellink">Cancel</button></td> </tr> </code></pre> <p>I attached two jquery statements to it ... </p> <p>1st. one ... changes the row to <pre><code> $("#editlink").click(function() { var datapos = $(this).parent().parent().prevAll().length; var editpos = datapos + 1; $("#data_table tbody tr:eq(" + datapos + ")").hide(); $("#data_table tbody tr:eq(" + editpos + ")").show(); }); </code></pre> <p>Works perfectly.</p> <p>2nd. Suppose to save (POST to PHP script) once the change has been done and reload the page. </p> <pre><code> $("#edit_save").click(function() { var dataString = $("form").serialize(); var editpos = $(this).parent().parent().prevAll().length; var datapos = editpos - 1; $.ajax({ type: "POST", url: "edit", data: dataString, success: function() { $("#lightbox").fadeIn(900); $("#notification-box").show(); $("#notification-box").html("<img src='<?php base_url();?>img/notification.gif'><p>Saving</p>"); location.reload(); } }); }); </code></pre> <p>So, the issue I have here is that the dataString is a value of all values generated in the table not the specific row I wanted to edit. </p> <p>I would be really glad if someone can help me with that. </p> <p>Cheers,</p> <p>/Jacek</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload